mirror of https://github.com/moparisthebest/mail
45 lines
2.0 KiB
HTML
45 lines
2.0 KiB
HTML
<div class="view-mail-list" ng-controller="MailListCtrl">
|
|
<!-- nav controll and section headline -->
|
|
<header data-icon="" wo-touch="state.nav.toggle(true); $event.stopPropagation()">
|
|
<h2>{{state.nav.currentFolder.type}}</h2>
|
|
</header>
|
|
|
|
<div class="compose" wo-touch="state.writer.write(); $event.stopPropagation()">
|
|
<button class="btn-icon" title="New mail"></button>
|
|
</div>
|
|
|
|
<div class="search" data-icon="">
|
|
<input class="input-text" type="text" ng-model="searchText" placeholder="Filter..." focus-me="state.mailList.searching">
|
|
</div>
|
|
|
|
<div class="list-wrapper" list-scroll="filteredMessages">
|
|
<ul class="mail-list">
|
|
<li ng-class="{'mail-list-active': email === state.mailList.selected}"
|
|
wo-touch="select(email)"
|
|
ng-repeat="email in (filteredMessages = (state.nav.currentFolder.messages | filter:searchText | orderBy:'uid':true | limitTo:100))">
|
|
<h3>{{email.from[0].name || email.from[0].address}}</h3>
|
|
<div class="encrypted" data-icon="{{email.encrypted && email.decrypted ? '' : email.encrypted ? '' : ''}}"></div>
|
|
<div class="head">
|
|
<p class="subject">{{email.subject || 'No subject'}}</p>
|
|
<time>{{email.sentDate | date:'mediumDate'}}</time>
|
|
</div>
|
|
<p class="body">{{email.body}}</p>
|
|
<ul class="flags">
|
|
<li ng-show="email.unread"></li>
|
|
<li data-icon="" ng-show="!email.unread && email.answered"></li>
|
|
<li data-icon="" ng-show="email.attachments !== undefined && email.attachments.length > 0"></li>
|
|
</ul>
|
|
</li>
|
|
</ul><!--/.mail-list-->
|
|
</div>
|
|
|
|
<footer ng-class="{syncing: account.loggingIn || account.busy}">
|
|
<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--> |