2014-12-17 20:58:20 +01:00
<?xml version='1.0' standalone='yes'?>
<container
2015-01-26 08:42:01 +01:00
xmlns="http://www.w3.org/1999/xhtml"
xmlns:var="http://www.skyrix.com/od/binding"
xmlns:const="http://www.skyrix.com/od/constant"
xmlns:rsrc="OGo:url"
xmlns:label="OGo:label"
xmlns:uix="OGo:uix">
2015-02-06 15:37:00 +01:00
2015-07-15 19:44:17 +02:00
<md-content md-scroll-y="md-scroll-y" class="viewer md-padding md-flex bg-sogoPaper-50 md-whiteframe-z1">
2015-05-01 15:38:55 +02:00
<header class="msg-header">
2015-02-11 10:04:09 +01:00
<div class="msg-header-content">
2015-05-05 19:03:59 +02:00
<div layout="row" layout-align="start center">
2015-07-13 21:22:58 +02:00
<md-button class="sg-icon-button sg-msg-flag" label:aria-label="flagged" ng-click="viewer.message.toggleFlag()">
<md-icon ng-class="{'flagged': viewer.message.isflagged}">star</md-icon>
2015-05-05 19:03:59 +02:00
</md-button>
2015-07-13 21:22:58 +02:00
<h3 class="sg-md-title-msg" ng-bind="viewer.message.subject"><!-- subject --></h3>
2015-05-05 19:03:59 +02:00
</div>
2015-02-23 22:54:06 +01:00
<div class="pseudo-input-container--compact">
<label class="pseudo-input-label">
2015-02-11 10:04:09 +01:00
<var:string label:value="From"/>
</label>
2015-02-23 22:54:06 +01:00
<div class="pseudo-input-field">
2015-08-09 16:36:54 +02:00
<a href="#"
ng-bind="viewer.message.from[0].full"
ng-click="viewer.newMessage($event, viewer.message.from[0])"><!-- from --></a>
2015-02-06 15:37:00 +01:00
</div>
2015-02-11 10:04:09 +01:00
</div>
2015-02-10 09:17:10 +01:00
2015-02-23 22:54:06 +01:00
<div class="pseudo-input-container--compact">
<label class="pseudo-input-label">
2015-02-11 10:04:09 +01:00
<var:string label:value="To"/>
</label>
2015-02-23 22:54:06 +01:00
<div class="pseudo-input-field">
2015-08-09 16:36:54 +02:00
<a href="#"
ng-bind="viewer.message.to[0].full"
ng-click="viewer.newMessage($event, viewer.message.to[0])"><!-- to --></a>
2015-02-06 15:37:00 +01:00
</div>
</div>
2015-05-04 19:56:29 +02:00
2015-08-06 15:36:43 +02:00
<md-chips class="sg-readonly" ng-model="viewer.message.flags" ng-change="viewer.changeFlags()">
2015-07-13 21:22:58 +02:00
<md-chip-template>{{viewer.service.$tags[$chip][0]}}</md-chip-template>
2015-05-04 19:56:29 +02:00
<md-autocomplete
2015-07-13 21:22:58 +02:00
md-selected-item="viewer.tags.selected"
md-selected-item-change="viewer.message.addTag(viewer.tags.selected)"
md-search-text="viewer.tags.searchText"
md-items="tag in viewer.service.filterTags(viewer.tags.searchText)"
2015-05-04 19:56:29 +02:00
label:placeholder="Add a tag">
2015-07-13 21:22:58 +02:00
<span md-highlight-text="viewer.tags.searchText">{{viewer.service.$tags[tag][0]}}</span>
2015-05-04 19:56:29 +02:00
</md-autocomplete>
</md-chips>
2015-02-11 10:04:09 +01:00
</div>
2015-02-06 15:37:00 +01:00
2015-02-11 10:04:09 +01:00
<!-- <p class="flags">
<!– Todo: change the text for an icon (conditional ?) The read/unread flag doesn't make sense at his place–>
2015-02-26 16:58:17 +01:00
<span class="pseudo-input-label" ng-repeat="flag in message.flags">{{flag}}</span>
2015-02-11 10:04:09 +01:00
</p>
-->
2015-02-06 15:37:00 +01:00
2015-05-01 15:38:55 +02:00
<div class="sg-icon-bar--vertical">
2015-07-15 21:27:51 +02:00
<md-button class="sg-icon-button show-sm"
label:aria-label="Close"
ng-click="toggleDetailView()">
<md-icon>close</md-icon>
</md-button>
<!-- todo: Replace md-tooltip values by localizable string variable -->
<md-button class="sg-icon-button"
ng-hide="viewer.message.isDraft"
2015-08-02 19:25:38 +02:00
ng-click="viewer.reply($event)"
2015-08-05 16:12:51 +02:00
label:aria-label="reply">
2015-07-15 21:27:51 +02:00
<md-tooltip md-direction="left"><var:string label:value="Reply to Sender Only"/></md-tooltip>
<md-icon>reply</md-icon>
</md-button>
2015-08-05 16:12:51 +02:00
<md-button class="sg-icon-button" label:aria-label="Forward"
2015-07-15 21:27:51 +02:00
ng-hide="viewer.message.isDraft"
2015-08-02 19:25:38 +02:00
ng-click="viewer.forward($event)">
2015-08-04 18:52:25 +02:00
<md-tooltip md-direction="left"><var:string label:value="Forward selected message"/></md-tooltip>
2015-07-15 21:27:51 +02:00
<md-icon>forward</md-icon>
</md-button>
2015-08-05 16:12:51 +02:00
<md-button class="sg-icon-button" label:aria-label="Edit"
2015-07-15 21:27:51 +02:00
ng-show="viewer.message.isDraft"
2015-08-02 19:25:38 +02:00
ng-click="viewer.edit($event)">
2015-07-15 21:27:51 +02:00
<md-icon>create</md-icon>
</md-button>
2015-08-05 16:12:51 +02:00
<md-button class="sg-icon-button" label:aria-label="Delete"
2015-07-15 21:27:51 +02:00
ng-click="viewer.doDelete()">
2015-08-04 18:52:25 +02:00
<md-tooltip md-direction="left"><var:string label:value="Delete selected message or folder"/></md-tooltip>
2015-07-15 21:27:51 +02:00
<md-icon>delete</md-icon>
</md-button>
2015-08-04 22:51:33 +02:00
<md-menu>
<md-button label:aria-label="More mail options" class="sg-icon-button" ng-click="$mdOpenMenu($event)">
<md-icon>more_vert</md-icon>
</md-button>
<md-menu-content width="4">
<md-menu-item ng-hide="viewer.message.isDraft">
2015-08-05 16:12:51 +02:00
<md-button label:aria-label="Reply All"
2015-08-04 22:51:33 +02:00
ng-click="viewer.replyAll($event)">
<var:string label:value="Reply All"/>
</md-button>
</md-menu-item>
<md-menu-item ng-show="viewer.message.$hasUnsafeContent">
2015-08-05 16:12:51 +02:00
<md-button label:aria-label="Load Images"
2015-08-04 22:51:33 +02:00
ng-click="viewer.message.loadUnsafeContent()">
<var:string label:value="Load Images"/>
</md-button>
</md-menu-item>
<md-menu-item>
2015-08-05 16:12:51 +02:00
<md-button label:aria-label="View Message Source"
2015-08-04 22:51:33 +02:00
ng-click="viewer.viewRawSource($event)">
<var:string label:value="View Message Source"/>
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
2015-05-01 15:38:55 +02:00
</div>
</header>
<md-divider><!-- divider --></md-divider>
2015-02-11 10:04:09 +01:00
2015-07-13 21:22:58 +02:00
<div ng-show="viewer.message.shouldAskReceipt == 1"
2015-07-08 19:19:16 +02:00
layout-padding="layout-padding">
<md-whiteframe class="md-whiteframe-z2" layout="column"
layout-align="center start">
<md-icon>warning</md-icon>
<span><var:string label:value="The sender of this message has asked to be notified when you read this message. Do you with to notify the sender?"/></span>
<div class="md-actions" layout="row">
<md-button label:aria-label="Yes"
type="button" class="md-primary"
2015-08-05 16:12:51 +02:00
ng-click="viewer.message.$sendMDN()"><var:string label:value="Yes"/></md-button>
2015-07-08 19:19:16 +02:00
<md-button label:aria-label="No"
type="button"
2015-08-05 16:12:51 +02:00
ng-click="viewer.message.shouldAskReceipt = 0"><var:string label:value="No"/></md-button>
2015-07-08 19:19:16 +02:00
</div>
</md-whiteframe>
</div>
2015-05-01 15:38:55 +02:00
<div class="msg-body">
<div class="msg-date sg-md-body-multi">
2015-07-13 21:22:58 +02:00
<time datetime="viewer.message.date" ng-bind="viewer.message.date"><!-- date --></time>
2015-05-01 15:38:55 +02:00
</div>
2015-08-08 02:38:26 +02:00
<div layout="row" layout-wrap="layout-wrap">
<div ng-class="part.msgclass" layout="row" layout-wrap="layout-wrap" class="mailer_mailcontent" ng-repeat="part in viewer.message.$content()">
<div ng-if="part.html" ng-bind-html="part.content"><!-- msg --></div>
<div ng-if="part.compile" sg-compile="part.content"><!-- msg --></div>
</div>
2015-05-13 04:37:58 +02:00
</div>
2015-02-11 10:04:09 +01:00
</div>
2015-05-01 15:38:55 +02:00
</md-content>
2014-12-17 20:58:20 +01:00
</container>