mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
74 lines
4.3 KiB
HTML
74 lines
4.3 KiB
HTML
<div class="controls">
|
|
<button ng-click="state.mailList.remove(state.mailList.selected)" class="btn-icon" title="Delete mail"></button>
|
|
<button class="btn-icon" title="Reply to" reply-selection></button>
|
|
<button ng-click="state.writer.write()" class="btn-icon" title="New mail"></button>
|
|
</div><!--/.controls-->
|
|
|
|
<div class="view-read" ng-controller="ReadCtrl">
|
|
<div class="headers">
|
|
<p class="subject" ng-click="state.read.toggle(false)">{{(state.mailList.selected.subject) ? state.mailList.selected.subject : 'No subject'}}</p>
|
|
<p class="date">{{state.mailList.selected.sentDate | date:'EEEE, MMM d, yyyy h:mm a'}}</p>
|
|
<p class="address">
|
|
From: <span ng-repeat="u in state.mailList.selected.from" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
|
|
</p>
|
|
<p class="address">
|
|
To: <span ng-repeat="u in state.mailList.selected.to" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
|
|
</p>
|
|
<div ng-switch="state.mailList.selected.cc && state.mailList.selected.cc.length > 0">
|
|
<p class="address" ng-switch-when="true">
|
|
Cc: <span ng-repeat="u in state.mailList.selected.cc" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
|
|
</p>
|
|
</div>
|
|
</div><!--/.headers-->
|
|
|
|
<div ng-switch="state.mailList.selected.attachments !== undefined && state.mailList.selected.attachments.length > 0">
|
|
<div ng-switch-when="true">
|
|
<div class="attachments">
|
|
<span class="attachment" ng-repeat="attachment in state.mailList.selected.attachments" ng-click="download(attachment)">
|
|
<span data-icon=""></span>
|
|
{{attachment.filename}}
|
|
</span><!--/.attachment-->
|
|
</div><!--/.attachments-->
|
|
</div>
|
|
<div ng-switch-default>
|
|
<div class="seperator-line"></div>
|
|
</div>
|
|
</div><!--/.ng-switch-->
|
|
|
|
<div class="body" ng-switch="state.mailList.selected === undefined || (state.mailList.selected.encrypted === false && state.mailList.selected.body !== undefined) || (state.mailList.selected.encrypted === true && state.mailList.selected.decrypted === true)">
|
|
<div ng-switch-when="true">
|
|
<!-- Render lines of a text-email in divs for easier styling -->
|
|
<div class="line" ng-repeat="line in state.mailList.selected.body.split('\n') track by $index" ng-class="{'empty-line': lineEmpty(line)}">
|
|
<span ng-bind-html="line | createAnchors"></span>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
<div class="working" ng-switch-default>
|
|
<div class="container">
|
|
<div class="spinner"><div></div></div>
|
|
<span ng-switch="state.mailList.selected.loadingBody === true || state.mailList.selected.body === undefined || state.mailList.selected.body === null">
|
|
<h1 ng-switch-when="true">Loading...</h1>
|
|
<h1 ng-switch-default>Decrypting...</h1>
|
|
</span>
|
|
</div><!--/.container-->
|
|
</div>
|
|
</div><!--/.body-->
|
|
|
|
<!-- popovers -->
|
|
<div id="fingerprint-info" class="popover right" ng-controller="PopoverCtrl">
|
|
<div class="arrow"></div>
|
|
<div class="popover-content">{{keyId}}</div>
|
|
</div><!--/.popover-->
|
|
|
|
<div class="reply-selection popover bottom">
|
|
<div class="arrow"></div>
|
|
<div class="popover-content">
|
|
<div class="option" ng-click="state.writer.write(state.mailList.selected)">Reply</div>
|
|
<div class="seperator-line"></div>
|
|
<div class="option" ng-click="state.writer.write(state.mailList.selected, true)">Reply All</div>
|
|
<div class="seperator-line"></div>
|
|
<div class="option" ng-click="state.writer.write(state.mailList.selected, null, true)">Forward</div>
|
|
</div>
|
|
</div><!--/.reply-selection-->
|
|
</div><!--/.view-read-->
|