diff options
author | NavaL <mnandri@thoughtworks.com> | 2015-12-22 18:58:57 +0100 |
---|---|---|
committer | NavaL <mnandri@thoughtworks.com> | 2015-12-22 19:05:10 +0100 |
commit | ec3a7f46f16c32bbaf22a14a92a890e1ab900e94 (patch) | |
tree | 4e900828ccbc1d7be63b73d5e6253acc40e901aa /web-ui/app/templates/compose | |
parent | 4cb47c1848bb5d20b5ae167a7ab2879d00825f84 (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.hbs | 34 |
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> |