From 86591cf1a65964739057197d980324f82040d260 Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@gmail.com>
Date: Sun, 30 Sep 2018 09:31:24 +0300
Subject: [PATCH] feat(host-details): add loading indicator to disks panel

---
 .../host-view-panels/devices-panel/devices-panel.html  |  4 ++--
 .../host-view-panels/disks-panel/disks-panel.html      | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/docker/components/host-view-panels/devices-panel/devices-panel.html b/app/docker/components/host-view-panels/devices-panel/devices-panel.html
index 2de933a11..5279f4ac1 100644
--- a/app/docker/components/host-view-panels/devices-panel/devices-panel.html
+++ b/app/docker/components/host-view-panels/devices-panel/devices-panel.html
@@ -16,10 +16,10 @@
               <td>{{device.Vendor}}</td>
             </tr>
             <tr ng-if="!$ctrl.devices">
-              <td colspan="6" class="text-center text-muted">Loading...</td>
+              <td colspan="2" class="text-center text-muted">Loading...</td>
             </tr>
             <tr ng-if="$ctrl.devices.length === 0">
-              <td colspan="6" class="text-center text-muted">
+              <td colspan="2" class="text-center text-muted">
                 No device available.
               </td>
             </tr>
diff --git a/app/docker/components/host-view-panels/disks-panel/disks-panel.html b/app/docker/components/host-view-panels/disks-panel/disks-panel.html
index c72749e26..632f07151 100644
--- a/app/docker/components/host-view-panels/disks-panel/disks-panel.html
+++ b/app/docker/components/host-view-panels/disks-panel/disks-panel.html
@@ -11,10 +11,18 @@
             </tr>
           </thead>
           <tbody>
-            <tr ng-repeat="disk in $ctrl.disks">
+            <tr ng-if="$ctrl.disks" ng-repeat="disk in $ctrl.disks">
               <td>{{disk.Vendor}}</td>
               <td>{{disk.Size | humansize}}</td>
             </tr>
+            <tr ng-if="!$ctrl.disks">
+              <td colspan="2" class="text-center text-muted">Loading...</td>
+            </tr>
+            <tr ng-if="$ctrl.disks.length === 0">
+              <td colspan="2" class="text-center text-muted">
+                No disks available.
+              </td>
+            </tr>
           </tbody>
         </table>
       </rd-widget-body>