0068b7f7a599fd97a1957525a8b2c0f85b926d20
[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         </div>
21
22         <div class="mail-read-view__header-recipients">
23             <span class="mail-read-view__header-recipients--highlight-sender">
24               {{#if header.from }}
25                 {{ header.from }}
26               {{else}}
27                 {{t 'you'}}
28               {{/if}}
29             </span>
30             <i class="fa fa-long-arrow-right"></i>
31             {{{formatRecipients header}}}
32         </div>
33
34         <div class="mail-read-view__header-date">
35             {{ formatDate header.date }}
36         </div>
37
38         <hr>
39
40         <div class="mail-read-view__header-subject">
41             <h3>{{ header.subject }}</h3>
42         </div>
43
44         <nav id="mail-actions" class="mail-read-view__header-actions"></nav>
45
46         <ul class="mail-read-view__header-tags">
47             <li class="mail-read-view__header-tags-label">
48                 <button id="new-tag-button" class="no-style"><i class="fa fa-tags"></i></button>
49             </li>
50
51             {{#each tags }}
52                 <li class="mail-read-view__header-tags-tag" data-tag="{{this}}">{{ this }}</li>
53             {{/each }}
54
55             <li class="mail-read-view__header-tags-name-input">
56                 <input type="text" id="new-tag-input" placeholder="{{t 'add-tag-placeholder'}}"
57                 />
58             </li>
59         </ul>
60     </header>
61
62     <iframe class="mail-read-view__body" id="read-sandbox" sandbox="allow-popups allow-scripts" src="sandbox/sandbox.html" scrolling="no"></iframe>
63
64     {{#if attachments}}
65         <hr>
66
67         <div id="attachmentsArea" class="mail-read-view__attachments">
68             <p class="mail-read-view__attachments-header"><i class="fa fa-paperclip"></i> {{ attachments.length }} attachment(s):</p>
69             <ul>
70                 {{#each attachments }}
71                 <li class="mail-read-view__attachments-item">
72                     <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}})
73                     <i class="fa fa-arrow-down mail-read-view__attachments-item-download"></i></a>
74                 </li>
75                 {{/each }}
76             </ul>
77         </div>
78     {{/if}}
79 </div>