2014-12-17 20:58:20 +01:00
<?xml version='1.0' standalone='yes'?>
<container
2015-09-03 22:10:05 +02: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-12-04 21:00:58 +01:00
<div class="sg-reversible" ng-class="{ 'sg-flip': viewer.showRawSource }">
<div layout="column" class="layout-fill sg-face">
<md-card>
2016-02-02 18:07:44 +01:00
<md-card-actions flex="none" layout="row" layout-align="end center">
2015-12-04 21:00:58 +01:00
<md-button class="md-icon-button"
ng-if="isPopup"
label:aria-label="Close"
ng-click="viewer.closePopup()">
<md-icon>close</md-icon>
2015-08-04 22:51:33 +02:00
</md-button>
2015-12-04 21:00:58 +01:00
<md-button class="md-icon-button hide show-xs"
ng-hide="isPopup"
label:aria-label="Close"
ng-click="viewer.close()">
2016-02-02 18:07:44 +01:00
<md-icon>close</md-icon>
2015-12-04 21:00:58 +01:00
</md-button>
2016-01-07 21:43:26 +01:00
<div class="md-flex"><!-- spacer --></div>
2015-12-04 21:00:58 +01:00
<md-button class="sg-icon-button" label:aria-label="flagged" ng-click="viewer.message.toggleFlag()">
<md-icon ng-class="{'icon-star': viewer.message.isflagged,
'icon-star-border': !viewer.message.isflagged}"><!-- flag --></md-icon>
</md-button>
<md-button class="sg-icon-button"
ng-hide="viewer.message.isDraft"
ng-click="viewer.reply($event)"
label:aria-label="Reply">
<md-tooltip md-direction="bottom"><var:string label:value="Reply to Sender Only"/></md-tooltip>
<md-icon>reply</md-icon>
</md-button>
<md-button class="sg-icon-button"
ng-show="viewer.message.allowReplyAll()"
ng-click="viewer.replyAll($event)"
label:aria-label="Reply All">
<md-tooltip md-direction="bottom"><var:string label:value="Reply to sender and all recipients"/></md-tooltip>
<md-icon>reply_all</md-icon>
</md-button>
<md-button class="sg-icon-button" label:aria-label="Forward"
ng-hide="viewer.message.isDraft"
ng-click="viewer.forward($event)">
<md-tooltip md-direction="bottom"><var:string label:value="Forward selected message"/></md-tooltip>
<md-icon>forward</md-icon>
</md-button>
<md-button class="sg-icon-button" label:aria-label="Edit"
ng-show="viewer.message.isDraft"
ng-click="viewer.edit($event)">
<md-icon>create</md-icon>
</md-button>
<md-button class="sg-icon-button" label:aria-label="Delete"
ng-click="viewer.doDelete()">
<md-tooltip md-direction="bottom"><var:string label:value="Delete selected message or folder"/></md-tooltip>
<md-icon>delete</md-icon>
</md-button>
<md-button class="sg-icon-button hide-xs" label:aria-label="Open in New Mail Window"
ng-hide="isPopup"
ng-click="viewer.openPopup()">
<md-tooltip md-direction="bottom"><var:string label:value="Open in New Mail Window"/></md-tooltip>
<md-icon>open_in_new</md-icon>
</md-button>
<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.showFlags">
<md-button label:aria-label="Add a tag"
ng-click="viewer.showFlags = true">
<var:string label:value="Add a tag"/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button label:aria-label="Save As..."
ng-click="viewer.saveMessage()">
<var:string label:value="Save As..."/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button label:aria-label="View Message Source"
ng-click="viewer.toggleRawSource($event)">
<var:string label:value="View Message Source"/>
</md-button>
</md-menu-item>
2016-02-10 22:15:00 +01:00
<md-menu-divider><!-- divider --></md-menu-divider>
<md-menu-item>
<md-button label:aria-label="Convert To Event"
ng-click="viewer.convertToEvent($event)">
<var:string label:value="Convert To Event"/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button label:aria-label="Convert To Task"
ng-click="viewer.convertToTask($event)">
<var:string label:value="Convert To Task"/>
</md-button>
</md-menu-item>
2015-12-04 21:00:58 +01:00
</md-menu-content>
</md-menu>
</md-card-actions>
<md-card-content>
<div class="sg-padded">
<h5>{{viewer.message.subject}}</h5>
<time class="msg-date" datetime="viewer.message.date" ng-bind="viewer.message.date"><!-- date --></time>
</div>
2016-01-18 19:58:23 +01:00
<div>
2015-12-04 21:00:58 +01:00
<div layout="row" layout-wrap="layout-wrap">
<div class="pseudo-input-container--compact" flex="50" flex-xs="100">
<div layout="row" layout-align="start center">
<sg-avatar-image class="md-tile-left"
sg-email="viewer.message.from[0].email"
size="40">
<!-- contact avatar -->
</sg-avatar-image>
<div class="md-list-item-text">
<span>{{ viewer.message.from[0].name }}</span><br/>
2015-12-07 20:07:48 +01:00
<a href="#" class="md-caption"
2015-12-04 21:00:58 +01:00
ng-bind="viewer.message.from[0].email"
ng-click="viewer.newMessage($event, viewer.message.from[0])"><!-- from --></a>
</div>
</div>
</div>
2016-01-18 19:58:23 +01:00
<div class="msg-recipients" layout="column" flex="50">
2015-12-04 21:00:58 +01:00
<div class="pseudo-input-container--compact">
<label class="pseudo-input-label">
<var:string label:value="To"/>
</label>
2015-12-07 20:07:48 +01:00
<div class="pseudo-input-field" ng-hide="viewer.$showDetailedRecipients">
<a href="#" ng-click="viewer.showDetailedRecipients($event)">{{viewer.message.$shortRecipients()}}</a>
2015-12-04 21:00:58 +01:00
</div>
2015-12-07 20:07:48 +01:00
<div class="pseudo-input-field" ng-show="viewer.$showDetailedRecipients">
2015-12-04 21:00:58 +01:00
<span ng-repeat="recipient in viewer.message.to">
<a href="#" ng-bind="recipient.full"
ng-click="viewer.newMessage($event, recipient)"><!-- recipient --></a>
</span>
</div>
</div>
2015-12-07 20:07:48 +01:00
<div class="pseudo-input-container--compact" ng-show="viewer.$showDetailedRecipients">
2015-12-04 21:00:58 +01:00
<label class="pseudo-input-label" ng-show="viewer.message.cc.length > 0">
<var:string label:value="Cc"/>
</label>
<div class="pseudo-input-field">
<span ng-repeat="recipient in viewer.message.cc">
<a href="#" ng-bind="recipient.full"
ng-click="viewer.newMessage($event, recipient)"><!-- recipient --></a>
</span>
</div>
</div>
2015-09-03 22:10:05 +02:00
</div>
</div>
2016-01-18 19:58:23 +01:00
</div>
<div class="sg-padded hide-xs" ng-show="viewer.showFlags">
<md-chips class="sg-readonly"
2015-11-26 22:51:31 +01:00
ng-model="viewer.message.flags"
2015-12-04 21:00:58 +01:00
md-transform-chip="$chip.name"
2015-11-26 22:51:31 +01:00
md-on-remove="viewer.message.removeTag($chip)">
2016-01-09 04:06:35 +01:00
<md-chip-template>
<span class="sg-chip-color" style="z-index: 1">
<span ng-style="{ 'background-color': viewer.service.$tags[$chip][1] }"><!-- color --></span>
</span>
<span>{{viewer.service.$tags[$chip][0]}}</span>
</md-chip-template>
2015-12-04 21:00:58 +01:00
<md-autocomplete
md-selected-item="viewer.tags.selected"
md-selected-item-change="viewer.message.addTag(viewer.tags.selected.name)"
md-search-text="viewer.tags.searchText"
md-items="tag in viewer.service.filterTags(viewer.tags.searchText)"
2016-01-07 21:43:26 +01:00
md-item-text="tag.description"
2015-12-04 21:00:58 +01:00
md-autoselect="true"
label:placeholder="Add a tag">
<md-item-template>
2016-01-09 04:06:35 +01:00
<div layout="row" layout-align="start center">
2016-02-02 18:07:44 +01:00
<div class="sg-color-chip"
ng-style="{'background-color': tag.color}"><!-- color --></div>
<div md-highlight-text="viewer.tags.searchText"
md-highlight-flags="^i">{{tag.description}}</div>
2016-01-09 04:06:35 +01:00
</div>
2015-12-04 21:00:58 +01:00
</md-item-template>
</md-autocomplete>
</md-chips>
</div>
2015-12-08 17:56:01 +01:00
2015-12-22 04:20:32 +01:00
<!-- S/MIME Signature -->
<md-whiteframe class="md-whiteframe-z2" layout="row" layout-align="space-between center"
ng-show="::viewer.message.$smime.message">
<div layout="row" layout-align="start center">
<div class="md-tile-left">
<md-icon ng-hide="::viewer.message.$smime.validSignature" class="md-warn">error</md-icon>
<md-icon ng-show="::viewer.message.$smime.validSignature" class="md-accent">check</md-icon>
2015-12-08 17:56:01 +01:00
</div>
2015-12-22 04:20:32 +01:00
<p ng-bind-html="::viewer.message.$smime.message"><!-- message --></p>
</div>
</md-whiteframe>
2015-07-08 19:19:16 +02:00
2015-12-22 04:20:32 +01:00
<!-- Load external images -->
<md-whiteframe class="md-whiteframe-z2" layout="row" layout-align="space-between center"
ng-show="viewer.message.$hasUnsafeContent">
<div layout="row" layout-align="start center" class="layout-fill">
<div class="md-tile-left">
<md-icon>collections</md-icon>
2015-09-04 22:43:01 +02:00
</div>
2015-12-22 04:20:32 +01:00
<p class="hide show-gt-md"><var:string label:value="This message contains external images."/></p>
<div class="md-flex"><!-- spacer --></div>
<md-button label:aria-label="Load Images"
ng-click="viewer.message.loadUnsafeContent()">
<var:string label:value="Load Images"/>
</md-button>
</div>
</md-whiteframe>
2015-09-03 22:10:05 +02:00
2015-12-22 04:20:32 +01:00
<!-- Return Receipt / Send MDN -->
<md-whiteframe class="md-whiteframe-z2" layout="column" layout-align="center start"
ng-show="viewer.message.shouldAskReceipt == 1">
<div layout="row" layout-align="start center">
<div class="md-tile-left">
<md-icon>message</md-icon>
2015-12-04 21:00:58 +01:00
</div>
2015-12-22 04:20:32 +01:00
<p class="sg-padded--right"><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?"/></p>
</div>
<div class="layout-fill" layout="row" layout-align="end center">
<md-button label:aria-label="No"
type="button"
ng-click="viewer.message.shouldAskReceipt = 0"><var:string label:value="No"/></md-button>
<md-button label:aria-label="Yes"
type="submit"
ng-click="viewer.message.$sendMDN()"><var:string label:value="Yes"/></md-button>
</div>
</md-whiteframe>
2015-09-03 22:10:05 +02:00
2015-12-08 17:56:01 +01:00
<md-divider><!-- end of headers --></md-divider>
<div>
2015-12-04 21:00:58 +01:00
<div class="msg-body">
<div layout="row" layout-wrap="layout-wrap">
<div class="mailer_mailcontent" layout="row" layout-wrap="layout-wrap"
ng-repeat="part in viewer.message.$content()"
ng-class="part.msgclass">
<div ng-if="part.html" ng-bind-html="part.content | ensureTarget"><!-- msg --></div>
2016-02-01 22:07:21 +01:00
<div ng-if="part.compile" class="md-flex" sg-compile="part.content" sg-zoomable-image="sg-zoomable-image"><!-- msg --></div>
2015-12-04 21:00:58 +01:00
</div>
2015-09-03 22:10:05 +02:00
</div>
</div>
</div>
2015-12-04 21:00:58 +01:00
</md-card-content>
</md-card>
</div>
<div class="layout-fill sg-back" layout="column">
<md-card>
2016-02-02 18:07:44 +01:00
<md-card-actions flex="none" layout="row" layout-align="end center">
<div class="md-flex"><!-- spacer --></div>
2015-12-04 21:00:58 +01:00
<md-button class="md-icon-button"
label:aria-label="Close"
ng-click="viewer.toggleRawSource()">
<md-icon>arrow_forward</md-icon>
</md-button>
</md-card-actions>
<md-card-content>
2016-02-03 15:50:37 +01:00
<pre ng-bind-html="viewer.rawSource"><!-- raw source --></pre>
2015-12-04 21:00:58 +01:00
</md-card-content>
</md-card>
</div>
2015-09-03 22:10:05 +02:00
</div>
2014-12-17 20:58:20 +01:00
</container>