Format LiveView templates after adding the LiveView formatter plugin

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2022-04-07 10:33:11 +02:00
parent bde831299d
commit 4f92add78d
47 changed files with 2557 additions and 1210 deletions
--- a/lib/web/templates/email/report.html.heex
+++ b/lib/web/templates/email/report.html.heex
@@ -6,9 +6,14 @@
        <tr>
          <td align="center" valign="top" width="600">
    <![endif]-->
-    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
+    <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;">
+        <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;">
            <%= gettext("New report on <b>%{instance}</b>", instance: @instance_name) |> raw %>
          </h1>
@@ -30,36 +35,70 @@
        <tr>
          <td align="center" valign="top" width="600">
    <![endif]-->
-    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
+    <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;" >
+        <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;">
            <%= if @report.reporter.type == :Application and @report.reporter.preferred_username == "relay" do %>
-              <%= gettext("Someone on <b>%{instance}</b> reported the following content for you to analyze:", instance: @report.reporter.domain) |> raw %>
+              <%= gettext(
+                "Someone on <b>%{instance}</b> reported the following content for you to analyze:",
+                instance: @report.reporter.domain
+              )
+              |> raw %>
            <% else %>
-              <%= gettext("<b>%{reporter}</b> reported the following content.", reporter: Mobilizon.Actors.Actor.display_name_and_username(@report.reporter)) |> raw %>
+              <%= gettext("<b>%{reporter}</b> reported the following content.",
+                reporter: Mobilizon.Actors.Actor.display_name_and_username(@report.reporter)
+              )
+              |> raw %>
            <% end %>
          </p>
        </td>
      </tr>
      <%= if @report.reported do %>
        <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;" >
+          <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;">
              <%= if @report.reported.type == :Group do %>
-                <h3><%= gettext "Group reported" %></h3>
-                <a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)}" }"} target="_blank">
+                <h3><%= gettext("Group reported") %></h3>
+                <a
+                  href={
+                    "#{"#{Mobilizon.Web.Endpoint.url()}/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)}"}"
+                  }
+                  target="_blank"
+                >
                  <b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b>
                </a>
              <% else %>
-                <h3><%= gettext "Profile reported" %></h3>
+                <h3><%= gettext("Profile reported") %></h3>
                <b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b>
              <% end %>
            </p>
-            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
+            <table
+              cellspacing="0"
+              cellpadding="0"
+              border="0"
+              width="100%"
+              style="width: 100% !important;"
+            >
              <tr>
-                <td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td>
+                <td
+                  align="left"
+                  valign="top"
+                  width="600px"
+                  height="1"
+                  style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
+                >
+                  <!--[if gte mso 15]>&nbsp;<![endif]-->
+                </td>
              </tr>
            </table>
          </td>
@@ -67,16 +106,40 @@
      <% end %>
      <%= if Map.has_key?(@report, :event) and @report.event do %>
        <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;" >
+          <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;">
-              <h3><%= gettext "Event" %></h3>
-              <a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/events/#{@report.event.uuid}" }"} target="_blank">
-                <%= gettext "%{title} by %{creator}", title: @report.event.title, creator: Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported) %>
+              <h3><%= gettext("Event") %></h3>
+              <a
+                href={"#{"#{Mobilizon.Web.Endpoint.url()}/events/#{@report.event.uuid}"}"}
+                target="_blank"
+              >
+                <%= gettext("%{title} by %{creator}",
+                  title: @report.event.title,
+                  creator: Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)
+                ) %>
              </a>
            </p>
-            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
+            <table
+              cellspacing="0"
+              cellpadding="0"
+              border="0"
+              width="100%"
+              style="width: 100% !important;"
+            >
              <tr>
-                <td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td>
+                <td
+                  align="left"
+                  valign="top"
+                  width="600px"
+                  height="1"
+                  style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
+                >
+                  <!--[if gte mso 15]>&nbsp;<![endif]-->
+                </td>
              </tr>
            </table>
          </td>
@@ -84,16 +147,34 @@
      <% end %>
      <%= if Map.has_key?(@report, :comments) && length(@report.comments) > 0 do %>
        <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;" >
-            <h3><%= gettext "Flagged comments" %></h3>
+          <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;"
+          >
+            <h3><%= gettext("Flagged comments") %></h3>
            <%= for comment <- @report.comments do %>
              <p style="margin: 0;">
                <%= Mobilizon.Service.Formatter.HTML.strip_tags(comment.text) %>
              </p>
            <% end %>
-            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
+            <table
+              cellspacing="0"
+              cellpadding="0"
+              border="0"
+              width="100%"
+              style="width: 100% !important;"
+            >
              <tr>
-                <td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td>
+                <td
+                  align="left"
+                  valign="top"
+                  width="600px"
+                  height="1"
+                  style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
+                >
+                  <!--[if gte mso 15]>&nbsp;<![endif]-->
+                </td>
              </tr>
            </table>
          </td>
@@ -101,14 +182,32 @@
      <% end %>
      <%= if Map.has_key?(@report, :content) do %>
        <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;" >
+          <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">
-              <h3><%= gettext "Reasons for report" %></h3>
+              <h3><%= gettext("Reasons for report") %></h3>
              <%= @report.content |> raw %>
            </p>
-            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
+            <table
+              cellspacing="0"
+              cellpadding="0"
+              border="0"
+              width="100%"
+              style="width: 100% !important;"
+            >
              <tr>
-                <td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td>
+                <td
+                  align="left"
+                  valign="top"
+                  width="600px"
+                  height="1"
+                  style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
+                >
+                  <!--[if gte mso 15]>&nbsp;<![endif]-->
+                </td>
              </tr>
            </table>
          </td>
@@ -122,9 +221,17 @@
              <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
-                    <td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :moderation_report, @report.id) }"} 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;">
-                        <%= gettext "View report" %>
-                      </a></td>
+                    <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
+                      <a
+                        href={
+                          "#{Routes.page_url(Mobilizon.Web.Endpoint, :moderation_report, @report.id)}"
+                        }
+                        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;"
+                      >
+                        <%= gettext("View report") %>
+                      </a>
+                    </td>
                  </tr>
                </table>
              </td>