Add web-ui based on previous code

1 files changed, 87 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>