From ae42f0f07d2cfe9d3b184e4a2b0bd9f8da8ad9db Mon Sep 17 00:00:00 2001
From: Guillermo Ramos
Date: Thu, 13 Feb 2020 11:47:32 +0100
Subject: Placeholder when there are no more messages

---
 assets/css/app.css                           |  2 +-
 lib/waev_web/templates/exports/show.html.eex | 65 +++++++++++++++-------------
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 0c60267..6b5c4a6 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -64,7 +64,7 @@ body {
   flex-direction: row-reverse;
 }
 
-.date-box {
+.middle-box {
   background-color: var(--color-1);
   color: white;
   padding: 4px 12px 4px 12px;
diff --git a/lib/waev_web/templates/exports/show.html.eex b/lib/waev_web/templates/exports/show.html.eex
index b9f84d5..948c125 100644
--- a/lib/waev_web/templates/exports/show.html.eex
+++ b/lib/waev_web/templates/exports/show.html.eex
@@ -3,47 +3,54 @@
   <%= party_peek(assigns, @export.right) %>
 </div>
 
-<%= for {date, blocks} <- process_messages(@export.messages) do %>
+<%= if Enum.empty?(@export.messages) do %>
   <div class="row row--padded">
-    <div class="date-box">
-      <%= date %>
+    <div class="middle-box">
+      No hay más mensajes :(
     </div>
   </div>
-  <%= for {side, block} <- blocks do %>
-    <div class="row--padded"></div>
-    <%= for message <- block do %>
-      <%= case 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) %>" />
-          <% _ -> %>
+<% else %>
+  <%= for {date, blocks} <- process_messages(@export.messages) do %>
+    <div class="row row--padded">
+      <div class="middle-box">
+        <%= date %>
+      </div>
+    </div>
+    <%= for {side, block} <- blocks do %>
+      <div class="row--padded"></div>
+      <%= for message <- block do %>
+        <%= case 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-box">
+
+        <div class="message white-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>
+            <% %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><%= message.text |> highlight_urls() |> nl_to_br() |> raw() %></div>
+            <div class="message-date">
+              <%= message.date %>
+            </div>
           </div>
         </div>
-      </div>
 
-    </div>
+      </div>
+      <% end %>
     <% end %>
   <% end %>
 <% end %>
-
 <%= pagination_bar(assigns, @page, @size) %>
-- 
cgit v1.2.3