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; font-size: 14px; font-family: 'Helvetica Neue', Arial, sans-serif; color: #222">
   7     <table style="background-color: #eee; width: 100%">
   8       <tr>
   9         <td style="text-align: center">
  10           <table style="width: 600px; color: #222; margin-left: auto; margin-right: auto">
  11             <tr>
  12               <td style="width: 30px; padding: 10px">
  13                 <a href="<%= @root_url %>" target="_blank">
  14                   <%= image_tag attachments["logo.png"].url, alt: "OpenStreetMap logo", title: "OpenStreetMap", height: "30", width: "30", border: "0" %>
  15                 </a>
  16               </td>
  17               <td style="padding: 10px 0px">
  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 style="background-color: #fff; color: #222; border: solid 1px #ccc; border-collapse: separate">
  26                   <tr>
  27                     <td style="text-align: left; padding: 15px 15px 5px 15px">
  28                       <p style="margin: 0">
  29                         <% if @owner %>
  30                           <%= raw t "notifier.changeset_comment_notification.commented.your_changeset", :commenter => link_to_user(@commenter), :time => @time %>
  31                         <% else %>
  32                           <%= raw t "notifier.changeset_comment_notification.commented.commented_changeset", :commenter => link_to_user(@commenter), :time => @time, :changeset_author => @changeset_author %>
  33                         <% end %>
  34                         <% if @changeset_comment %>
  35                           <%= raw t "notifier.changeset_comment_notification.commented.partial_changeset_with_comment", :changeset_comment => content_tag("em", @changeset_comment) %>
  36                         <% else %>
  37                           <%= t "notifier.changeset_comment_notification.commented.partial_changeset_without_comment" %>
  38                         <% end %>
  39                       </p>
  40                       <table style="font-size: 15px; font-style: italic; margin: 15px; background-color: #eee; width: 520px">
  41                         <tr>
  42                           <td style="width: 50px; vertical-align: top; padding: 15px">
  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; padding-right: 10px">
  46                             <%= @comment.to_html %>
  47                           </td>
  48                         </tr>
  49                       </table>
  50                       <p>
  51                         <%= raw t 'notifier.changeset_comment_notification.details', :url => content_tag("nobr", link_to(@changeset_url, @changeset_url)) %>
  52                       </p>
  53                     </td>
  54                   </tr>
  55                 </table>
  56               </td>
  57             </tr>
  58           </table>
  59         </td>
  60       </tr>
  61       <tr>
  62         <td style="text-align: center; font-size: 11px">
  63           <p>
  64             <%= raw t 'notifier.changeset_comment_notification.unsubscribe', :url => content_tag("nobr", link_to(@changeset_url, @changeset_url, :style => "color: #222")) %>
  65           </p>
  66           <p style="margin-bottom: 10px">
  67             <a href="<%= @root_url %>" target="_blank" style="color: #222">OpenStreetMap</a>
  68           </p>
  69         </td>
  70       </tr>
  71     </table>
  72   </body>
  73 </html>