Add web-ui based on previous code

21 files changed, 249 insertions, 0 deletions

diff --git a/web-ui/app/templates/compose/compose_box.hbs b/web-ui/app/templates/compose/compose_box.hbs
new file mode 100644
index 00000000..42efb30b
--- /dev/null
+++ b/web-ui/app/templates/compose/compose_box.hbs
@@ -0,0 +1,23 @@
+<button class="close-mail-button">
+  <i class="fa fa-times"></i>
+</button>
+<div class="tip-msg">
+    <i class="fa fa-lightbulb-o"></i>{{t "Don't worry about recipients right now, you'll be able to add them just before sending." }}
+</div>
+<input type="text" id="subject" value="{{subject}}" placeholder="{{t 'Subject'}}" tabindex="1"/>
+<textarea id="text-box" placeholder="{{t 'Body'}}" tabindex="2">{{body}}</textarea>
+
+{{> recipients }}
+
+<div class="clearfix">
+    <a id="to-trigger" class="hide">{{t 'To'}}</a>
+    <a id="ccs-trigger" class="hide">{{t 'CC'}}</a>
+    <a id="bccs-trigger" class="hide">{{t 'BCC'}}</a>
+</div>
+
+<div class="buttons-group columns">
+  <button id="send-button" tabindex="6">{{t 'send-button'}}<i class="fa fa-send"></i></button>
+  <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
+  <button id="draft-button">{{t 'draft-button'}}<i class="fa fa-pencil"></i></button>
+  <div id="draft-save-status"></div>
+</div>
diff --git a/web-ui/app/templates/compose/fixed_recipient.hbs b/web-ui/app/templates/compose/fixed_recipient.hbs
new file mode 100644
index 00000000..2f773c76
--- /dev/null
+++ b/web-ui/app/templates/compose/fixed_recipient.hbs
@@ -0,0 +1,6 @@
+<div class="fixed-recipient">
+  <span class="recipient-area">
+    <div class="recipient-value">{{ address }}</div>
+  </span>
+  <input type="hidden" value="{{ address }}" name="{{ name }}" />
+</div>
diff --git a/web-ui/app/templates/compose/inline_box.hbs b/web-ui/app/templates/compose/inline_box.hbs
new file mode 100644
index 00000000..eb339c21
--- /dev/null
+++ b/web-ui/app/templates/compose/inline_box.hbs
@@ -0,0 +1,18 @@
+<div id="subject-container">
+  <h4 id="reply-subject">{{subject}}</h4>
+  <input type="text" value="{{subject}}" style="display: none"/>
+</div>
+<textarea id="text-box" placeholder="{{t 'Body'}}" tabindex=1>{{body}}</textarea>
+
+<a id="all-recipients" tabindex=2>
+  <strong>{{t 'To'}}:</strong> {{formatRecipients recipients}}
+</a>
+
+{{> recipients }}
+
+<div class="buttons-group columns">
+  <button id="send-button" tabindex=6>{{t 'send-button'}}<i class="fa fa-send"></i></button>
+  <button id="trash-button" tabindex=7>{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
+  <button id="draft-button">{{t 'draft-button'}}<i class="fa fa-pencil"></i></button>
+  <div id="draft-save-status"></div>
+</div>
diff --git a/web-ui/app/templates/compose/recipient_input.hbs b/web-ui/app/templates/compose/recipient_input.hbs
new file mode 100644
index 00000000..9416f11f
--- /dev/null
+++ b/web-ui/app/templates/compose/recipient_input.hbs
@@ -0,0 +1 @@
+<input type="text" />
diff --git a/web-ui/app/templates/compose/recipients.hbs b/web-ui/app/templates/compose/recipients.hbs
new file mode 100644
index 00000000..6ec29ae5
--- /dev/null
+++ b/web-ui/app/templates/compose/recipients.hbs
@@ -0,0 +1,19 @@
+<div id="recipients-fields" style="display:none">
+    <div id='recipients-to-area' class="recipients-area input-container columns large-12 no-padding">
+        <input class="recipients-navigation-handler"/>
+        <label class="column large-1">{{t 'TO'}}: </label>
+        <input type="text" tabindex="3"/>
+    </div>
+
+    <div id="recipients-cc-area" class="recipients-area input-container columns large-12 no-padding">
+        <input class="recipients-navigation-handler"/>
+        <label class="column large-1">{{t 'CC'}}: </label>
+        <input type="text" tabindex="4"/>
+    </div>
+
+    <div id="recipients-bcc-area" class="recipients-area input-container columns large-12 no-padding">
+        <input class="recipients-navigation-handler"/>
+        <label class="column large-1">{{t 'BCC'}}: </label>
+        <input type="text" tabindex="5"/>
+    </div>
+</div>
\ No newline at end of file
diff --git a/web-ui/app/templates/compose/reply_section.hbs b/web-ui/app/templates/compose/reply_section.hbs
new file mode 100644
index 00000000..9e833ffe
--- /dev/null
+++ b/web-ui/app/templates/compose/reply_section.hbs
@@ -0,0 +1,6 @@
+<div class="reply-container columns small-12 large-12">
+  <button id="reply-button" class="column small-12 large-4">{{t 'Reply'}} <i class="fa fa-reply"></i></button>
+  <button id="reply-all-button" class="column small-12 large-4">{{t 'Reply to All'}} <i class="fa fa-reply-all"></i></button>
+  <button id="forward-button" class="column small-12 large-4">{{t 'Forward'}} <i class="fa fa-mail-forward"></i></button>
+  <div id="reply-box" style="display:none"></div>
+</div>
diff --git a/web-ui/app/templates/mail_actions/actions_box.hbs b/web-ui/app/templates/mail_actions/actions_box.hbs
new file mode 100644
index 00000000..b6dc2f53
--- /dev/null
+++ b/web-ui/app/templates/mail_actions/actions_box.hbs
@@ -0,0 +1,6 @@
+<li><input type="checkbox" id="toggle-check-all-emails"/></li>
+<li><input type="button" id="mark-selected-as-read" value="{{t 'Mark as read'}}" disabled="disabled"/></li>
+<li><input type="button" id="mark-selected-as-unread" value="{{t 'Mark as unread'}}" disabled="disabled"/></li>
+<li><input type="button" id="delete-selected" value="{{t 'Delete'}}" disabled="disabled"/></li>
+<li id="pagination-trigger" class="right"></li>
+<li id="refresh-trigger" class="right"></li>
diff --git a/web-ui/app/templates/mail_actions/compose_trigger.hbs b/web-ui/app/templates/mail_actions/compose_trigger.hbs
new file mode 100644
index 00000000..ccdb4df0
--- /dev/null
+++ b/web-ui/app/templates/mail_actions/compose_trigger.hbs
@@ -0,0 +1,3 @@
+<div id="compose-mails-trigger">
+  {{t 'compose' }}
+</div>
diff --git a/web-ui/app/templates/mail_actions/pagination_trigger.hbs b/web-ui/app/templates/mail_actions/pagination_trigger.hbs
new file mode 100644
index 00000000..cbd8a089
--- /dev/null
+++ b/web-ui/app/templates/mail_actions/pagination_trigger.hbs
@@ -0,0 +1,3 @@
+<span id="left-arrow"><i class="fa fa-angle-left"></i></span>
+<span id="current-page">{{ currentPage }}</span>
+<span id="right-arrow"><i class="fa fa-angle-right"></i></span>
diff --git a/web-ui/app/templates/mail_actions/refresh_trigger.hbs b/web-ui/app/templates/mail_actions/refresh_trigger.hbs
new file mode 100644
index 00000000..68685442
--- /dev/null
+++ b/web-ui/app/templates/mail_actions/refresh_trigger.hbs
@@ -0,0 +1,3 @@
+<div id="refresh-mails-trigger">
+  <i class="fa fa-refresh"></i>
+</div>
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>
diff --git a/web-ui/app/templates/no_message_selected.hbs b/web-ui/app/templates/no_message_selected.hbs
new file mode 100644
index 00000000..0442192d
--- /dev/null
+++ b/web-ui/app/templates/no_message_selected.hbs
@@ -0,0 +1,3 @@
+<div class="scene">
+  <div class="text">{{t 'NOTHING SELECTED'}}.</div>
+</div>
diff --git a/web-ui/app/templates/search/search_trigger.hbs b/web-ui/app/templates/search/search_trigger.hbs
new file mode 100644
index 00000000..fbf24170
--- /dev/null
+++ b/web-ui/app/templates/search/search_trigger.hbs
@@ -0,0 +1,3 @@
+<form>
+  <input type="search" placeholder="{{t 'Search...'}}"></input>
+</form>
diff --git a/web-ui/app/templates/tags/shortcut.hbs b/web-ui/app/templates/tags/shortcut.hbs
new file mode 100644
index 00000000..49ddfdb2
--- /dev/null
+++ b/web-ui/app/templates/tags/shortcut.hbs
@@ -0,0 +1,9 @@
+<li>
+  <a title="{{ tagName }}">
+    {{#if displayBadge }}
+        <span class="{{ badgeType }}-count">{{ count }}</span>
+    {{/if}}
+      <i class="fa fa-{{ icon }}"></i>
+      <div class="shortcut-label">{{ tagName }}</div>
+  </a>
+</li>
\ No newline at end of file
diff --git a/web-ui/app/templates/tags/tag.hbs b/web-ui/app/templates/tags/tag.hbs
new file mode 100644
index 00000000..c645f782
--- /dev/null
+++ b/web-ui/app/templates/tags/tag.hbs
@@ -0,0 +1,3 @@
+<li id="tag-{{ ident }}">
+  {{> tag_inner }}
+</li>
diff --git a/web-ui/app/templates/tags/tag_inner.hbs b/web-ui/app/templates/tags/tag_inner.hbs
new file mode 100644
index 00000000..2e0958cb
--- /dev/null
+++ b/web-ui/app/templates/tags/tag_inner.hbs
@@ -0,0 +1,4 @@
+{{ tagName }}
+{{#if displayBadge }}
+<span class="{{ badgeType }}-count">{{ count }}</span>
+{{/if}}
diff --git a/web-ui/app/templates/tags/tag_list.hbs b/web-ui/app/templates/tags/tag_list.hbs
new file mode 100644
index 00000000..e2e97833
--- /dev/null
+++ b/web-ui/app/templates/tags/tag_list.hbs
@@ -0,0 +1,3 @@
+<ul id="default-tag-list"></ul>
+<h3>{{t 'Tags'}}</h3>
+<ul id="custom-tag-list"></ul>
diff --git a/web-ui/app/templates/user_alerts/message.hbs b/web-ui/app/templates/user_alerts/message.hbs
new file mode 100644
index 00000000..d2fff04a
--- /dev/null
+++ b/web-ui/app/templates/user_alerts/message.hbs
@@ -0,0 +1 @@
+<span>{{ message }}</span>