407 lines
18 KiB
Plaintext
407 lines
18 KiB
Plaintext
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
|
|
<title></title>
|
|
</head>
|
|
|
|
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%">
|
|
|
|
<!--[if mso]>
|
|
<style type="text/css">
|
|
body, table, td, th, h1, h2, h3 {font-family: Helvetica, Arial, sans-serif !important;}
|
|
</style>
|
|
<![endif]-->
|
|
|
|
<span class="preheader" style="display:none!important;color:#f3f3f3;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden">
|
|
<%= @preheader_text %>
|
|
</span>
|
|
|
|
<table style="background-color:#<%= @header_bgcolor -%>;width:100%;">
|
|
<tr>
|
|
<td align="center" style="text-align: center;padding: 20px 0;">
|
|
|
|
<a href="<%= Discourse.base_url %>" style="color:#<%= @header_color -%>;font-size:28px;text-decoration:none;">
|
|
<%- if logo_url.blank? %>
|
|
<%= SiteSetting.title %>
|
|
<%- else %>
|
|
<img src="<%= logo_url %>" height="40" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:40px;margin:auto;max-width:100%;outline:0;text-decoration:none;" alt="<%= SiteSetting.title %>">
|
|
<%- end %>
|
|
</a>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="body" style="width:100%;background:#f3f3f3;padding:0;border-spacing:0;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;line-height:1.3;vertical-align:top;">
|
|
<tr>
|
|
<td class="side-spacer" style="width:5%;vertical-align:top;padding:0;">
|
|
<div style="background-color:#2F70AC;">
|
|
<table class="spacer" style="border-spacing:0;padding:0;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td height="400px" style="height:400px;border-collapse:collapse!important;margin:0;mso-line-height-rule:exactly;padding:0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td style="vertical-align:top;padding:0;font-family:Helvetica,Arial,sans-serif;">
|
|
<table align="center" style="border-spacing:0;background:#fefefe;background-color:#2F70AC;margin:0;padding:0;text-align:inherit;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="border-collapse:collapse!important;color:#0a0a0a;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:normal">
|
|
|
|
<br/>
|
|
<center style="color:#fff;font-size:28px;font-weight:400;"><%=t 'user_notifications.digest.since_last_visit' %></center>
|
|
|
|
|
|
|
|
<table style="table-layout:fixed;margin-bottom:20px;padding:0;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<%- @counts.each do |count| -%>
|
|
<td style="text-align:center;color:#fff;font-size:3em;font-weight:400;">
|
|
<strong><%= count[:value] -%></strong>
|
|
</td>
|
|
<%- end -%>
|
|
</tr>
|
|
<tr>
|
|
<%- @counts.each do |count| -%>
|
|
<td style="color:#fff;font-size:16px;font-weight:400;text-align:center;">
|
|
<strong><%=t count[:label_key] -%></strong>
|
|
</td>
|
|
<%- end -%>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<center style="color:#fff;font-size:28px;font-weight:400;margin-bottom: 8px;"><%=t 'user_notifications.digest.popular_topics' %></center>
|
|
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table align="center" style="border-spacing:0;background:#fefefe;margin:0;padding:0;text-align:center;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;border-collapse:collapse!important;color:#0a0a0a;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:normal">
|
|
|
|
<% @popular_topics.each_with_index do |t, i| %>
|
|
<!-- Beginning of Popular Topic -->
|
|
<table style="width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="margin:0;padding:0 8px 16px 16px;text-align:left;vertical-align:top;">
|
|
<p style="color:#8f8f8f;line-height:1.3;margin: 20px 0 10px 0;">
|
|
<%= category_badge(t.category, inline_style: true, absolute_url: true) %>
|
|
</p>
|
|
</td>
|
|
<td style="margin:0;padding: 0 16px 16px 8px;text-align:right;vertical-align:top;">
|
|
<p class="text-right" style="color:#8f8f8f;line-height:1.3;margin:20px 0 10px 0;font-weight:400;">
|
|
<%= short_date(t.created_at) %>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style="vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="padding: 0 8px 8px 16px; text-align:left; width:100%;">
|
|
<h2 style="font-size:24px;font-weight:400;line-height:1.3;margin:0 0 10px 0;padding:0;word-wrap:normal">
|
|
<a href="<%= Discourse.base_url_no_prefix + t.relative_url %>" style="color:#2F70AC;font-weight:400;line-height:1.3;margin:0;padding:0;text-decoration:none">
|
|
<strong><%= t.title -%></strong>
|
|
</a>
|
|
</h2>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style="padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="color:#0a0a0a;line-height:1.3;margin:0 auto;padding:0 8px 0 16px;width:60px;">
|
|
<img src="<%= t.user.small_avatar_url -%>" style="-ms-interpolation-mode:bicubic;border-radius:50%;clear:both;display:block;float:none;height:50px;width:50px;margin:0;max-width:100%;outline:0;text-align:center;text-decoration:none;" align="center">
|
|
</td>
|
|
<td style="color:#0a0a0a;padding:0 16px 0 8px;text-align:left;">
|
|
<h6 style="color:inherit;font-size:18px;font-weight:400;line-height:1.3;margin:0;padding:0;word-wrap:normal;"><%= t.user.try(:username) -%></h6>
|
|
<% if t.user.try(:name).present? %>
|
|
<p style="color:#8f8f8f;line-height:1.3;margin:0 0 16px 0;padding:0;"><%= t.user.name -%></p>
|
|
<% end %>
|
|
</td>
|
|
<%- if t.image_url.present? -%>
|
|
<td style="margin:0;padding:0 16px 8px 8px;text-align:right;" align="right">
|
|
<img src="<%= url_for_email(t.image_url) -%>" height="64" style="-ms-interpolation-mode:bicubic;margin:auto;max-height:64px;max-width:100%;outline:0;text-align:right;text-decoration:none;">
|
|
</td>
|
|
<%- end -%>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<%- if t.first_post.present? && !t.first_post.user_deleted %>
|
|
<table style="border-bottom:1px solid #f3f3f3;padding:0;text-align:left;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="color:#0a0a0a;line-height:1.3;padding:0 16px 16px 16px;text-align:left;width:100%;font-weight:normal;">
|
|
<%= email_excerpt(t.first_post.cooked) %>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<%- end %>
|
|
|
|
<table style="padding:0;text-align:left;vertical-align:top;width:100%; margin-top:20px;">
|
|
<tbody>
|
|
<tr style="vertical-align:top;">
|
|
<td style="padding:0 8px 16px 16px;text-align:left;white-space: nowrap;vertical-align: top;">
|
|
<img src="<%= email_image_url 'heart.png' -%>" style="-ms-interpolation-mode:bicubic;clear:both;display:inline-block;float:left;height:20px;margin:0;max-width:100%;opacity:.4;outline:0;text-decoration:none;width:auto">
|
|
<p style="color:#8f8f8f;float:left;line-height:1.3;margin:0 5px 10px 5px;padding:0;text-align:left;font-weight:400;"><%= t.like_count -%></p>
|
|
</td>
|
|
<td style="padding:0 8px 16px 8px;text-align:left;white-space: nowrap;vertical-align: top;">
|
|
<img src="<%= email_image_url 'comment.png' -%>" style="-ms-interpolation-mode:bicubic;clear:none;display:inline-block;float:left;height:20px;margin:0;max-width:100%;opacity:.4;outline:0;text-decoration:none;width:auto">
|
|
<p style="color:#8f8f8f;float:left;line-height:1.3;margin:0 5px 10px 5px;padding:0;text-align:left;font-weight:400;"><%= t.posts_count - 1 -%></p>
|
|
</td>
|
|
<td style="padding:0 8px 16px 8px;text-align:left;white-space: nowrap;vertical-align: top;">
|
|
<% t.posters_summary.each do |ps| %>
|
|
<% if ps.user %>
|
|
<img src="<%= ps.user.small_avatar_url -%>" style="-ms-interpolation-mode:bicubic;border-radius:50%;clear:both;display:inline-block;height:20px;width:20px;outline:0;text-decoration:none;">
|
|
<% end %>
|
|
<% end %>
|
|
</td>
|
|
<td style="line-height:1.3;padding:0 16px 0 8px;text-align:right;white-space: nowrap;vertical-align: top;">
|
|
<a href="<%= Discourse.base_url_no_prefix + t.relative_url %>" style="width:100%;background-color:#2199e8;color:#fff;text-decoration:none;padding:8px 16px;white-space: nowrap;">
|
|
<%=t 'user_notifications.digest.join_the_discussion' %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="background-color:#f3f3f3;">
|
|
<table class="spacer" style="padding:0;width:100%">
|
|
<tbody><tr><td height="20px" style="border-collapse:collapse!important;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;"> </td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<!-- End of Popular Topic -->
|
|
|
|
<%= digest_custom_html("below_post_#{i+1}") %>
|
|
|
|
<% end %>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td class="side-spacer" style="width:5%;vertical-align:top;padding:0;">
|
|
<!-- Blue background that goes down part-way behind content -->
|
|
<div style="background-color:#2F70AC;">
|
|
<table class="spacer" style="border-spacing:0;padding:0;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td height="400px" style="height:400px;border-collapse:collapse!important;margin:0;mso-line-height-rule:exactly;padding:0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<% if @popular_posts.present? %>
|
|
|
|
<table style="background-color: #f3f3f3; width: 100%;">
|
|
<tr>
|
|
<td>
|
|
<h1 style="color:#0a0a0a;font-size:28px;font-weight:400;line-height:1.3; padding: 30px 0 10px 0;text-align:center;">
|
|
<%=t 'user_notifications.digest.popular_posts' %>
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="body" style="width:100%;background:#f3f3f3;border-spacing:0;border-collapse:collapse!important;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;line-height:1.3;padding:0;text-align:left;vertical-align:top;">
|
|
<tr>
|
|
<td class="side-spacer" style="width:5%;padding:0;"> </td>
|
|
<td align="center" valign="top" style="width:90%;border-collapse:collapse!important;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;">
|
|
|
|
<% @popular_posts.each do |post| %>
|
|
|
|
<!-- Beginning of Popular Post -->
|
|
<table style="width:100%;background:#fefefe;border-spacing:0;padding:0;text-align:left;vertical-align:top;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="color:#0a0a0a;line-height:1.3;font-weight:200;padding:16px;text-align:left;width:100%;">
|
|
<%= email_excerpt(post.cooked) %>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style="border-spacing:0;background-color:#f3f3f3;padding:0;text-align:left;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="border-spacing:0;padding:0;color:#0a0a0a;line-height:1.3;padding:0 0 0 65px;text-align:left;">
|
|
<img src="<%= email_image_url 'right_triangle.png' -%>" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:20px;width:20px;outline:0;text-decoration:none;">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style="background-color:#f3f3f3;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="padding:0 8px 8px 8px;text-align:left;width:60px;vertical-align:top;">
|
|
<img src="<%= post.user.small_avatar_url -%>" style="-ms-interpolation-mode:bicubic;border-radius:50%;clear:both;display:block;height:50px;width:50px;outline:0;">
|
|
</td>
|
|
<td style="color:#0a0a0a;line-height:1.3;padding:0 8px 8px 8px;text-align:left;">
|
|
<h6 style="color:inherit;font-size:16px;font-weight:400;margin:0;padding:0;text-align:left;word-wrap:normal;"><%= post.user.username -%></h6>
|
|
<p style="color:#8f8f8f;font-size:16px;line-height:1.3;margin:0;padding:0;text-align:left;"><%= post.user.name -%></p>
|
|
</td>
|
|
<td style="color:#0a0a0a;line-height:1.3;padding:0 8px 8px 8px;text-align:right;">
|
|
<p style="color:#8f8f8f;line-height:1.3;margin:0 0 10px 0;padding:0;text-align:right;">
|
|
<%=t 'user_notifications.digest.from_topic_label' %>
|
|
<a href="<%= post.full_url -%>" style="color:#2199e8;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><%= post.topic.title -%></a>
|
|
</p>
|
|
<a href="<%= post.full_url -%>" style="width:100%;background-color:#2199e8;color:#fff;text-decoration:none;padding:8px 16px;white-space: nowrap;">
|
|
<%=t 'user_notifications.digest.join_the_discussion' %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div style="background-color:#f3f3f3">
|
|
<table class="spacer" style="padding:0;text-align:left;vertical-align:top;width:100%">
|
|
<tbody><tr><td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;border-collapse:collapse!important;color:#0a0a0a;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:normal"> </td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<!-- End of Popular Post -->
|
|
|
|
<% end %>
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<% if @other_new_for_you.present? %>
|
|
<center style="color:#0a0a0a;font-size:28px;font-weight:400;margin-bottom: 8px;"><%=t 'user_notifications.digest.more_new' %></center>
|
|
|
|
|
|
<%= digest_custom_html("above_popular_topics") %>
|
|
|
|
<table style="padding:0;text-align:left;vertical-align:top;width:100%">
|
|
<tbody>
|
|
|
|
<% @other_new_for_you.each do |t| %>
|
|
|
|
<!-- Begin new topic -->
|
|
<tr style="vertical-align:top;">
|
|
<td style="padding:20px 8px 0 16px;text-align:left;">
|
|
<p style="background:#2F70AC;border-radius:50%;color:#fff;height:30px;line-height:30px;margin:0 0 10px 0;padding:0;text-align:center;width:30px;font-weight: 400;">
|
|
<%= t.user_data ? (t.highest_post_number - (t.user_data.last_read_post_number || 0)) : t.highest_post_number %>
|
|
</p>
|
|
</td>
|
|
<td style="padding:24px 8px 16px 8px;text-align:left;">
|
|
<a href="<%= Discourse.base_url_no_prefix + t.relative_url %>" style="color:#2F70AC;font-weight:400;line-height:1.3;margin:0;padding:0;text-decoration:none">
|
|
<strong><%= t.title -%></strong>
|
|
</a>
|
|
<p style="color:#0a0a0a;line-height:1.3;margin:0 0 10px 0;padding:0;text-align:left">
|
|
<%= category_badge(t.category, inline_style: true, absolute_url: true) %>
|
|
</p>
|
|
</td>
|
|
<td style="padding:24px 8px 16px 8px;text-align:left;">
|
|
<% t.posters_summary[0,2].each do |ps| %>
|
|
<% if ps.user %>
|
|
<img src="<%= ps.user.small_avatar_url -%>" style="height:20px;width:20px;margin:0 5px 5px 0;-ms-interpolation-mode:bicubic;border-radius:50%;clear:both;display:inline-block;outline:0;text-decoration:none;">
|
|
<% end %>
|
|
<% end %>
|
|
</td>
|
|
<td style="padding:24px 8px 16px 8px;text-align:left;">
|
|
<img src="<%= email_image_url 'heart.png' -%>" style="-ms-interpolation-mode:bicubic;clear:both;display:inline-block;float:left;height:20px;margin:0;max-width:100%;opacity:.4;outline:0;text-decoration:none;width:auto">
|
|
<p style="color:#8f8f8f;float:left;line-height:1.3;margin:0 5px 10px 5px;padding:0;text-align:left;font-weight:400;"><%= t.like_count -%></p>
|
|
</td>
|
|
<td style="padding:24px 16px 16px 8px;text-align:left;">
|
|
<img src="<%= email_image_url 'comment.png' -%>" style="-ms-interpolation-mode:bicubic;clear:none;display:inline-block;float:left;height:20px;margin:0;max-width:100%;opacity:.4;outline:0;text-decoration:none;width:auto">
|
|
<p style="color:#8f8f8f;float:left;line-height:1.3;margin:0 5px 10px 5px;padding:0;text-align:left;font-weight:400;"><%= t.posts_count - 1 -%></p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr><td colspan="6" height="10px" style="border-collapse:collapse!important;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;"> </td></tr>
|
|
|
|
<!-- End new topic -->
|
|
|
|
<% end %>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<%= digest_custom_html("below_popular_topics") %>
|
|
|
|
<% end %>
|
|
|
|
|
|
</td>
|
|
<td class="side-spacer" style="width:5%;padding:0;"> </td>
|
|
</tr>
|
|
</table>
|
|
<style>
|
|
@media only screen {
|
|
html {
|
|
min-height: 100%;
|
|
background: #f3f3f3
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:900px) {
|
|
table.body img {
|
|
width: auto;
|
|
height: auto
|
|
}
|
|
table.body center {
|
|
min-width: 0!important;
|
|
}
|
|
table.body .side-spacer {
|
|
width: 2.5%!important;
|
|
}
|
|
table.body .column,
|
|
table.body .columns {
|
|
height: auto!important;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-left: 16px!important;
|
|
padding-right: 16px!important
|
|
}
|
|
table.body .column .column,
|
|
table.body .column .columns,
|
|
table.body .columns .column,
|
|
table.body .columns .columns {
|
|
padding-left: 0!important;
|
|
padding-right: 0!important
|
|
}
|
|
}
|
|
</style>
|
|
|
|
|
|
<%= digest_custom_html("above_footer") %>
|
|
|
|
<div class='footer'>
|
|
<%=raw(t 'user_notifications.digest.unsubscribe',
|
|
site_link: html_site_link(@anchor_color),
|
|
unsubscribe_link: link_to(t('user_notifications.digest.click_here'), email_unsubscribe_url(host: Discourse.base_url_no_prefix, key: @unsubscribe_key), {:style=>"color: ##{@anchor_color}"})) %>
|
|
</div>
|
|
|
|
<%= digest_custom_html("below_footer") %>
|
|
|
|
<!-- prevent Gmail on iOS font size manipulation -->
|
|
<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |