diff options
Diffstat (limited to 'web-ui/public/templates/mails')
-rw-r--r-- | web-ui/public/templates/mails/draft.hbs | 41 | ||||
-rw-r--r-- | web-ui/public/templates/mails/full_view.hbs | 83 | ||||
-rw-r--r-- | web-ui/public/templates/mails/mail_actions.hbs | 6 | ||||
-rw-r--r-- | web-ui/public/templates/mails/sent.hbs | 36 | ||||
-rw-r--r-- | web-ui/public/templates/mails/single.hbs | 28 | ||||
-rw-r--r-- | web-ui/public/templates/mails/trash.hbs | 32 |
6 files changed, 226 insertions, 0 deletions
diff --git a/web-ui/public/templates/mails/draft.hbs b/web-ui/public/templates/mails/draft.hbs new file mode 100644 index 00000000..808ce3ff --- /dev/null +++ b/web-ui/public/templates/mails/draft.hbs @@ -0,0 +1,41 @@ +<div class="mail-list-entry__checkbox"> + <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} /> +</div> + +<a class="mail-list-entry__item" href="/#/{{ currentTag }}/mail/{{ ident }}"> + <div> + <div class="mail-list-entry__item-from"> + {{t 'to'}}: + {{#if header.to }} + {{ header.to }} + {{else}} + {{t 'no-recipient'}} + {{/if}} + </div> <!-- /.mail-list-entry__item-from --> + + <span class="mail-list-entry__item-date">{{ formatDate header.date }}</span> <!-- /.mail-list-entry__item-date --> + </div> + <div> + <div class="mail-list-entry__item-subject"> + <i class="mail-list-entry__item-subject-icon fa fa-pencil"></i> + {{#if header.subject }} + {{header.subject}} + {{else}} + {{t 'no-subject'}} + {{/if}} + </div> + + {{#if attachments}} + <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div> + {{/if}} + </div> + <ul class="mail-list-entry__item-tags"> + {{#each tagsForListView }} + <li class="mail-list-entry__item-tags-tag" data-tag="{{this}}">{{ this }}</li> + {{/each }} + </ul> <!-- /.mail-list-entry__item-tags --> +</a> + + + + diff --git a/web-ui/public/templates/mails/full_view.hbs b/web-ui/public/templates/mails/full_view.hbs new file mode 100644 index 00000000..40bfd4a2 --- /dev/null +++ b/web-ui/public/templates/mails/full_view.hbs @@ -0,0 +1,83 @@ +<button class="close-mail-button"> + <i class="fa fa-times"></i> +</button> + +<div id="fullView-{{ ident }}" class="mail-read-view {{statuses}}"> + <header class="mail-read-view__header row"> + + <!-- TODO --> + <div class="column large-12 no-padding security-status"> + {{#if signatureStatus}} + <span class="security-status__label {{ signatureStatus.cssClass }}"> + {{t signatureStatus.label }} + </span> + {{/if}} + {{#if encryptionStatus}} + <span class="security-status__label {{ encryptionStatus.cssClass }}"> + {{t encryptionStatus.label }} + </span> + {{/if}} + </div> + + <div class="mail-read-view__header-recipients"> + <span class="mail-read-view__header-recipients--highlight-sender"> + {{#if header.from }} + {{ header.from }} + {{else}} + {{t 'you'}} + {{/if}} + </span> + <i class="fa fa-long-arrow-right"></i> + {{{formatRecipients header}}} + </div> + + <div class="mail-read-view__header-date"> + {{ formatDate header.date }} + </div> + + <hr> + + <div class="mail-read-view__header-subject"> + <h3>{{ header.subject }}</h3> + </div> + + <nav id="mail-actions" class="mail-read-view__header-actions"></nav> + + <ul class="mail-read-view__header-tags"> + <li class="mail-read-view__header-tags-label"> + <i class="fa fa-tags"></i> + </li> + + {{#each tags }} + <li class="mail-read-view__header-tags-tag" data-tag="{{this}}">{{ this }}</li> + {{/each }} + + <li class="mail-read-view__header-tags-name-input"> + <input type="text" id="new-tag-input" placeholder="{{t 'add-tag-placeholder'}}" + /> + </li> + + <li class="mail-read-view__header-tags-new-button"> + <button id="new-tag-button" class="no-style"><i class="fa fa-plus"></i></button> + </li> + </ul> + </header> + + <iframe class="mail-read-view__body" id="read-sandbox" sandbox="allow-popups allow-scripts" src="sandbox/sandbox.html" scrolling="no"></iframe> + + {{#if attachments}} + <hr> + + <div id="attachmentsArea" class="mail-read-view__attachments"> + <p class="mail-read-view__attachments-header"><i class="fa fa-paperclip"></i> {{ attachments.length }} attachment(s):</p> + <ul> + {{#each attachments }} + <li class="mail-read-view__attachments-item"> + <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}}) + <i class="fa fa-arrow-down mail-read-view__attachments-item-download"></i></a> + </li> + {{/each }} + </ul> + </div> + {{/if}} +</div> diff --git a/web-ui/public/templates/mails/mail_actions.hbs b/web-ui/public/templates/mails/mail_actions.hbs new file mode 100644 index 00000000..0adfe853 --- /dev/null +++ b/web-ui/public/templates/mails/mail_actions.hbs @@ -0,0 +1,6 @@ +<button id="reply-button-top" class="mail-read-view__header-actions-button mail-read-view__header-actions-button--reply"><i class="fa fa-reply"></i></button> +<button id="view-more-actions" class="mail-read-view__header-actions-button mail-read-view__header-actions-button--more"><i class="fa fa-caret-down"></i></button> +<ul id="more-actions" class="mail-read-view__header-actions-dropdown"> + <li id="reply-all-button-top" class="mail-read-view__header-actions-dropdown-entry">{{t 'reply-to-all'}}</li> + <li id="delete-button-top" class="mail-read-view__header-actions-dropdown-entry">{{t 'delete-this-message'}}</li> +</ul> diff --git a/web-ui/public/templates/mails/sent.hbs b/web-ui/public/templates/mails/sent.hbs new file mode 100644 index 00000000..158b20c8 --- /dev/null +++ b/web-ui/public/templates/mails/sent.hbs @@ -0,0 +1,36 @@ +<div class="mail-list-entry__checkbox"> + <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} /> +</div> +<a class="mail-list-entry__item" href="/#/{{ currentTag }}/mail/{{ ident }}"> + <div> + <div class="mail-list-entry__item-from"> + {{t 'to'}}: + {{#if header.to }} + {{ header.to }} + {{else}} + {{t 'no-recipient'}} + {{/if}} + </div> <!-- /.mail-list-entry__item-from --> + + <span class="mail-list-entry__item-date">{{ formatDate header.date }}</span> <!-- /.mail-list-entry__item-date --> + </div> + <div> + <div class="mail-list-entry__item-subject"> + {{#if header.subject }} + {{header.subject}} + {{else}} + {{t 'no-subject'}} + {{/if}} + </div> + + {{#if attachments}} + <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div> + {{/if}} + </div> + <ul class="mail-list-entry__item-tags"> + {{#each tagsForListView }} + <li class="mail-list-entry__item-tags-tag" data-tag="{{this}}">{{ this }}</li> + {{/each }} + </ul> <!-- /.mail-list-entry__item-tags --> +</a> + diff --git a/web-ui/public/templates/mails/single.hbs b/web-ui/public/templates/mails/single.hbs new file mode 100644 index 00000000..aaede844 --- /dev/null +++ b/web-ui/public/templates/mails/single.hbs @@ -0,0 +1,28 @@ +<div class="mail-list-entry__checkbox"> + <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} /> +</div> +<a class="mail-list-entry__item" href="/#/{{ currentTag }}/mail/{{ ident }}"> + <div> + <div class="mail-list-entry__item-from"> + {{#if header.from }} + {{ header.from }} + {{else}} + {{t "you"}} + {{/if}} + </div> <!-- /.mail-list-entry__item-from --> + + <span class="mail-list-entry__item-date">{{ formatDate header.date }}</span> <!-- /.mail-list-entry__item-date --> + </div> + <div> + <div class="mail-list-entry__item-subject">{{ header.subject }}</div> + + {{#if attachments}} + <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div> + {{/if}} + </div> + <ul class="mail-list-entry__item-tags"> + {{#each tagsForListView }} + <li class="mail-list-entry__item-tags-tag" data-tag="{{this}}">{{ this }}</li> + {{/each }} + </ul> <!-- /.mail-list-entry__item-tags --> +</a> diff --git a/web-ui/public/templates/mails/trash.hbs b/web-ui/public/templates/mails/trash.hbs new file mode 100644 index 00000000..f8947b15 --- /dev/null +++ b/web-ui/public/templates/mails/trash.hbs @@ -0,0 +1,32 @@ +<div class="mail-list-entry__checkbox"> + <input type="checkbox" {{#if isChecked }}checked="true"{{/if}} /> +</div> +<a class="mail-list-entry__item" href="/#/{{ currentTag }}/mail/{{ ident }}"> + <div> + <div class="mail-list-entry__item-from"> + {{#if header.from }} + {{ header.from }} + {{else}} + {{t "you"}} + {{/if}} + </div> <!-- /.mail-list-entry__item-from --> + + <span class="mail-list-entry__item-date">{{ formatDate header.date }}</span> <!-- /.mail-list-entry__item-date --> + </div> + <div> + <div class="mail-list-entry__item-subject"> + <i class="mail-list-entry__item-subject-icon fa fa-trash-o"></i> + {{ header.subject }} + </div> + + {{#if attachments}} + <div class="mail-list-entry__item-attachment"><i class="fa fa-paperclip"></i></div> + {{/if}} + </div> + <ul class="mail-list-entry__item-tags"> + {{#each tagsForListView }} + <li class="mail-list-entry__item-tags-tag" data-tag="{{this}}">{{ this }}</li> + {{/each }} + </ul> <!-- /.mail-list-entry__item-tags --> +</a> + |