mirror of
https://github.com/moparisthebest/mail
synced 2024-11-12 04:05:13 -05:00
48 lines
2.1 KiB
HTML
48 lines
2.1 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"
|
|
ng-change="displaySearchResults(searchText)"
|
|
placeholder="Search" focus-me="state.mailList.searching">
|
|
</div>
|
|
|
|
<div class="list-wrapper" list-scroll="displayMessages">
|
|
<ul class="mail-list" infinite-scroll="displayMore()"
|
|
infinite-scroll-distance="1" infinite-scroll-parent="true">
|
|
<li ng-class="{'mail-list-active': email === state.mailList.selected}"
|
|
ng-click="select(email)"
|
|
ng-repeat="email in displayMessages">
|
|
<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 ? email.body.substr(0, 200) : ''}}</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 || searching}">
|
|
<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--> |