125 lines
7.1 KiB
Elixir
125 lines
7.1 KiB
Elixir
<!-- HERO -->
|
|
<tr>
|
|
<td bgcolor="#474467" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
|
<tr>
|
|
<td align="center" valign="top" width="600">
|
|
<![endif]-->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;">
|
|
<h1 style="font-size: 48px; font-weight: 400; margin: 0;">
|
|
<%= @subject %>
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</td>
|
|
</tr>
|
|
<!-- COPY BLOCK -->
|
|
<tr>
|
|
<td bgcolor="#E6E4F4" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
|
<tr>
|
|
<td align="center" valign="top" width="600">
|
|
<![endif]-->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
|
|
<p style="margin: 0;">
|
|
<%= dngettext("activity", "There has been an activity!", "There has been some activity!", map_size(@activities)) %>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="left">
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="border-radius: 3px; text-align: left; padding: 10px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400;line-height: 25px;" >
|
|
<ul style="margin: 0 auto; padding-left: 15px;">
|
|
<%= for {_, group_activities} <- @activities do %>
|
|
<li style="list-style: none;border-bottom: solid 2px #d7d6de;padding: 10px 0;">
|
|
<a href="<%= page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() %>" target="_blank" style="color: initial;">
|
|
<%= if hd(group_activities).group.avatar do %><div style="display: inline-block;width: 100%;max-width: 91px;vertical-align: top;text-align: left;font-family: Arial,sans-serif;font-size: 14px;">
|
|
<img src="<%= hd(group_activities).group.avatar.url %>" style="width: 80%;max-width: 100px;margin-bottom: 20px;" />
|
|
</div><% end %><div style="display: inline-block;width: 100%;max-width: 350px;vertical-align: top;padding-bottom: 20px;font-family: Arial,sans-serif;font-size: 16px;line-height: 22px;padding-top: 15px;">
|
|
<p style="margin: 0;font-weight: bold;"><%= hd(group_activities).group.name || Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group) %></p>
|
|
<%= if hd(group_activities).group.name do %>
|
|
<span style="color: #7a7a7a"><%= Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group) %></span>
|
|
<% end %>
|
|
</div>
|
|
</a>
|
|
<ul style="padding-left: 25px;">
|
|
<%= for activity <- Enum.take(group_activities, 5) do %>
|
|
<li style="margin-bottom: 7px;">
|
|
<p style="margin: 0;">
|
|
<%= case activity.type do %>
|
|
<% :discussion -> %>
|
|
<%= render("activity/_discussion_activity_item.html", activity: activity) %>
|
|
<% :event -> %>
|
|
<%= render("activity/_event_activity_item.html", activity: activity) %>
|
|
<% :group -> %>
|
|
<%= render("activity/_group_activity_item.html", activity: activity) %>
|
|
<% :member -> %>
|
|
<%= render("activity/_member_activity_item.html", activity: activity) %>
|
|
<% :post -> %>
|
|
<%= render("activity/_post_activity_item.html", activity: activity) %>
|
|
<% :resource -> %>
|
|
<%= render("activity/_resource_activity_item.html", activity: activity) %>
|
|
<% :comment -> %>
|
|
<%= render("activity/_comment_activity_item.html", activity: activity) %>
|
|
<% end %>
|
|
</p>
|
|
<em><%= datetime_relative(activity.inserted_at, @locale) %></em>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<%= if length(group_activities) > 5 do %>
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px;">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
|
|
<a href="<%= page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() %>/timeline" target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;">
|
|
<%= dngettext "activity", "View one more activity", "View %{count} more activities", length(group_activities) - 5, %{count: length(group_activities) - 5} %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<% end %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" >
|
|
<p style="margin: 0">
|
|
<%= dgettext "activity", "Don't want to receive activity notifications? You may change frequency or disable them in your settings." %>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</td>
|
|
</tr>
|