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/sent.hbs | 65 +++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 32 deletions(-)

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

diff --git a/web-ui/app/templates/mails/sent.hbs b/web-ui/app/templates/mails/sent.hbs
index 86b6e607..a637e3d2 100644
--- a/web-ui/app/templates/mails/sent.hbs
+++ b/web-ui/app/templates/mails/sent.hbs
@@ -1,35 +1,36 @@
-<span>
-  <input type="checkbox"/>
-</span>
-<span>
-  <a href="/#/{{ currentTag }}/mail/{{ ident }}">
-    <span class="sent-date">{{ formatDate header.date }}
+<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">
+            {{t 'to:'}}
+            {{#if header.to }}
+                {{ header.to }}
+            {{else}}
+                {{t 'no_recipient'}}
+            {{/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">
+            {{#if header.subject }}
+                {{header.subject}}
+            {{else}}
+                {{t 'no_subject'}}
+            {{/if}}
+         </div>
+
         {{#if attachments}}
-            <div class="attachment-indicator">
-                <i class="fa fa-paperclip"></i>
-            </div>
+            <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div>
         {{/if}}
-    </span>
+    </div>
+    <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>
 
-      <div class="from">
-          {{t 'to:'}}
-          {{#if header.to }}
-              {{ header.to }}
-          {{else}}
-              {{t 'no_recipient'}}
-          {{/if}}
-      </div>
-      <div class="subject">
-          {{#if header.subject }}
-              {{header.subject}}
-          {{else}}
-              {{t 'no_subject'}}
-          {{/if}}
-      </div>
-      <ul class="tags">
-          {{#each tagsForListView }}
-              <li class="tags-tag" data-tag="{{this}}">{{ this }}</li>
-          {{/each }}
-      </ul>
-  </a>
-</span>
-- 
cgit v1.2.3