collection management: delete collection

Author: baslr

README.md

@@ -31,6 +31,7 @@ ArangoDB-view is a poc webinterface for [ArangoDB](http://github.com/arangodb/ar
     * compaction y/n
     * journal size
     * index buckets
+  * delete collections
 
 #### whats next?
 * link _from / _to

public/manage/collectionsController.js

@@ -151,6 +151,15 @@ define(['app'], function (_app) {
         scope.loadColDetails(col, true);
       });
     };
+
+    scope.dropCol = function (col, ev) {
+      ev.stopPropagation();
+      if (!confirm('delete collection ' + col.name + '?')) return;
+      http.delete('/_db/' + params.currentDatabase + '/_api/collection/' + col.name).then(function () {
+        scope.reloadCollections();
+        messageBroker.pub('collections.reload');
+      });
+    };
   });
 
   _app2.default.controller('collectionsController', angularModule);

public/manage/collectionsView.html

@@ -95,7 +95,7 @@
   </div>
 </form>
 
-<table class="table table-sm">
+<table class="table table-sm table-hover">
 <tbody>
   <tr data-ng-repeat-start="col in collections | orderBy:orderCollection" data-ng-click="loadColDetails(col, col.expanded = !col.expanded)" style="cursor: pointer;">
     <td>
@@ -112,7 +112,7 @@
       <i data-ng-if="col.isVolatile" class="fa fa-cloud" title="volatile"></i>
     </td> -->
     <td>{{col.name}}</td>
-    <td></td>
+    <td><button class="btn btn-secondary btn-sm" title="delete collection {{col.name}}" data-ng-click="dropCol(col, $event)"><i class="fa fa-trash"></i></button></td>
   </tr>
   <tr data-ng-repeat-end data-ng-if="col.expanded">
     <td colspan="100%">

src/src/manage/collectionsController.js

@@ -124,6 +124,15 @@ angularModule.push((scope, http, params, messageBroker, formatService, q) => {
       scope.loadColDetails(col, true);
     });
   };
+
+  scope.dropCol = (col, ev) => {
+    ev.stopPropagation();
+    if (! confirm(`delete collection ${col.name}?`)) return;
+    http.delete(`/_db/${params.currentDatabase}/_api/collection/${col.name}`).then(() => {
+      scope.reloadCollections();
+      messageBroker.pub('collections.reload');
+    });
+  }
 });
 
 app.controller('collectionsController', angularModule);

src/src/manage/collectionsView.html

@@ -95,7 +95,7 @@
   </div>
 </form>
 
-<table class="table table-sm">
+<table class="table table-sm table-hover">
 <tbody>
   <tr data-ng-repeat-start="col in collections | orderBy:orderCollection" data-ng-click="loadColDetails(col, col.expanded = !col.expanded)" style="cursor: pointer;">
     <td>
@@ -112,7 +112,7 @@
       <i data-ng-if="col.isVolatile" class="fa fa-cloud" title="volatile"></i>
     </td> -->
     <td>{{col.name}}</td>
-    <td></td>
+    <td><button class="btn btn-secondary btn-sm" title="delete collection {{col.name}}" data-ng-click="dropCol(col, $event)"><i class="fa fa-trash"></i></button></td>
   </tr>
   <tr data-ng-repeat-end data-ng-if="col.expanded">
     <td colspan="100%">