nodes view

js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs

@@ -37,6 +37,7 @@
           <% } %>
           <% if (scaleProperties.coordsPending && scaling === true) { %>
             <span class="warning"><span> <%= scaleProperties.coordsPending %> </span><i class="fa fa-circle-o-notch fa-spin"></i></span>
+            <button class="abortClusterPlan button-navbar button-default">Abort</button>
           <% } %>
         </div>
       </div>
@@ -112,6 +113,7 @@
             <% } %>
             <% if (scaleProperties.dbsPending && scaling === true) { %>
               <span class="warning"><span> <%= scaleProperties.dbsPending %> </span><i class="fa fa-circle-o-notch fa-spin"></i></span>
+              <button class="abortClusterPlan button-navbar button-default">Abort</button>
             <% } %>
           </div>
 

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

@@ -16,6 +16,7 @@
       'click #removeCoord': 'removeCoord',
       'click #addDBs': 'addDBs',
       'click #removeDBs': 'removeDBs',
+      'click .abortClusterPlan': 'abortClusterPlanModal',
       'keyup #plannedCoords': 'checkKey',
       'keyup #plannedDBs': 'checkKey'
     },
@@ -225,13 +226,45 @@
       });
     },
 
+    abortClusterPlanModal: function () {
+      var buttons = []; var tableContent = [];
+      tableContent.push(
+        window.modalView.createReadOnlyEntry(
+          'plan-abort-button',
+          'Caution',
+          'You are aborting the planned cluster plan. All pending servers are going to be removed. Continue?',
+          undefined,
+          undefined,
+          false,
+          /[<>&'"]/
+        )
+      );
+      buttons.push(
+        window.modalView.createSuccessButton('Yes', this.abortClusterPlan.bind(this))
+      );
+      window.modalView.show('modalTable.ejs', 'Modify Cluster Size', buttons, tableContent);
+    },
+
+    abortClusterPlan: function () {
+      window.modalView.hide();
+      try {
+        var coords = JSON.parse($('#infoCoords > .positive > span').text());
+        var dbs = JSON.parse($('#infoDBs > .positive > span').text());
+        this.setCoordSize(coords);
+        this.setDBsSize(dbs);
+      } catch (ignore) {
+        console.log(ignore);
+        arangoHelper.arangoError('Plan', 'Could not abort Cluster Plan');
+      }
+    },
+
     renderCounts: function (scale, callback) {
       var self = this;
-
       var renderFunc = function (id, ok, pending, error) {
         var string = '<span class="positive"><span>' + ok + '</span><i class="fa fa-check-circle"></i></span>';
         if (pending && scale === true) {
-          string = string + '<span class="warning"><span>' + pending + '</span><i class="fa fa-circle-o-notch fa-spin"></i></span>';
+          string = string + '<span class="warning"><span>' + pending +
+            '</span><i class="fa fa-circle-o-notch fa-spin"></i></span><button class="abortClusterPlan button-navbar button-default">Abort</button>';
         }
         if (error) {
           string = string + '<span class="negative"><span>' + error + '</span><i class="fa fa-exclamation-circle"></i></span>';

js/apps/system/_admin/aardvark/APP/frontend/scss/_abstracts.scss

@@ -195,6 +195,16 @@
   }
 }
 
+%default {
+  background-color: $c-white;
+
+  &:hover,
+  &:focus {
+    background-color: $c-neutral;
+    color: $c-white;
+  }
+}
+
 %icon-neutral {
   color: $c-neutral;
 

js/apps/system/_admin/aardvark/APP/frontend/scss/_buttons.scss

@@ -58,6 +58,10 @@
   @extend %info;
 }
 
+.button-navbar {
+  margin-top: -5px;
+}
+
 [class^='button-']:disabled,
 button.disabled,
 [class*=' button-']:disabled {
@@ -86,6 +90,12 @@ button.disabled,
   @extend %neutral;
 }
 
+.button-default {
+  @extend %btn;
+  @extend %default;
+  color: $c-black;
+}
+
 .addButton {
   @extend %clickable;
   @extend %icon-positive;