From 168e54a17a86c327f51eb5fad446d6e2f41d7711 Mon Sep 17 00:00:00 2001
From: Felix Hammerl <fhammerl@thoughtworks.com>
Date: Tue, 2 Feb 2016 19:16:25 +0100
Subject: Display progress bar when an upload is in progress

Displays a progress bar when an upload is in progress and prohibits
uploading multiple attachments in parallel.
---
 web-ui/app/templates/compose/attachments_list.hbs | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

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

diff --git a/web-ui/app/templates/compose/attachments_list.hbs b/web-ui/app/templates/compose/attachments_list.hbs
index 936db2c9..639c395a 100644
--- a/web-ui/app/templates/compose/attachments_list.hbs
+++ b/web-ui/app/templates/compose/attachments_list.hbs
@@ -3,19 +3,23 @@
         <!-- The file input field used as target for the file upload widget -->
         <input id="fileupload" type="file" name="attachment">
     </span>
-    <!-- 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 class="attachmentsAreaWrap {{#unless attachments}}hide{{/unless}}">
         <div class="attachmentsArea column large-12">
             <ul id="attachment-list-item">
                 {{#each attachments }}
-                    {{> attachment_item this }} 
+                    {{> attachment_item this }}
                 {{/each }}
             </ul>
+            <ul id="attachment-upload-item">
+                <li>
+                    <a>Uploading...</a>
+                    <div id="attachment-upload-item-progress" class="progress">
+                        <div class="progress-bar"></div>
+                    </div>
+                </li>
+            </ul>
         </div>
     </div>
 
-- 
cgit v1.2.3