mirror of
https://github.com/moparisthebest/mail
synced 2024-12-25 08:48:56 -05:00
34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
<div class="view-mail-list" ng-controller="MailListCtrl">
|
|
<!-- nav controll and section headline -->
|
|
<header data-icon="" ng-click="state.nav.toggle(true); $event.stopPropagation()">
|
|
<h2>{{state.nav.currentFolder.type}}</h2>
|
|
</header>
|
|
|
|
<div class="search">
|
|
<input class="input-text input-search" type="search" results="5" ng-model="searchText" placeholder=" Filter..." focus-me="state.mailList.searching">
|
|
</div>
|
|
|
|
<div class="list-wrapper" ng-iscroll="state.nav.currentFolder.messages.length">
|
|
<ul class="mail-list">
|
|
<li ng-class="{'mail-list-active': email === state.mailList.selected, 'mail-list-attachment': email.attachments !== undefined && email.attachments.length > 0, 'mail-list-unread': email.unread, 'mail-list-replied': !email.unread && email.answered}" ng-click="select(email)" ng-repeat="email in state.nav.currentFolder.messages | orderBy:'uid':true | filter:searchText">
|
|
<h3>{{email.from[0].name || email.from[0].address}}</h3>
|
|
<div class="head">
|
|
<div class="flag" data-icon="{{(!email.unread && email.answered) ? '' : ''}}" ng-click="toggleUnread(email); $event.stopPropagation()"></div>
|
|
<p class="subject">{{email.subject || 'No subject'}}</p>
|
|
<time>{{email.sentDate | date:'mediumDate'}}</time>
|
|
</div>
|
|
<p class="body">{{email.body}}</p>
|
|
</li>
|
|
</ul><!--/.mail-list-->
|
|
</div>
|
|
|
|
<footer ng-class="{syncing: account.busy}" ng-click="synchronize()">
|
|
<span class="spinner"></span>
|
|
<span class="text" ng-switch="account.online">
|
|
<span ng-switch-when="false">
|
|
<span class="offline" data-icon=""></span>
|
|
</span>
|
|
{{lastUpdateLbl}} {{lastUpdate | date:'shortTime'}}
|
|
</span>
|
|
</footer>
|
|
</div><!--/.view-mail-list--> |