avatar inline attachment; text alignment
[rails.git] / app / views / notifier / changeset_comment_notification.html.erb
1 <html>
2   <head>
3     <title></title>
4     <meta charset="UTF-8"></meta>
5   </head>
6   <body style="padding: 0; margin: 0">
7     <table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#eee" style="color: #222; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; text-align: center">
8       <tr>
9         <td>
10           <table align="center" width="600" cellspacing="10" style="color: #222; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; margin-left: auto; margin-right: auto">
11             <tr>
12               <td width="30">
13                 <a href="<%= @root_url %>" target="_blank">
14                   <%= image_tag attachments["osm_logo_30x30.png"].url, alt: "OpenStreetMap logo", title: "OpenStreetMap", height: "30", width: "30", border: "0" %>
15                 </a>
16               </td>
17               <td>
18                 <a href="<%= @root_url %>" target="_blank" style="text-decoration: none; color: #000">
19                   <h1 style="font-size: 18px; font-weight: 600; margin: 0; text-align: left">OpenStreetMap</h1>
20                 </a>
21               </td>
22             </tr>
23             <tr>
24               <td colspan="2">
25                 <table width="100%" bgcolor="#fff" cellspacing="15" style="color: #222; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; border: solid 1px #ccc">
26                   <tr>
27                     <td style="text-align: left">
28                       <p>
29                         <% if @owner %>
30                           <%= t "notifier.changeset_comment_notification.commented.your_changeset_html", :commenter => @commenter, :commenter_url => @commenter_url, :time => @time %>
31                         <% else %>
32                           <%= t "notifier.changeset_comment_notification.commented.commented_changeset_html", :commenter => @commenter, :commenter_url => @commenter_url, :time => @time, :changeset_author => @changeset_author %>
33                         <% end %>
34                         <% if @changeset_comment %>
35                           <%= t "notifier.changeset_comment_notification.commented.partial_changeset_with_comment_html", :changeset_comment => @changeset_comment %>
36                         <% else %>
37                           <%= t "notifier.changeset_comment_notification.commented.partial_changeset_without_comment" %>
38                         <% end %>
39                       </p>
40                       <table width="520" style="color: #222; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 15px; font-style: italic; margin: 15px; background-color: #eee" cellpadding="10">
41                         <tr>
42                           <td style="width: 70px; vertical-align: top">
43                             <a href="<%= @commenter_url %>" target="_blank"><%= image_tag attachments["avatar.png"].url, alt: @commenter %></a>
44                           </td>
45                           <td style="text-align: left; vertical-align: top">
46                             <%= @comment.to_html %>
47                           </td>
48                         </tr>
49                       </table>
50                       <p>
51                         <p><%= raw t 'notifier.changeset_comment_notification.details_html', :url => link_to(@changeset_url, @changeset_url) %></p>
52                       </p>
53                     </td>
54                   </tr>
55                 </table>
56               </td>
57             </tr>
58           </table>
59         </td>
60       </tr>
61       <tr>
62         <td align="center">
63           <p>
64             <a style="color: #222" href="<%= @changeset_url %>">Unsubscribe</a>
65             from updates to this changeset
66           </p>
67           <p style="margin-bottom: 10px">
68             <a href="https://www.openstreetmap.org/" target="_blank" style="color: #222">OpenStreetMap.org</a>
69           </p>
70         </td>
71       </tr>
72     </table>
73   </body>
74 </html>