diff options
Diffstat (limited to 'lib/waev_web/templates')
-rw-r--r-- | lib/waev_web/templates/exports/show.html.eex | 25 | ||||
-rw-r--r-- | lib/waev_web/templates/layout/app.html.eex | 9 |
2 files changed, 20 insertions, 14 deletions
diff --git a/lib/waev_web/templates/exports/show.html.eex b/lib/waev_web/templates/exports/show.html.eex index b8cb69c..2d72e2e 100644 --- a/lib/waev_web/templates/exports/show.html.eex +++ b/lib/waev_web/templates/exports/show.html.eex @@ -1,20 +1,33 @@ ID: <%= @id %> -<div class="container"> +<div class="container wa-back"> <div class="row"> <div class="column column-50"> - <%= @export.left %> + <%= @export.left.name %> </div> <div class="column column-50"> - <%= @export.right %> + <%= @export.right.name %> </div> </div> <%= for message <- @export.messages do %> <div class="row"> - <div class="column column-75"> + <%= case message.side do %> + <% :left -> %> + <div class="column wa-message column-75 "> + <% :right -> %> + <div class="column wa-message column-75 column-offset-25"> + <% nil -> %> + <div class="column wa-message column-50 column-offset-25"> + <% end %> + <%= case message.attachment do %> + <% %Waev.Export.Message.File{filename: filename} -> %> + <a href="#"><%= filename %></a> + <% nil -> %> + <% end %> <%= message.text %> - <br /> - <%= message.date %> + <div class="wa-message-date"> + <%= message.date %> + </div> </div> </div> <% end %> diff --git a/lib/waev_web/templates/layout/app.html.eex b/lib/waev_web/templates/layout/app.html.eex index 3eb7e3a..d83e5bc 100644 --- a/lib/waev_web/templates/layout/app.html.eex +++ b/lib/waev_web/templates/layout/app.html.eex @@ -11,14 +11,7 @@ <body> <header> <section class="container"> - <nav role="navigation"> - <ul> - <li><a href="https://hexdocs.pm/phoenix/overview.html">Get Started</a></li> - </ul> - </nav> - <a href="https://phoenixframework.org/" class="phx-logo"> - <img src="<%= Routes.static_path(@conn, "/images/phoenix.png") %>" alt="Phoenix Framework Logo"/> - </a> + <h1>WhatsApp Exports Viewer</h1> </section> </header> <main role="main" class="container"> |