From 9b8d8c46326a6d381f0440c37f7e8a91deec49c6 Mon Sep 17 00:00:00 2001
From: Felix Hammerl <fhammerl@thoughtworks.com>
Date: Wed, 23 Mar 2016 13:55:25 +0100
Subject: Issue #648: Refactor mail-list

---
 web-ui/app/templates/mails/trash.hbs | 52 +++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 22 deletions(-)

(limited to 'web-ui/app/templates/mails/trash.hbs')

diff --git a/web-ui/app/templates/mails/trash.hbs b/web-ui/app/templates/mails/trash.hbs
index ea8fe07f..b822d12f 100644
--- a/web-ui/app/templates/mails/trash.hbs
+++ b/web-ui/app/templates/mails/trash.hbs
@@ -1,24 +1,32 @@
-<span>
-  <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} />
-</span>
-<span>
-  <a href="/#/{{ currentTag }}/mail/{{ ident }}">
-    <span class="received-date">{{ header.formattedDate }}
-      {{#if attachments}}
-        <div class="attachment-indicator">
-          <i class="fa fa-paperclip"></i>
+<div class="mail-list-entry__checkbox">
+    <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} />
+</div>
+<a class="mail-list-entry__item" href="/#/{{ currentTag }}/mail/{{ ident }}">
+    <div>
+        <div class="mail-list-entry__item-from">
+            {{#if header.from }}
+                {{ header.from }}
+            {{else}}
+                {{t "you"}}
+            {{/if}}
+        </div> <!-- /.mail-list-entry__item-from -->
+
+        <span class="mail-list-entry__item-date">{{ formatDate header.date }}</span> <!-- /.mail-list-entry__item-date -->
+    </div>
+    <div>
+        <div class="mail-list-entry__item-subject">
+            <i class="fa fa-trash-o"></i>
+            {{ header.subject }}
         </div>
-      {{/if}}
-    </span>
-    <div class="from">{{#if header.from }}{{ header.from }}{{else}}{{t "you"}}{{/if}}</div>
-    <div class="subject">
-      <i class="fa fa-trash-o"></i>
-      {{ header.subject }}
+
+        {{#if attachments}}
+            <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div>
+        {{/if}}
     </div>
-    <ul class="tags">
-      {{#each tagsForListView }}
-          <li class="tags-tag" data-tag="{{this}}">{{ this }}</li>
-      {{/each }}
-    </ul>
-  </a>
-</span>
+    <ul class="mail-list-entry__item-tags">
+        {{#each tagsForListView }}
+            <li class="mail-list-entry__item-tags-tag" data-tag="{{this}}">{{ this }}</li>
+        {{/each }}
+    </ul> <!-- /.mail-list-entry__item-tags -->
+</a>
+
-- 
cgit v1.2.3