Add extract progress bar

src/js/filemanager.js

@@ -130,13 +130,39 @@ app.controller('FileManagerController', ['$scope', '$timeout', 'Client', functio
         return '/' + filePath;
     }
 
+    $scope.extractStatus = {
+        error: null,
+        busy: false,
+        fileName: ''
+    };
+
     function extract(entry) {
         var filePath = sanitize($scope.cwd + '/' + entry.fileName);
 
         if (entry.isDirectory) return;
 
+        // prevent it from getting closed
+        $('#extractModal').modal({
+            backdrop: 'static',
+            keyboard: false
+        });
+
+        $scope.extractStatus.fileName = entry.fileName;
+        $scope.extractStatus.error = null;
+        $scope.extractStatus.busy = true;
+
         Client.filesExtract($scope.appId, filePath, function (error) {
-            if (error) return Client.error(error);
+            $scope.extractStatus.busy = false;
+
+            if (error) {
+                console.error(error);
+                $scope.extractStatus.error = 'Failed to extract: ' + error.message;
+                return;
+            }
+
+            $('#extractModal').modal('hide');
+
+            $scope.refresh();
         });
     }