Format LiveView templates after adding the LiveView formatter plugin

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

lib/web/templates/email/participation/event_card.html.heex

@@ -4,65 +4,131 @@
   <!-- event image end -->
 <% end %>
 <%= render("participation/card/_title.html", event: @event) %>
-<%= render("participation/card/_metadata.html", event: @event, timezone: @timezone, locale: @locale, action: @action) %>
+<%= render("participation/card/_metadata.html",
+  event: @event,
+  timezone: @timezone,
+  locale: @locale,
+  action: @action
+) %>
 <%= case @action do %>
   <% "participation" -> %>
-  <div class="event__content_attend" style="vertical-align: middle; margin: 0; padding: 0; border: 0;">
-    <table class="button btn-attend event__content_position" style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;">
-      <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
-        <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
-          <td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;" valign="baseline" align="left">
-            <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
-              <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
-                <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
-                  <td style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;" valign="middle" bgcolor="3C376E" align="center">
-                    <a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;" target="_blank">
-                      <%= gettext("Manage your participation") %>
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
+    <div
+      class="event__content_attend"
+      style="vertical-align: middle; margin: 0; padding: 0; border: 0;"
+    >
+      <table
+        class="button btn-attend event__content_position"
+        style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"
+      >
+        <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
+          <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
+            <td
+              style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;"
+              valign="baseline"
+              align="left"
+            >
+              <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
+                <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
+                  <tr
+                    style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
+                    align="left"
+                  >
+                    <td
+                      style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;"
+                      valign="middle"
+                      bgcolor="3C376E"
+                      align="center"
+                    >
+                      <a
+                        href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
+                        style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;"
+                        target="_blank"
+                      >
+                        <%= gettext("Manage your participation") %>
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   <% "event" -> %>
-  <div class="event__content_attend" style="vertical-align: middle; margin: 0; padding: 0; border: 0;">
-    <table class="button btn-attend event__content_position" style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;">
-      <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
-        <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
-          <td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;" valign="baseline" align="left">
-            <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
-              <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
-                <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
-                  <td style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;" valign="middle" bgcolor="3C376E" align="center">
-                    <a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;" target="_blank">
-                      <%= gettext("Participate") %>
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
+    <div
+      class="event__content_attend"
+      style="vertical-align: middle; margin: 0; padding: 0; border: 0;"
+    >
+      <table
+        class="button btn-attend event__content_position"
+        style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"
+      >
+        <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
+          <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
+            <td
+              style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;"
+              valign="baseline"
+              align="left"
+            >
+              <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
+                <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
+                  <tr
+                    style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
+                    align="left"
+                  >
+                    <td
+                      style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;"
+                      valign="middle"
+                      bgcolor="3C376E"
+                      align="center"
+                    >
+                      <a
+                        href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
+                        style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;"
+                        target="_blank"
+                      >
+                        <%= gettext("Participate") %>
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   <% nil -> %>
 <% end %>
 <%= if @event.description && @action != nil do %>
-  <div class="event-working" style="vertical-align: baseline; margin: 0 0 0 10px; padding: 7.5px 0 15px; border: 0;">
-    <p style="color: rgb(46,62,72); font-family: Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0 0 7.5px; border: 0;" align="left">
+  <div
+    class="event-working"
+    style="vertical-align: baseline; margin: 0 0 0 10px; padding: 7.5px 0 15px; border: 0;"
+  >
+    <p
+      style="color: rgb(46,62,72); font-family: Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0 0 7.5px; border: 0;"
+      align="left"
+    >
       <%= gettext("Details") %>
     </p>
-    <p class="event-working__detail" style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
+    <p
+      class="event-working__detail"
+      style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
+      align="left"
+    >
       <%= process_description(@event.description) %>
     </p>
     <%= if String.length(@event.description) > 200 do %>
-      <p style="color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
-        <a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: 400; text-align: left; line-height: 1.5; text-decoration: none; vertical-align: baseline; font-size: 16px; margin: 0; padding: 0; border: 0;" target="_blank">
+      <p
+        style="color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
+        align="left"
+      >
+        <a
+          href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
+          style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: 400; text-align: left; line-height: 1.5; text-decoration: none; vertical-align: baseline; font-size: 16px; margin: 0; padding: 0; border: 0;"
+          target="_blank"
+        >
           <%= gettext("Read more") %>
         </a>
       </p>