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-09-03 22:10:05 +02:00
<div layout="column" class="layout-fill">
<md-toolbar>
<div class="md-toolbar-tools">
2015-09-04 23:31:16 +02:00
<md-button class="sg-icon-button"
ng-if="isPopup"
label:aria-label="Close"
ng-click="viewer.closePopup()">
<md-icon>close</md-icon>
</md-button>
<md-button class="sg-icon-button hide show-sm"
ng-hide="isPopup"
label:aria-label="Close"
ng-click="viewer.close()">
<md-icon>arrow_back</md-icon>
</md-button>
<div class="md-flex hide show-sm"><!-- spacer --></div>
2015-09-03 22:10:05 +02: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>
2015-07-15 21:27:51 +02:00
</md-button>
2015-09-04 23:31:16 +02:00
<div class="md-flex hide-sm"><!-- spacer --></div>
2015-07-15 21:27:51 +02:00
<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-11-24 22:30:36 +01:00
label:aria-label="Reply">
2015-09-03 22:10:05 +02:00
<md-tooltip md-direction="bottom"><var:string label:value="Reply to Sender Only"/></md-tooltip>
2015-07-15 21:27:51 +02:00
<md-icon>reply</md-icon>
</md-button>
2015-11-24 22:30:36 +01:00
<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>
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-09-03 22:10:05 +02:00
<md-tooltip md-direction="bottom"><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-09-03 22:10:05 +02:00
<md-tooltip md-direction="bottom"><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-10-14 14:55:57 +02:00
<md-button class="sg-icon-button hide-sm" label:aria-label="Open in New Mail Window"
2015-09-04 23:31:16 +02:00
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>
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">
2015-11-26 22:51:31 +01:00
<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>
2015-08-25 02:04:56 +02:00
<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>
2015-08-04 22:51:33 +02:00
<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>
2015-09-03 22:10:05 +02:00
</md-toolbar>
<md-content class="md-flex md-static">
<div class="viewer">
<md-toolbar class="sg-padded">
<h3 class="sg-md-title-msg">{{viewer.message.subject}}</h3>
<time class="msg-date" datetime="viewer.message.date" ng-bind="viewer.message.date"><!-- date --></time>
</md-toolbar>
<md-toolbar class="sg-padded">
2015-02-11 10:04:09 +01:00
2015-09-03 22:10:05 +02:00
<div class="pseudo-input-container--compact">
<label class="pseudo-input-label">
<var:string label:value="From"/>
</label>
<div layout="row" layout-align="start center">
<sg-avatar-image class="md-tile-left"
sg-email="viewer.message.from[0].email"
2015-09-04 15:09:43 +02:00
size="40">
2015-09-03 22:10:05 +02:00
<!-- contact avatar -->
</sg-avatar-image>
<div class="md-list-item-text">
<span>{{ viewer.message.from[0].name }}</span><br/>
<a class="md-caption" href="#"
ng-bind="viewer.message.from[0].email"
ng-click="viewer.newMessage($event, viewer.message.from[0])"><!-- from --></a>
</div>
</div>
</div>
<div class="pseudo-input-container--compact">
<label class="pseudo-input-label">
<var:string label:value="To"/>
</label>
<div class="pseudo-input-field" ng-hide="viewer.message.$showDetailedRecipients">
<a href="#" ng-click="viewer.message.showDetailedRecipients()">{{viewer.message.$shortRecipients()}}</a>
</div>
<div class="pseudo-input-field" ng-show="viewer.message.$showDetailedRecipients">
<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>
<div class="pseudo-input-container--compact" ng-show="viewer.message.$showDetailedRecipients">
<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-11-26 22:51:31 +01:00
<md-chips class="sg-readonly hide-sm"
ng-show="viewer.showFlags"
ng-model="viewer.message.flags"
md-on-append="$chip.name"
md-on-remove="viewer.message.removeTag($chip)">
2015-09-03 22:10:05 +02:00
<md-chip-template>{{viewer.service.$tags[$chip][0]}}</md-chip-template>
<md-autocomplete
md-selected-item="viewer.tags.selected"
2015-09-10 17:44:09 +02:00
md-selected-item-change="viewer.message.addTag(viewer.tags.selected.name)"
2015-09-03 22:10:05 +02:00
md-search-text="viewer.tags.searchText"
md-items="tag in viewer.service.filterTags(viewer.tags.searchText)"
2015-11-26 22:51:31 +01:00
md-autoselect="true"
2015-09-03 22:10:05 +02:00
label:placeholder="Add a tag">
2015-09-10 17:44:09 +02:00
<md-item-template>
<span md-highlight-text="viewer.tags.searchText"
md-highlight-flags="^i">{{tag.description}}</span>
</md-item-template>
2015-09-03 22:10:05 +02:00
</md-autocomplete>
</md-chips>
</md-toolbar>
<md-content md-scroll-x="md-scroll-x" class="md-padding md-whiteframe-z1">
2015-07-08 19:19:16 +02:00
2015-09-03 22:10:05 +02:00
<!-- Load external images -->
<md-whiteframe class="md-whiteframe-z2" layout="row" layout-align="space-between center"
ng-show="viewer.message.$hasUnsafeContent">
2015-09-04 22:43:01 +02:00
<div layout="row" layout-align="start center" class="layout-fill">
<div class="md-tile-left">
<md-icon>collections</md-icon>
</div>
2015-10-14 14:55:57 +02:00
<p class="hide show-gt-md"><var:string label:value="This message contains external images."/></p>
<div class="md-flex"><!-- spacer --></div>
2015-09-04 22:43:01 +02:00
<md-button label:aria-label="Load Images"
ng-click="viewer.message.loadUnsafeContent()">
<var:string label:value="Load Images"/>
</md-button>
</div>
2015-09-03 22:10:05 +02:00
</md-whiteframe>
<!-- 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>
</div>
<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>
<div class="msg-body">
<div layout="row" layout-wrap="layout-wrap">
2015-12-03 16:35:34 +01:00
<div class="mailer_mailcontent" layout="row" layout-wrap="layout-wrap"
ng-repeat="part in viewer.message.$content()"
ng-class="part.msgclass">
2015-09-03 22:10:05 +02:00
<div ng-if="part.html" ng-bind-html="part.content | ensureTarget"><!-- msg --></div>
2015-12-03 16:35:34 +01:00
<div ng-if="part.compile" sg-compile="part.content" sg-zoomable-image="sg-zoomable-image"><!-- msg --></div>
2015-09-03 22:10:05 +02:00
</div>
</div>
</div>
</md-content>
2015-05-13 04:37:58 +02:00
</div>
2015-09-03 22:10:05 +02:00
</md-content>
</div>
2014-12-17 20:58:20 +01:00
</container>