From 04cf441c5ae18400c6b4865b0b37a71718dc9d46 Mon Sep 17 00:00:00 2001
From: Ola Bini <ola.bini@gmail.com>
Date: Thu, 31 Jul 2014 19:29:33 -0300
Subject: Add web-ui based on previous code

---
 web-ui/app/templates/mails/full_view.hbs    | 87 +++++++++++++++++++++++++++++
 web-ui/app/templates/mails/mail_actions.hbs |  6 ++
 web-ui/app/templates/mails/sent.hbs         | 23 ++++++++
 web-ui/app/templates/mails/single.hbs       | 19 +++++++
 4 files changed, 135 insertions(+)
 create mode 100644 web-ui/app/templates/mails/full_view.hbs
 create mode 100644 web-ui/app/templates/mails/mail_actions.hbs
 create mode 100644 web-ui/app/templates/mails/sent.hbs
 create mode 100644 web-ui/app/templates/mails/single.hbs

(limited to 'web-ui/app/templates/mails')

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>
-- 
cgit v1.2.3