From 31f6eac1a6d81e217095e8e6aa4935bfd43c98b2 Mon Sep 17 00:00:00 2001
From: Guillermo Ramos
Date: Wed, 12 Feb 2020 16:17:23 +0100
Subject: Group messages by date

---
 lib/waev_web/templates/exports/show.html.eex | 64 ++++++++++++++++------------
 1 file changed, 37 insertions(+), 27 deletions(-)

(limited to 'lib/waev_web/templates/exports')

diff --git a/lib/waev_web/templates/exports/show.html.eex b/lib/waev_web/templates/exports/show.html.eex
index c61d4e5..a63a01b 100644
--- a/lib/waev_web/templates/exports/show.html.eex
+++ b/lib/waev_web/templates/exports/show.html.eex
@@ -3,37 +3,47 @@
   <%= party_peek(assigns, @export.right) %>
 </div>
 
-<%= for message <- @export.messages do %>
-  <%= case message.side do %>
-    <% :left -> %>
-<div class="row row-left">
-  <%= party_avatar(assigns, @export.left, :tiny) %>
-    <% :right -> %>
-<div class="row row-right">
-  <%= party_avatar(assigns, @export.right, :tiny) %>
-  <% end %>
-
-  <div class="message white-box">
-    <%= case message.attachment do %>
-      <% %Waev.Export.Message.File{filename: filename, type: :image} -> %>
-    <img class="message-photo" alt="<%= filename %>" src="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>" />
-      <% _ -> %>
-    <% end %>
-    <div class="message-box">
-      <%= case message.attachment do %>
-        <% %Waev.Export.Message.File{filename: filename, type: :file} -> %>
-      <a class="message-text" href="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>"><%= filename %></a>
-        <% _ -> %>
+<%= for {date, blocks} <- process_messages(@export.messages) do %>
+  <div class="row row--padded">
+    <div class="date-box">
+      <%= date %>
+    </div>
+  </div>
+  <%= for {side, block} <- blocks do %>
+    <div class="row--padded"></div>
+    <%= for message <- block do %>
+      <%= case message.side do %>
+        <% :left -> %>
+    <div class="row row-left">
+      <%= party_avatar(assigns, @export.left, :tiny) %>
+        <% :right -> %>
+    <div class="row row-right">
+      <%= party_avatar(assigns, @export.right, :tiny) %>
       <% end %>
 
-      <div><%= message.text |> highlight_urls() |> nl_to_br() |> raw() %></div>
-      <div class="message-date">
-        <%= message.date %>
+      <div class="message white-box">
+        <%= case message.attachment do %>
+          <% %Waev.Export.Message.File{filename: filename, type: :image} -> %>
+        <img class="message-photo" alt="<%= filename %>" src="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>" />
+          <% _ -> %>
+        <% end %>
+        <div class="message-box">
+          <%= case message.attachment do %>
+            <% %Waev.Export.Message.File{filename: filename, type: :file} -> %>
+          <a class="message-text" href="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>"><%= filename %></a>
+            <% _ -> %>
+          <% end %>
+
+          <div><%= message.text |> highlight_urls() |> nl_to_br() |> raw() %></div>
+          <div class="message-date">
+            <%= message.date %>
+          </div>
+        </div>
       </div>
-    </div>
-  </div>
 
-</div>
+    </div>
+    <% end %>
+  <% end %>
 <% end %>
 
 <%= pagination_bar(assigns, @page, @size) %>
-- 
cgit v1.2.3