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/compose/compose_box.hbs     | 23 +++++++++++++++++++++++
 web-ui/app/templates/compose/fixed_recipient.hbs |  6 ++++++
 web-ui/app/templates/compose/inline_box.hbs      | 18 ++++++++++++++++++
 web-ui/app/templates/compose/recipient_input.hbs |  1 +
 web-ui/app/templates/compose/recipients.hbs      | 19 +++++++++++++++++++
 web-ui/app/templates/compose/reply_section.hbs   |  6 ++++++
 6 files changed, 73 insertions(+)
 create mode 100644 web-ui/app/templates/compose/compose_box.hbs
 create mode 100644 web-ui/app/templates/compose/fixed_recipient.hbs
 create mode 100644 web-ui/app/templates/compose/inline_box.hbs
 create mode 100644 web-ui/app/templates/compose/recipient_input.hbs
 create mode 100644 web-ui/app/templates/compose/recipients.hbs
 create mode 100644 web-ui/app/templates/compose/reply_section.hbs

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

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