From b752269c688636b2c193d68203646dceb5f9db21 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Tue, 7 Apr 2015 15:59:41 +0200
Subject: [PATCH] Show spinner for loading messages

---
 src/tpl/mail-list.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/tpl/mail-list.html b/src/tpl/mail-list.html
index 7a230f0..685d128 100644
--- a/src/tpl/mail-list.html
+++ b/src/tpl/mail-list.html
@@ -37,7 +37,7 @@
               <span><svg role="presentation"><use xlink:href="#icon-check" /></svg></span>
             </label>
           </li>
-          <li class="mail-list-entry__flags-flagged" wo-touch="flag(email, !email.flagged); $event.stopPropagation()">
+          <li ng-show="email.from" class="mail-list-entry__flags-flagged" wo-touch="flag(email, !email.flagged); $event.stopPropagation()">
             <svg ng-show="email.flagged"><use xlink:href="#icon-star_filled" /><title>Starred</title></svg>
             <svg ng-show="!email.flagged"><use xlink:href="#icon-star" /><title>Not Starred</title></svg>
           </li>
@@ -51,9 +51,10 @@
             <svg><use xlink:href="#icon-attachment" /><title>Attachments</title></svg>
           </li>
         </ul>
-        <h3 class="mail-list-entry__name">{{email.from[0].name || email.from[0].address}}</h3>
+        <h3 ng-show="email.from" class="mail-list-entry__name">{{email.from[0].name || email.from[0].address}}</h3>
+        <h3 ng-hide="email.from" class="mail-list-entry__name"><span class="spinner"></span></h3>
         <div class="mail-list-entry__subject">
-          <strong>{{email.subject || 'No subject'}}</strong>
+          <strong>{{email.from ? (email.subject || 'No subject') : ''}}</strong>
           <span>
             {{email.body ? email.body.substr(0, 200) : ''}}
           </span>