Add Fans table to hardware status page

Add Fan items at /redfish/v1/Chassis/chassis/Thermal endpoint
to table with expansion row to view details.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1f69e30748f8dec62647468c4fd2e5b3947716d9
diff --git a/src/views/Health/HardwareStatus/HardwareStatus.vue b/src/views/Health/HardwareStatus/HardwareStatus.vue
index 4d29a3d..c104ea3 100644
--- a/src/views/Health/HardwareStatus/HardwareStatus.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatus.vue
@@ -8,6 +8,9 @@
     <!-- DIMM slot table -->
     <table-dimm-slot />
 
+    <!-- Fans table -->
+    <table-fans />
+
     <!-- Power supplies table -->
     <table-power-supplies />
   </b-container>
@@ -18,10 +21,17 @@
 import TableSystem from './HardwareStatusTableStystem';
 import TablePowerSupplies from './HardwareStatusTablePowerSupplies';
 import TableDimmSlot from './HardwareStatusTableDimmSlot';
+import TableFans from './HardwareStatusTableFans';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
-  components: { PageTitle, TableDimmSlot, TablePowerSupplies, TableSystem },
+  components: {
+    PageTitle,
+    TableDimmSlot,
+    TablePowerSupplies,
+    TableSystem,
+    TableFans
+  },
   mixins: [LoadingBarMixin],
   created() {
     this.startLoader();
@@ -31,6 +41,9 @@
     const dimmSlotTablePromise = new Promise(resolve => {
       this.$root.$on('hardwareStatus::dimmSlot::complete', () => resolve());
     });
+    const fansTablePromise = new Promise(resolve => {
+      this.$root.$on('hardwareStatus::fans::complete', () => resolve());
+    });
     const powerSuppliesTablePromise = new Promise(resolve => {
       this.$root.$on('hardwareStatus::powerSupplies::complete', () =>
         resolve()
@@ -41,6 +54,7 @@
     Promise.all([
       systemTablePromise,
       dimmSlotTablePromise,
+      fansTablePromise,
       powerSuppliesTablePromise
     ]).finally(() => this.endLoader());
   },