2014-12-17 20:58:20 +01:00
|
|
|
<?xml version='1.0' standalone='yes'?>
|
|
|
|
<container
|
2015-02-26 17:27:36 +01:00
|
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
2015-07-24 21:35:29 +02:00
|
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
2015-04-29 17:23:21 +02:00
|
|
|
xmlns:label="OGo:label">
|
2015-07-15 19:44:17 +02:00
|
|
|
<div class="view-list" layout="column">
|
|
|
|
<md-content id="messagesList" layout="column" class="md-flex">
|
|
|
|
<header class="sg-md-subheader sg-md-subheader--fixed">
|
2015-07-24 21:35:29 +02:00
|
|
|
<h2 class="md-default-theme sg-md-subhead-solo fg-sogoBlue-700">
|
|
|
|
<span ng-show="mailbox.selectedFolder.$messages.length > 0">{{mailbox.selectedFolder.$messages.length}} <var:string label:value="messages"/></span>
|
|
|
|
<span ng-show="mailbox.selectedFolder.$messages.length == 0"><var:string label:value="No message"/></span>
|
|
|
|
</h2>
|
2015-07-15 19:44:17 +02:00
|
|
|
</header>
|
|
|
|
<md-virtual-repeat-container class="md-flex">
|
2015-08-07 17:17:09 +02:00
|
|
|
<md-list class="sg-section-list">
|
2015-08-25 18:20:46 +02:00
|
|
|
<md-list-item
|
|
|
|
md-virtual-repeat="currentMessage in mailbox.selectedFolder"
|
|
|
|
md-on-demand="md-on-demand"
|
|
|
|
ng-class="{'sg-active': currentMessage.uid == mailbox.selectedFolder.selectedMessage, unread: !currentMessage.isread}"
|
|
|
|
ng-click="mailbox.selectMessage(currentMessage)"
|
|
|
|
ui-sref="mail.account.mailbox.message({accountId: mailbox.account.id, mailboxId: (mailbox.selectedFolder.path | encodeUri), messageId: currentMessage.uid})">
|
|
|
|
<!-- ui-sref-active="sg-active"> -->
|
|
|
|
<div class="sg-selected-avatar"
|
|
|
|
ng-show="currentMessage.selected"
|
|
|
|
ng-click="currentMessage.selected = !currentMessage.selected"><!-- selected avatar --></div>
|
|
|
|
<sg-avatar-image class="md-tile-left"
|
|
|
|
ng-show="!currentMessage.selected"
|
|
|
|
ng-click="currentMessage.selected = !currentMessage.selected"
|
|
|
|
sg-email="::currentMessage.from[0].email"
|
|
|
|
size="48"><!-- avatar --></sg-avatar-image>
|
|
|
|
<div class="sg-tile-content">
|
|
|
|
<span class="msg-date"
|
|
|
|
ng-bind-html="currentMessage.relativedate"><!-- date --></span>
|
|
|
|
<div class="sg-md-subhead-multi">{{currentMessage.$shortAddress('from')}}</div>
|
|
|
|
<div class="sg-md-body-multi">{{currentMessage.subject}}</div>
|
|
|
|
</div>
|
|
|
|
<div class="sg-tile-icons">
|
|
|
|
<md-icon ng-show="currentMessage.priority == 'highest' || currentMessage.priority == 'high'">warning</md-icon>
|
|
|
|
<md-icon ng-show="currentMessage.isflagged">star</md-icon>
|
|
|
|
<md-icon ng-show="currentMessage.isanswered">reply</md-icon>
|
|
|
|
<md-icon ng-show="currentMessage.isforwarded">forward</md-icon>
|
|
|
|
<md-icon ng-show="currentMessage.hasattachment">attach_file</md-icon>
|
|
|
|
</div>
|
|
|
|
</md-list-item>
|
2015-07-15 19:44:17 +02:00
|
|
|
</md-list>
|
|
|
|
</md-virtual-repeat-container>
|
2015-08-25 18:20:46 +02:00
|
|
|
<div class="sg-progress-circular-floating"
|
|
|
|
ng-show="mailbox.selectedFolder.$isLoading">
|
|
|
|
<md-progress-circular class="md-accent"
|
|
|
|
md-mode="indeterminate"
|
|
|
|
md-diameter="32"><!-- progress --></md-progress-circular>
|
|
|
|
</div>
|
2015-07-15 19:44:17 +02:00
|
|
|
<md-button class="md-fab md-fab-bottom-right md-accent"
|
|
|
|
label:aria-label="Write a new message"
|
2015-08-02 19:25:38 +02:00
|
|
|
ng-click="mailbox.newMessage($event)">
|
2015-08-03 18:43:21 +02:00
|
|
|
<md-icon>edit</md-icon>
|
2015-07-15 19:44:17 +02:00
|
|
|
</md-button>
|
|
|
|
</md-content>
|
2015-04-29 17:23:21 +02:00
|
|
|
</div>
|
|
|
|
|
2015-08-26 23:28:03 +02:00
|
|
|
<div id="detailView" class="view-detail" layout="column"
|
|
|
|
ng-class="{ 'sg-close': !mailbox.selectedFolder.selectedMessage }"
|
|
|
|
ui-view="message"><!-- message view --></div>
|
2015-03-19 08:40:46 +01:00
|
|
|
|
2014-12-17 20:58:20 +01:00
|
|
|
</container>
|