56 lines
2.5 KiB
XML
56 lines
2.5 KiB
XML
<?xml version='1.0' standalone='yes'?>
|
|
<container
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:label="OGo:label">
|
|
<div class="view-list md-layout-fill" layout="column" flex="true" style="position: relative;">
|
|
<md-content id="messagesList">
|
|
<style>
|
|
.vs-repeat-repeated-element {
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<header class="sg-md-subheader sg-md-subheader--fixed">
|
|
<h2 class="sg-md-subhead-solo fg-sogoBlue-700">Messages</h2>
|
|
</header>
|
|
<md-list vs-repeat="72"
|
|
vs-scroll-parent="#messagesList">
|
|
<md-list-item
|
|
ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
|
|
ng-class="{unread: !currentMessage.isread}"
|
|
ng-click="selectMessage(currentMessage)"
|
|
ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})"
|
|
ui-sref-active="sg-active">
|
|
<sg-gravatar-image class="md-tile-left"
|
|
email="{{currentMessage['from'][0].email}}"
|
|
size="48"><!-- gravatar -->
|
|
</sg-gravatar-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>
|
|
<i class="icon-ion-refresh"
|
|
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
|
|
</div>
|
|
<div class="sg-tile-icons">
|
|
<i class="md-icon-star" ng-show="currentMessage.isflagged"> </i>
|
|
<i class="md-icon-reply" ng-show="currentMessage.isanswered"> </i>
|
|
<i class="md-icon-forward" ng-show="currentMessage.isforwarded"> </i>
|
|
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
|
|
</div>
|
|
</md-list-item>
|
|
</md-list>
|
|
</md-content>
|
|
<md-button class="iconButton md-fab md-fab-bottom-right md-accent"
|
|
label:aria-label="Write a new message"
|
|
ui-sref="mail.newMessage()">
|
|
<i class="md-icon-add"><!--icon--></i>
|
|
</md-button>
|
|
</div>
|
|
|
|
<!-- This extra container is used to animate views transitions
|
|
double quotes in ng-animate is not a typo -->
|
|
<div ng-show="message" id="detailView" class="view-detail ng-cloak" layout="column" ui-view="message" ng-animate="'view'"><!-- message view --></div>
|
|
|
|
</container>
|