epic/play-with-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add progress bar

Browse Source
This commit is contained in:
Marcos Lilljedahl
2017-07-12 15:18:07 -03:00
parent e624ab1374
commit 32bbe01c87
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
www/assets/app.js
View File

@@ -31,11 +31,15 @@
$scope.newInstanceBtnText = '+ Add new instance'; $scope.newInstanceBtnText = '+ Add new instance';
$scope.deleteInstanceBtnText = 'Delete'; $scope.deleteInstanceBtnText = 'Delete';
$scope.isInstanceBeingDeleted = false; $scope.isInstanceBeingDeleted = false;
$scope.uploadProgress = 0;
$scope.uploadFiles = function (files) { $scope.uploadFiles = function (files) {
if (files && files.length) { if (files && files.length) {
for (var i = 0; i < files.length; i++) { 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);
});
} }
} }
} }

1
www/index.html
View File

@@ -106,6 +106,7 @@
<md-button class="md-warn md-raised" ng-click="deleteInstance(instance)" ng-disabled="isInstanceBeingDeleted">{{deleteInstanceBtnText}}</md-button> <md-button class="md-warn md-raised" ng-click="deleteInstance(instance)" ng-disabled="isInstanceBeingDeleted">{{deleteInstanceBtnText}}</md-button>
</md-card-actions> </md-card-actions>
</md-card> </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 flex md-theme="default" md-theme-watch >
<md-card-content flex id="terminal-{{instance.name}}" class="terminal-container"> <md-card-content flex id="terminal-{{instance.name}}" class="terminal-container">
</md-card-content> </md-card-content>