web ui - collections now using async loading mechanism

js/apps/system/_admin/aardvark/APP/frontend/js/models/arangoCollectionModel.js

@@ -144,25 +144,25 @@
       });
     },
 
-    loadCollection: function () {
+    loadCollection: function (callback) {
-      var self = this;
+
-      window.progressView.showWithDelay(500, "Loading collection...");
       $.ajax({
         async: true,
         cache: false,
         type: 'PUT',
         url: "/_api/collection/" + this.get("id") + "/load",
         success: function () {
-          self.set("status", "loaded");
-          if (window.location.hash === "#collections") {
-            window.App.collectionsView.render();
-          }
           window.progressView.hide();
+          callback(false);
         },
         error: function () {
-          arangoHelper.arangoError('Collection error');
+          window.progressView.hide();
+          callback(true);
         }
       });
+
+      callback();
+
     },
 
     unloadCollection: function () {

js/apps/system/_admin/aardvark/APP/frontend/js/views/collectionsItemView.js

@@ -68,7 +68,29 @@
     },
 
     loadCollection: function () {
-      this.model.loadCollection();
+    
+      var loadCollectionCallback = function(error) {
+
+        if (error) {
+          arangoHelper.arangoError('Collection error');
+        }
+        else if (error === undefined) {
+          this.model.set("status", "loading");
+          this.render();
+        }
+        else {
+          if (window.location.hash === "#collections") {
+            this.model.set("status", "loaded");
+            this.render();
+          }
+          else {
+            arangoHelper.arangoNotification("Collection " + this.model.get("name") + " loaded.");
+          }
+        }
+
+      }.bind(this);
+
+      this.model.loadCollection(loadCollectionCallback);
       window.modalView.hide();
     },