mobilizon/lib/web/templates/email/email_direct_activity.html.heex
Thomas Citharel b315e1d7ff
refactor: use Phoenix verified routes
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2023-12-01 11:29:53 +01:00

280 lines
13 KiB
Plaintext

<!-- 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 5% 0px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;">
<%= case @recap do %>
<% :one_day -> %>
<% dgettext("activity", "Here's your daily activity recap") %>
<% :one_week -> %>
<% dgettext("activity", "Here's your weekly activity recap") %>
<% :one_hour -> %>
<%= dngettext(
"activity",
"There has been an activity!",
"There has been some activity!",
@total_number_activities
) %>
<% false -> %>
<%= dngettext(
"activity",
"There has been an activity!",
"There has been some activity!",
@total_number_activities
) %>
<% end %>
</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 5% 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; 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;">
<%= if hd(group_activities).group do %>
<table
role="presentation"
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
>
<tr>
<td align="left">
<table align="left">
<tr>
<%= if hd(group_activities).group.avatar do %>
<td width="85">
<a
href={
~p"/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}"
|> url()
|> URI.decode()
}
target="_blank"
style="text-decoration: none;"
>
<img
width="80"
src={"#{hd(group_activities).group.avatar.url}"}
style="width: 80px;max-height: 100px;"
style="margin:0; padding:0; border:none; display:block;"
border="0"
alt=""
/>
</a>
</td>
<% end %>
<td width="400">
<table
width=""
cellpadding="0"
cellspacing="0"
border="0"
style="max-width: 400px;width: 100%;"
align="left"
>
<tr>
<td align="left">
<a
href={
~p"/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}"
|> url()
|> URI.decode()
}
target="_blank"
style="text-decoration: none;color: #474467;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 18px;font-weight: bold;line-height: 25px;"
>
<%= hd(group_activities).group.name ||
"@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}" %>
</a>
</td>
</tr>
<%= if hd(group_activities).group.name do %>
<tr>
<td align="left">
<a
href={
~p"/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}"
|> url()
|> URI.decode()
}
target="_blank"
style="text-decoration: none;display: block;color: #7a7a7a;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 400;line-height: 25px;"
>
@<%= Mobilizon.Actors.Actor.preferred_username_and_domain(
hd(group_activities).group
) %>
</a>
</td>
</tr>
<% end %>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<% end %>
<ul style="padding-left: 25px;margin-top: 10px;">
<%= 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
) %>
<% :conversation -> %>
<%= render("activity/_conversation_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>
<%= unless @single_activity do %>
<em>
<%= datetime_to_string(activity.inserted_at, @locale, :short) %>
</em>
<% end %>
</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={
~p"/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}/timeline"
|> url()
|> URI.decode()
}
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 %{tag_start}your settings%{tag_end}.",
%{
tag_start: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/settings/notifications\">",
tag_end: "</a>"
}
)
|> raw %>
</p>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>