From 32bbe01c87a0ef591da3c23c0cf135bb6ccafeb4 Mon Sep 17 00:00:00 2001
From: Marcos Lilljedahl <marcosnils@gmail.com>
Date: Wed, 12 Jul 2017 15:18:07 -0300
Subject: [PATCH] Add progress bar

---
 www/assets/app.js | 6 +++++-
 www/index.html    | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/www/assets/app.js b/www/assets/app.js
index d8fc98f..c1e4a02 100644
--- a/www/assets/app.js
+++ b/www/assets/app.js
@@ -31,11 +31,15 @@
     $scope.newInstanceBtnText = '+ Add new instance';
     $scope.deleteInstanceBtnText = 'Delete';
     $scope.isInstanceBeingDeleted = false;
+    $scope.uploadProgress = 0;
 
     $scope.uploadFiles = function (files) {
         if (files && files.length) {
             for (var i = 0; i < files.length; i++) {
-                Upload.upload({url: '/sessions/' + $scope.sessionId + '/instances/' + $scope.selectedInstance.name + '/uploads', data: {file: files[i]}, method: 'POST'});
+                Upload.upload({url: '/sessions/' + $scope.sessionId + '/instances/' + $scope.selectedInstance.name + '/uploads', data: {file: files[i]}, method: 'POST'})
+                  .then(function(){}, function(){}, function(evt) {
+                    $scope.uploadProgress = parseInt(100.0 * evt.loaded / evt.total);
+                  });
             }
         }
     }
diff --git a/www/index.html b/www/index.html
index 0b926ed..aea1a6e 100644
--- a/www/index.html
+++ b/www/index.html
@@ -106,6 +106,7 @@
                           <md-button class="md-warn md-raised" ng-click="deleteInstance(instance)" ng-disabled="isInstanceBeingDeleted">{{deleteInstanceBtnText}}</md-button>
                           </md-card-actions>
                   </md-card>
+                  <md-progress-linear md-mode="determinate" ng-hide="uploadProgress == 0 || uploadProgress == 100" value="{{uploadProgress}}"></md-progress-linear>
                   <md-card flex md-theme="default" md-theme-watch >
                       <md-card-content flex id="terminal-{{instance.name}}" class="terminal-container">
                       </md-card-content>