summaryrefslogtreecommitdiff
path: root/web-ui/app/templates/compose
diff options
context:
space:
mode:
authorNavaL <mnandri@thoughtworks.com>2015-12-22 18:58:57 +0100
committerNavaL <mnandri@thoughtworks.com>2015-12-22 19:05:10 +0100
commitec3a7f46f16c32bbaf22a14a92a890e1ab900e94 (patch)
tree4e900828ccbc1d7be63b73d5e6253acc40e901aa /web-ui/app/templates/compose
parent4cb47c1848bb5d20b5ae167a7ab2879d00825f84 (diff)
front-end for sending attachments
Issue #548
Diffstat (limited to 'web-ui/app/templates/compose')
-rw-r--r--web-ui/app/templates/compose/compose_box.hbs34
1 files changed, 26 insertions, 8 deletions
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>