[UX] Added loading text for install/update/delete

Signed-off-by: Akash Ravi <akashkravi@gmail.com>

Author: techtocore

extension/js/methods.js

@@ -67,9 +67,13 @@ function update_packages(project) {
             }
             else
                 common.confirm("Update Packages", html, "Confirm", function () {
+                    $('#loadingtext').text("Updating Packages");
+                    $('#loadingview').show();
                     api.update_packages(packages, project, function () {
-                        scripts.package_view(project)
+                        $('#loadingview').hide();
+                        scripts.package_view(project);
                     }, function () {
+                        $('#loadingview').hide();
                         common.display_msg("Server Error", "The selected packages could not be updated. Please try again.");
                     });
                 });
@@ -100,9 +104,13 @@ function delete_packages(project) {
             html.append("<li>" + element + "</li>");
         }
         common.confirm("Delete Packages", html, "Confirm", function () {
+            $('#loadingtext').text("Removing Packages");
+            $('#loadingview').show();
             api.delete_packages(packages, project, function () {
-                scripts.package_view(project)
+                $('#loadingview').hide();
+                scripts.package_view(project);
             }, function () {
+                $('#loadingview').hide();
                 common.display_msg("Server Error", "The selected packages could not be removed. Please try again.");
             });
         });
@@ -126,9 +134,13 @@ function install_packages(project) {
             html.append("<li>" + element + "</li>");
         }
         common.confirm("Install Packages", html, "Confirm", function () {
+            $('#loadingtext').text("Removing Packages");
+            $('#loadingview').show();
             api.install_packages(toInstall, project, function () {
-                scripts.package_view(project)
+                $('#loadingview').hide();
+                scripts.package_view(project);
             }, function () {
+                $('#loadingview').hide();
                 common.display_msg("Server Error", "The selected packages could not be installed. Please try again.");
             });
         });

extension/js/scripts.js

@@ -12,6 +12,7 @@ function package_view(dir) {
     $('#loadingview').show();
     $('#installed-packages').empty();
     $('#to-install').empty();
+    $('#loadingtext').text("Loading Environment Information");
 
     api.get_info(dir, function (info) {
         var data = info.packages;

extension/js/templates/sidebar.html

@@ -10,7 +10,9 @@
         </div>
         <br>
         <div id="loadingview">
+            <br>
             <h2 id="loadingtext">Loading</h2>
+            <br>
         </div>
         <div id="packageview">
             <div class="main-content">