From ec3a7f46f16c32bbaf22a14a92a890e1ab900e94 Mon Sep 17 00:00:00 2001
From: NavaL <mnandri@thoughtworks.com>
Date: Tue, 22 Dec 2015 18:58:57 +0100
Subject: front-end for sending attachments Issue #548

---
 web-ui/app/templates/compose/compose_box.hbs | 34 +++++++++++++++++++++-------
 1 file changed, 26 insertions(+), 8 deletions(-)

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

diff --git a/web-ui/app/templates/compose/compose_box.hbs b/web-ui/app/templates/compose/compose_box.hbs
index 6a703820..ea14e4fe 100644
--- a/web-ui/app/templates/compose/compose_box.hbs
+++ b/web-ui/app/templates/compose/compose_box.hbs
@@ -7,20 +7,38 @@
 </div>
 
 <button class="close-mail-button">
-  <i class="fa fa-times"></i>
+    <i class="fa fa-times"></i>
 </button>
 <div class="floatlabel">
-  <label class="floatlabel" for="subject">Subject</label>
-  <input class="floatlabel" name="subject" type="text" id="subject" value="{{subject}}" placeholder="{{t 'Subject'}}" tabindex="4"/>
+    <label class="floatlabel" for="subject">Subject</label>
+    <input class="floatlabel" name="subject" type="text" id="subject" value="{{subject}}" placeholder="{{t 'Subject'}}"
+           tabindex="4"/>
 </div>
 <div class="floatlabel">
-  <label class="floatlabel" for="body">Body</label>
-  <textarea class="floatlabel" name="body" id="text-box" placeholder="{{t 'Body'}}" tabindex="5">{{body}}</textarea>
+    <label class="floatlabel" for="body">Body</label>
+    <textarea class="floatlabel" name="body" id="text-box" placeholder="{{t 'Body'}}" tabindex="5">{{body}}</textarea>
 </div>
 
 <div class="buttons-group columns">
-  <button id="send-button" tabindex="6"><i class="fa fa-send"></i></button>
-  <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
-  <div id="draft-save-status"></div>
+    <span class="btn btn-success fileinput-button">
+        <!-- The file input field used as target for the file upload widget -->
+        <input id="fileupload" type="file" name="attachment">
+    </span>
+    <br>
+    <br>
+    <!-- The global progress bar -->
+    <div id="progress" class="progress">
+        <div class="progress-bar progress-bar-success"></div>
+    </div>
+    <!-- The container for the uploaded files -->
+    <div id="files" class="files"></div>
+    <br>
+</div>
+
+<div class="buttons-group columns">
+    <button id="send-button" tabindex="6"><i class="fa fa-send"></i></button>
+    <span id="attachment-button" tabindex="6"></span>
+    <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
+    <div id="draft-save-status"></div>
 </div>
 
-- 
cgit v1.2.3