[feat] display the mixnet status on incomming emails
[pixelated-user-agent.git] / web-ui / app / templates / mails / full_view.hbs
1 <button class="close-mail-button">
2     <i class="fa fa-times"></i>
3 </button>
4
5 <div id="fullView-{{ ident }}" class="mail-read-view {{statuses}}">
6     <header class="mail-read-view__header row">
7
8         <!-- TODO -->
9         <div class="column large-12 no-padding security-status">
10             {{#if signatureStatus}}
11             <span class="security-status__label {{ signatureStatus.cssClass }}" data-label="{{t signatureStatus.tooltipText }}">
12               {{t signatureStatus.label }}
13             </span>
14             {{/if}}
15             {{#if encryptionStatus}}
16             <span class="security-status__label {{ encryptionStatus.cssClass }}" data-label="{{t encryptionStatus.tooltipText }}">
17               {{t encryptionStatus.label }}
18             </span>
19             {{/if}}
20             {{#if mixnetStatus}}
21             <span class="security-status__label {{ mixnetStatus.cssClass }}" data-label="{{t mixnetStatus.tooltipText }}">
22               {{t mixnetStatus.label }}
23             </span>
24             {{/if}}
25         </div>
26
27         <div class="mail-read-view__header-recipients">
28             <span class="mail-read-view__header-recipients--highlight-sender">
29               {{#if header.from }}
30                 {{ header.from }}
31               {{else}}
32                 {{t 'you'}}
33               {{/if}}
34             </span>
35             <i class="fa fa-long-arrow-right"></i>
36             {{{formatRecipients header}}}
37         </div>
38
39         <div class="mail-read-view__header-date">
40             {{ formatDate header.date }}
41         </div>
42
43         <hr>
44
45         <div class="mail-read-view__header-subject">
46             <h3>{{ header.subject }}</h3>
47         </div>
48
49         <nav id="mail-actions" class="mail-read-view__header-actions"></nav>
50
51         <ul class="mail-read-view__header-tags">
52             <li class="mail-read-view__header-tags-label">
53                 <button id="new-tag-button" class="no-style"><i class="fa fa-tags"></i></button>
54             </li>
55
56             {{#each tags }}
57                 <li class="mail-read-view__header-tags-tag" data-tag="{{this}}">{{ this }}</li>
58             {{/each }}
59
60             <li class="mail-read-view__header-tags-name-input">
61                 <input type="text" id="new-tag-input" placeholder="{{t 'add-tag-placeholder'}}"
62                 />
63             </li>
64         </ul>
65     </header>
66
67     <iframe class="mail-read-view__body" id="read-sandbox" sandbox="allow-popups allow-scripts" src="sandbox/sandbox.html" scrolling="no"></iframe>
68
69     {{#if attachments}}
70         <hr>
71
72         <div id="attachmentsArea" class="mail-read-view__attachments">
73             <p class="mail-read-view__attachments-header"><i class="fa fa-paperclip"></i> {{ attachments.length }} attachment(s):</p>
74             <ul>
75                 {{#each attachments }}
76                 <li class="mail-read-view__attachments-item">
77                     <a class="mail-read-view__attachments-item-label" href="/attachment/{{ this.ident }}?content_type={{ this.content-type }}&encoding={{ this.encoding }}&filename={{ this.name }}">{{ this.name }} ({{ formatSize this.size}})
78                     <i class="fa fa-arrow-down mail-read-view__attachments-item-download"></i></a>
79                 </li>
80                 {{/each }}
81             </ul>
82         </div>
83     {{/if}}
84 </div>