2014-09-23 09:41:37 -04:00
|
|
|
<div class="mail-list" ng-controller="MailListCtrl">
|
2013-09-18 12:47:18 -04:00
|
|
|
|
2014-09-23 09:41:37 -04:00
|
|
|
<header wo-touch="state.nav.toggle(true); $event.stopPropagation()">
|
|
|
|
<div>
|
|
|
|
<button class="btn-navicon">
|
|
|
|
<svg><use xlink:href="#icon-navicon" /><title>Toggle Navigation</title></svg>
|
|
|
|
</button>
|
2014-11-04 15:17:03 -05:00
|
|
|
<h2>{{state.nav.currentFolder.wellknown ? state.nav.currentFolder.type : state.nav.currentFolder.name}}</h2>
|
2014-09-23 09:41:37 -04:00
|
|
|
</div>
|
2014-06-27 07:05:05 -04:00
|
|
|
|
2014-10-16 09:10:00 -04:00
|
|
|
<button class="btn-icon-light" title="New mail" wo-touch="state.writer.write(); $event.stopPropagation()">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg><use xlink:href="#icon-write" /><title>New mail</title></svg>
|
|
|
|
</button>
|
|
|
|
</header>
|
|
|
|
<div class="mail-list__search">
|
|
|
|
<div class="search">
|
|
|
|
<svg><use xlink:href="#icon-search" /><title>Search</title></svg>
|
|
|
|
<input class="input-text" type="text" ng-model="searchText"
|
|
|
|
ng-change="displaySearchResults(searchText)"
|
2014-11-10 08:14:34 -05:00
|
|
|
placeholder="Search" wo-focus-me="state.mailList.searching">
|
2014-09-23 09:41:37 -04:00
|
|
|
</div>
|
2013-12-06 03:55:44 -05:00
|
|
|
</div>
|
|
|
|
|
2014-09-23 09:41:37 -04:00
|
|
|
<div class="mail-list__scroll-canvas" list-scroll="displayMessages">
|
|
|
|
<ul class="mail-list__entries" infinite-scroll="displayMore()"
|
2014-07-16 06:47:25 -04:00
|
|
|
infinite-scroll-distance="1" infinite-scroll-parent="true">
|
2014-09-23 09:41:37 -04:00
|
|
|
<li class="mail-list-entry"
|
|
|
|
ng-class="{'mail-list-entry--active': email === state.mailList.selected, 'mail-list-entry--unread': email.unread, 'mail-list-entry--attachment': email.attachments !== undefined && email.attachments.length > 0}"
|
2014-07-23 13:37:37 -04:00
|
|
|
wo-touch="select(email)"
|
2014-07-16 06:47:25 -04:00
|
|
|
ng-repeat="email in displayMessages">
|
2014-09-23 09:41:37 -04:00
|
|
|
<ul class="mail-list-entry__flags">
|
|
|
|
<li class="mail-list-entry__flags-unread"></li>
|
2014-11-05 08:26:09 -05:00
|
|
|
<li class="mail-list-entry__flags-checked" wo-touch="$event.stopPropagation()">
|
2014-09-23 09:41:37 -04:00
|
|
|
<label class="checkbox">
|
2014-11-05 08:26:09 -05:00
|
|
|
<input type="checkbox" ng-model="email.checked">
|
2014-09-23 09:41:37 -04:00
|
|
|
<span><svg role="presentation"><use xlink:href="#icon-check" /></svg></span>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
<li class="mail-list-entry__flags-favorite">
|
|
|
|
<svg ng-show="false"><use xlink:href="#icon-star_filled" /><title>Favorited</title></svg>
|
|
|
|
<svg><use xlink:href="#icon-star" /><title>Favorite</title></svg>
|
|
|
|
</li>
|
|
|
|
<li class="mail-list-entry__flags-encrypted">
|
|
|
|
<svg ng-show="email.encrypted && !email.decrypted"><use xlink:href="#icon-encrypted" /><title>Encrypted</title></svg>
|
|
|
|
<svg ng-show="email.encrypted && email.decrypted"><use xlink:href="#icon-decrypted" /><title>Decrypted</title></svg>
|
|
|
|
</li>
|
|
|
|
<li class="mail-list-entry__flags-answered" ng-show="!email.unread && email.answered">
|
|
|
|
<svg><use xlink:href="#icon-reply" /><title>Answered</title></svg>
|
|
|
|
</li>
|
|
|
|
<li class="mail-list-entry__flags-attachment">
|
|
|
|
<svg><use xlink:href="#icon-attachment" /><title>Attachments</title></svg>
|
|
|
|
</li>
|
2014-06-16 06:18:31 -04:00
|
|
|
</ul>
|
2014-09-23 09:41:37 -04:00
|
|
|
<h3 class="mail-list-entry__name">{{email.from[0].name || email.from[0].address}}</h3>
|
|
|
|
<div class="mail-list-entry__subject">{{email.subject || 'No subject'}}</div>
|
|
|
|
<div class="mail-list-entry__attachment">
|
|
|
|
<svg><use xlink:href="#icon-attachment" /><title>Attachments</title></svg>
|
|
|
|
</div>
|
|
|
|
<time class="mail-list-entry__time">{{email.sentDate | date:'mediumDate'}}</time>
|
|
|
|
<div class="mail-list-entry__excerpt">{{email.body ? email.body.substr(0, 200) : ''}}</div>
|
|
|
|
<div class="mail-list-entry__encrypted">
|
|
|
|
<svg ng-show="email.encrypted && !email.decrypted"><use xlink:href="#icon-encrypted" /><title>Encrypted</title></svg>
|
|
|
|
<svg ng-show="email.encrypted && email.decrypted"><use xlink:href="#icon-decrypted" /><title>Decrypted</title></svg>
|
|
|
|
</div>
|
2013-10-27 06:32:12 -04:00
|
|
|
</li>
|
2014-09-23 09:41:37 -04:00
|
|
|
</ul>
|
2013-10-27 06:32:12 -04:00
|
|
|
</div>
|
2013-09-27 11:48:21 -04:00
|
|
|
|
2014-09-23 09:41:37 -04:00
|
|
|
<footer>
|
2014-11-04 14:49:21 -05:00
|
|
|
<span class="spinner" ng-show="account.loggingIn || account.busy || state.mailList.searching"></span>
|
2013-12-09 13:21:52 -05:00
|
|
|
<span class="text" ng-switch="account.online">
|
|
|
|
<span ng-switch-when="false">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg><use xlink:href="#icon-offline" /></svg>
|
2013-12-09 13:21:52 -05:00
|
|
|
</span>
|
2014-11-04 14:49:21 -05:00
|
|
|
{{state.mailList.lastUpdateLbl}} {{state.mailList.lastUpdate | date:'shortTime'}}
|
2013-12-09 13:21:52 -05:00
|
|
|
</span>
|
2013-10-27 06:32:12 -04:00
|
|
|
</footer>
|
2014-09-23 09:41:37 -04:00
|
|
|
</div>
|