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-04-29 17:23:21 +02:00
|
|
|
xmlns:label="OGo:label">
|
|
|
|
<div class="view-list md-layout-fill" layout="column" flex="true" style="position: relative;">
|
|
|
|
<md-content id="messagesList">
|
2015-01-26 04:33:00 +01:00
|
|
|
<style>
|
|
|
|
.vs-repeat-repeated-element {
|
2015-02-04 15:46:58 +01:00
|
|
|
width: 100%;
|
2015-01-26 04:33:00 +01:00
|
|
|
}
|
|
|
|
</style>
|
2015-04-29 17:23:21 +02:00
|
|
|
<header class="sg-md-subheader sg-md-subheader--fixed">
|
2015-05-04 14:52:54 +02:00
|
|
|
<h2 class="sg-md-subhead-solo fg-sogoBlue-700">Messages</h2>
|
2015-02-03 22:03:36 +01:00
|
|
|
</header>
|
2015-02-26 16:58:17 +01:00
|
|
|
<md-list vs-repeat="72"
|
|
|
|
vs-scroll-parent="#messagesList">
|
2015-04-20 18:08:20 +02:00
|
|
|
<md-list-item
|
|
|
|
class="md-clickable"
|
|
|
|
ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
|
2015-02-26 16:58:17 +01:00
|
|
|
ng-class="{unread: !currentMessage.isread}">
|
2015-04-20 19:27:03 +02:00
|
|
|
<md-item-content ui-sref-active="_selected" layout="row" class="md-flex">
|
2015-05-05 15:49:40 +02:00
|
|
|
<div>
|
|
|
|
<sg-gravatar-image class="md-tile-left"
|
|
|
|
email="{{currentMessage['from'][0].email}}"
|
|
|
|
size="48"><!-- gravatar -->
|
|
|
|
</sg-gravatar-image>
|
|
|
|
</div>
|
2015-02-04 15:46:58 +01:00
|
|
|
<div class="sg-tile-content">
|
2015-03-23 15:53:17 +01:00
|
|
|
<a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})">
|
2015-02-06 15:37:00 +01:00
|
|
|
<div class="sg-md-subhead-multi subject">
|
|
|
|
{{currentMessage.subject}}
|
2015-01-26 04:33:00 +01:00
|
|
|
</div>
|
2015-02-26 16:58:17 +01:00
|
|
|
<span class="right msg-date" ng-bind-html="currentMessage.relativedate"><!-- date --></span>
|
2015-02-06 15:37:00 +01:00
|
|
|
<div class="sg-md-body-multi name">{{currentMessage.$shortAddress('from')}}</div>
|
2015-02-04 15:46:58 +01:00
|
|
|
<i class="icon-ion-refresh"
|
2015-02-26 16:58:17 +01:00
|
|
|
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
|
2015-01-26 04:33:00 +01:00
|
|
|
</a>
|
|
|
|
</div>
|
2015-02-06 15:37:00 +01:00
|
|
|
<div class="sg-tile-icons">
|
2015-05-05 15:49:40 +02:00
|
|
|
<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>
|
2015-02-09 15:48:58 +01:00
|
|
|
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
|
2015-02-06 15:37:00 +01:00
|
|
|
</div>
|
2015-04-20 18:08:20 +02:00
|
|
|
</md-item-content>
|
2015-04-09 20:46:54 +02:00
|
|
|
</md-list-item>
|
2015-01-26 04:33:00 +01:00
|
|
|
</md-list>
|
|
|
|
</md-content>
|
2015-04-29 17:23:21 +02:00
|
|
|
<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>
|
|
|
|
|
2015-03-25 21:46:06 +01:00
|
|
|
<!-- This extra container is used to animate views transitions
|
|
|
|
double quotes in ng-animate is not a typo -->
|
2015-05-05 21:42:09 +02:00
|
|
|
<div ng-show="message" id="detailView" class="view-detail ng-cloak" layout="column" ui-view="message" ng-animate="'view'"><!-- message view --></div>
|
2015-03-19 08:40:46 +01:00
|
|
|
|
2014-12-17 20:58:20 +01:00
|
|
|
</container>
|