summaryrefslogtreecommitdiff
path: root/web-ui/app/templates/mails
diff options
context:
space:
mode:
authorOla Bini <ola.bini@gmail.com>2014-07-31 19:29:33 -0300
committerOla Bini <ola.bini@gmail.com>2014-07-31 19:29:33 -0300
commit04cf441c5ae18400c6b4865b0b37a71718dc9d46 (patch)
treedd0b0d049ec00389e2d4561b226c46eb1682b997 /web-ui/app/templates/mails
parent639a663a4c37020003586438fdcd7ac529a00f10 (diff)
Add web-ui based on previous code
Diffstat (limited to 'web-ui/app/templates/mails')
-rw-r--r--web-ui/app/templates/mails/full_view.hbs87
-rw-r--r--web-ui/app/templates/mails/mail_actions.hbs6
-rw-r--r--web-ui/app/templates/mails/sent.hbs23
-rw-r--r--web-ui/app/templates/mails/single.hbs19
4 files changed, 135 insertions, 0 deletions
diff --git a/web-ui/app/templates/mails/full_view.hbs b/web-ui/app/templates/mails/full_view.hbs
new file mode 100644
index 00000000..a466308d
--- /dev/null
+++ b/web-ui/app/templates/mails/full_view.hbs
@@ -0,0 +1,87 @@
+
+<div id="fullView-{{ ident }}" class="{{statuses}}">
+
+ <header class="msg-header row">
+
+ <button class="close-mail-button">
+ <i class="fa fa-times"></i>
+ </button>
+
+
+ <div style="display:inline-block;padding-top: 5px;width:95%;flex-shrink:1" >
+
+ <div class="column large-10 no-padding security-status">
+ <span class="{{signatureStatus}}">
+ {{t signatureStatus }}
+ </span>
+ <span class="{{encryptionStatus}}">
+ {{t encryptionStatus }}
+ </span>
+ </div>
+ <div class="column large-2 no-padding text-right">
+ <span class="received-date">{{ header.formattedDate }}</span>
+ </div>
+ <div class="recipients column large-12 no-padding">
+ <span class="from">
+ {{#if header.from }}
+ {{ header.from }}
+ {{else}}
+ {{t 'you'}}
+ {{/if}}
+ </span>
+ <i class="fa fa-long-arrow-right"></i>
+ {{{formatRecipients header}}}
+ </div>
+
+ <div>
+ <h3 class="subjectArea column large-10 no-padding">
+ <span class="subject">{{ header.subject }}</span>
+
+ <div class="tagsArea">
+ <ul class="tags">
+ {{#each tags }}
+ <li class="tag" data-tag="{{this}}">{{ this }}</li>
+ {{/each }}
+
+ <li class="new-tag">
+ <input type="text" id="new-tag-input" placeholder="{{t 'Press Enter to create'}}"/>
+ </li>
+ <li class="add-new">
+ <button id="new-tag-button" class="no-style"><i class="fa fa-plus"></i></button>
+ </li>
+ </ul>
+ </div>
+ </h3>
+ <nav id="mail-actions" class="column large-2 no-padding">
+ </nav>
+ </div>
+
+ </div>
+ </header>
+
+ <div id="delete-modal" class="reveal-modal" data-reveal>
+ <p class="lead">{{t 'You are trying to delete the last tag on this message.'}}</p>
+
+ <p>{{t 'What would you like to do?'}}</p>
+ <button id="trash-button">{{t 'Trash message'}}</button>
+ <button id="archive-button">{{t 'Archive it'}}</button>
+ <span class="close-reveal-modal">&#215;</span>
+ <small><strong>{{t 'Trash:'}}</strong> {{t 'we will keep this message for 30 days, then delete it forever.'}}
+ </small>
+ <small>
+ <strong>{{t 'Archive:'}}</strong> {{t 'we will remove all the tags, but keep it in your account in case you need it.'}}
+ </small>
+ </div>
+
+ <div class="bodyArea column large-12">
+ {{#each body }}
+ <p>{{ this }}</p>
+ {{/each }}
+ </div>
+</div>
+<script>
+ (function () {
+ var height = $(".msg-header")[0].offsetHeight;
+ $(".bodyArea")[0].style.marginTop = height + 'px';
+ }());
+</script>
diff --git a/web-ui/app/templates/mails/mail_actions.hbs b/web-ui/app/templates/mails/mail_actions.hbs
new file mode 100644
index 00000000..8933db79
--- /dev/null
+++ b/web-ui/app/templates/mails/mail_actions.hbs
@@ -0,0 +1,6 @@
+<button id="reply-button-top" class="no-style"><i class="fa fa-reply"></i></button>
+<button id="view-more-actions" class="no-style"><i class="fa fa-caret-down"></i></button>
+<ul id="more-actions">
+ <li><span id="reply-all-button-top">{{t 'Reply to All'}}</span></li>
+ <li><span id="delete-button-top">{{t 'Trash this message'}}</span></li>
+</ul>
diff --git a/web-ui/app/templates/mails/sent.hbs b/web-ui/app/templates/mails/sent.hbs
new file mode 100644
index 00000000..826a66d5
--- /dev/null
+++ b/web-ui/app/templates/mails/sent.hbs
@@ -0,0 +1,23 @@
+<span>
+ <input type="checkbox"/>
+</span>
+<span>
+ <a href="/#/{{ tag }}/mail/{{ ident }}">
+ <span class="sent-date">{{ header.formattedDate }}</span>
+
+ <div class="from">{{t 'to:'}} {{#if header.to }}{{
+ header.to }}{{else}}{{t 'no_recipient'}}{{/if}}</div>
+ <div class="subject-and-tags">
+ <ul class="tags">
+ {{#each tagsForListView }}
+ <li class="tag" data-tag="{{this}}">{{ this }}</li>
+ {{/each }}
+ </ul>
+ {{#if header.subject }}
+ {{header.subject}}
+ {{else}}
+ {{t 'no_subject'}}
+ {{/if}}
+ </div>
+ </a>
+</span>
diff --git a/web-ui/app/templates/mails/single.hbs b/web-ui/app/templates/mails/single.hbs
new file mode 100644
index 00000000..9a054c79
--- /dev/null
+++ b/web-ui/app/templates/mails/single.hbs
@@ -0,0 +1,19 @@
+<span>
+ <input type="checkbox" {{#if isChecked }}checked="true"{{/if}}/>
+</span>
+<span>
+<a href="/#/{{ tag }}/mail/{{ ident }}">
+ <span class="received-date">{{ header.formattedDate }}</span>
+
+ <div class="from">{{#if header.from }}{{ header.from }}{{else}}{{t "you"}}{{/if}}</div>
+ <div class="subject-and-tags">
+ <ul class="tags">
+ {{#each tagsForListView }}
+ <li class="tag" data-tag="{{this}}">{{ this }}</li>
+ {{/each }}
+ </ul>
+
+ {{ header.subject }}
+ </div>
+</a>
+</span>