2013-09-18 14:45:58 -04:00
< div class = "controls" >
2013-11-08 17:31:20 -05:00
< button ng-click = "state.mailList.remove(state.mailList.selected)" class = "btn-icon" title = "Delete mail" >  < / button >
< button ng-click = "state.writer.write(state.mailList.selected)" class = "btn-icon" title = "Reply to" >  < / button >
2013-11-08 15:55:08 -05:00
< button ng-click = "state.writer.write()" class = "btn-icon" title = "New mail" >  < / button >
2013-09-18 14:45:58 -04:00
< / div > <!-- /.controls -->
2013-09-11 11:01:02 -04:00
2013-11-08 16:05:08 -05:00
< div class = "view-read" ng-controller = "ReadCtrl" >
2013-09-18 14:45:58 -04:00
< div class = "headers" >
2014-02-20 13:29:24 -05:00
< p class = "subject" ng-click = "state.read.toggle(false)" > {{(state.mailList.selected.subject) ? state.mailList.selected.subject : 'No subject'}}< / p >
2013-11-08 17:31:20 -05:00
< p class = "date" > {{state.mailList.selected.sentDate | date:'EEEE, MMM d, yyyy h:mm a'}}< / p >
2013-12-02 12:08:55 -05:00
< p class = "address" >
2014-02-28 11:19:03 -05:00
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 >
2013-12-02 12:08:55 -05:00
< / p >
< p class = "address" >
2014-02-28 11:19:03 -05:00
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 >
2013-12-02 12:08:55 -05:00
< / p >
2014-02-28 13:34:01 -05:00
< div ng-switch = "state.mailList.selected.cc && state.mailList.selected.cc.length > 0" >
2013-09-18 14:45:58 -04:00
< p class = "address" ng-switch-when = "true" >
2014-02-28 11:19:03 -05:00
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 >
2013-09-11 09:19:18 -04:00
< / p >
< / div >
2013-09-18 14:45:58 -04:00
< / div > <!-- /.headers -->
2013-09-11 09:19:18 -04:00
2014-01-16 09:37:08 -05:00
< div ng-switch = "state.mailList.selected.attachments !== undefined && state.mailList.selected.attachments.length > 0" >
< div ng-switch-when = "true" >
< div class = "attachments" >
2014-02-05 19:04:50 -05:00
< 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 -->
2014-01-16 09:37:08 -05:00
< / div >
< div ng-switch-default >
< div class = "seperator-line" > < / div >
< / div >
2014-02-05 19:04:50 -05:00
< / div > <!-- /.ng - switch -->
2014-01-16 09:37:08 -05:00
2014-02-21 11:19:39 -05:00
< div class = "body" ng-switch = "state.mailList.selected === undefined || state.mailList.selected.encrypted === false || (state.mailList.selected.encrypted === true && state.mailList.selected.decrypted === true)" >
2014-02-21 10:22:33 -05:00
< 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)}" > {{line}}< 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 -->
2013-11-18 13:53:31 -05:00
< / div >
2013-10-05 07:50:24 -04:00
< / div > <!-- /.body -->
2013-12-04 08:47:04 -05:00
<!-- popovers -->
< div id = "fingerprint-info" class = "popover right" ng-controller = "PopoverCtrl" >
< div class = "arrow" > < / div >
2014-02-27 12:14:38 -05:00
< div class = "popover-content" > {{keyId}}< / div >
2013-12-04 08:47:04 -05:00
< / div > <!-- /.popover -->
< / div > <!-- /.view - read -->