From 2c576f83b37525c4f2e351f689366f2db75256d3 Mon Sep 17 00:00:00 2001
From: baron_l <baron_l@epitech.eu>
Date: Sun, 28 Apr 2019 23:02:39 +0200
Subject: [PATCH] fix(storidge): update 9 - add drive button will now change
 only for the concerned drive

---
 .../drives-datatable/storidgeDrivesDatatable.html           | 6 +++---
 .../components/drives-datatable/storidgeDrivesDatatable.js  | 3 ++-
 app/extensions/storidge/views/drives/drives.html            | 1 +
 app/extensions/storidge/views/drives/drivesController.js    | 5 ++++-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.html b/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.html
index c056b10ff..ed46b9a5d 100644
--- a/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.html
+++ b/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.html
@@ -88,9 +88,9 @@
               </td>
               <td>
                 <button ng-if="item.Status === 'available'" type="button" class="btn btn-sm btn-primary btn-datatable"
-                  ng-click="$ctrl.addAction(item)" button-spinner="$ctrl.actionInProgress" ng-disabled="$ctrl.actionInProgress">
-                  <span ng-hide="$ctrl.actionInProgress"><i class="fa fa-plus space-right" aria-hidden="true"></i>Add to storage pool</span>
-                  <span ng-show="$ctrl.actionInProgress">Addition in progress...</span>
+                  ng-click="$ctrl.addAction(item, $index)" button-spinner="$ctrl.additionInProgress[$index]" ng-disabled="$ctrl.actionInProgress">
+                  <span ng-hide="$ctrl.additionInProgress[$index]"><i class="fa fa-plus space-right" aria-hidden="true"></i>Add to storage pool</span>
+                  <span ng-show="$ctrl.additionInProgress[$index]">Addition in progress...</span>
                 </button>
               </td>
             </tr>
diff --git a/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.js b/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.js
index 1ed36c089..9e236ce7c 100644
--- a/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.js
+++ b/app/extensions/storidge/components/drives-datatable/storidgeDrivesDatatable.js
@@ -11,6 +11,7 @@ angular.module('extension.storidge').component('storidgeDrivesDatatable', {
     removeAction: '<',
     addAction: '<',
     rescanAction: '<',
-    actionInProgress: '<'
+    actionInProgress: '<',
+    additionInProgress: '<'
   }
 });
diff --git a/app/extensions/storidge/views/drives/drives.html b/app/extensions/storidge/views/drives/drives.html
index 06d35072b..58cf2182c 100644
--- a/app/extensions/storidge/views/drives/drives.html
+++ b/app/extensions/storidge/views/drives/drives.html
@@ -18,6 +18,7 @@
     rescan-action="rescanAction"
     add-action="addAction"
     action-in-progress="state.actionInProgress"
+    addition-in-progress="state.additionInProgress"
     ></storidge-drives-datatable>
   </div>
 </div>
diff --git a/app/extensions/storidge/views/drives/drivesController.js b/app/extensions/storidge/views/drives/drivesController.js
index 73ea85537..837433240 100644
--- a/app/extensions/storidge/views/drives/drivesController.js
+++ b/app/extensions/storidge/views/drives/drivesController.js
@@ -3,10 +3,12 @@ angular.module('extension.storidge')
 function ($scope, $state, Notifications, StoridgeDriveService) {
 
   $scope.state = {
+    additionInProgress: [],
     actionInProgress: false
   };
 
-  $scope.addAction = function (drive) {
+  $scope.addAction = function (drive, idx) {
+    $scope.state.additionInProgress[idx] = true;
     $scope.state.actionInProgress = true;
     StoridgeDriveService.add(drive.Device, drive.Node)
     .then(function success() {
@@ -17,6 +19,7 @@ function ($scope, $state, Notifications, StoridgeDriveService) {
       Notifications.error('Failure', err, 'Unable to add drive');
     })
     .finally(function final() {
+      $scope.state.additionInProgress[idx] = false;
       $scope.state.actionInProgress = false;
     });
   };