From 58d1eb3b899b730877299be6635adceb127fe6a9 Mon Sep 17 00:00:00 2001
From: Anna Tsyganova <ATSyganova@IBS.RU>
Date: Fri, 10 Jun 2022 10:08:22 +0300
Subject: Fix inventory page Id task: SILABMC-155

---
 src/views/HardwareStatus/Inventory/Inventory.vue   | 15 ++++----
 .../Inventory/InventoryServiceIndicator.vue        | 10 ++++-
 .../Inventory/InventoryTableAssembly.vue           |  8 ++--
 .../Inventory/InventoryTableBmcManager.vue         | 45 ++++++++++++++++++++--
 .../Inventory/InventoryTableChassis.vue            |  9 +++--
 .../Inventory/InventoryTableDimmSlot.vue           |  7 +++-
 .../Inventory/InventoryTableFans.vue               |  7 +++-
 .../Inventory/InventoryTablePowerSupplies.vue      |  6 ++-
 .../Inventory/InventoryTableProcessors.vue         |  9 ++++-
 .../Inventory/InventoryTableSystem.vue             | 12 +++++-
 10 files changed, 100 insertions(+), 28 deletions(-)

(limited to 'src/views/HardwareStatus')

diff --git a/src/views/HardwareStatus/Inventory/Inventory.vue b/src/views/HardwareStatus/Inventory/Inventory.vue
index 132002fe..0e97f711 100644
--- a/src/views/HardwareStatus/Inventory/Inventory.vue
+++ b/src/views/HardwareStatus/Inventory/Inventory.vue
@@ -1,20 +1,23 @@
 <template>
-  <b-container fluid="xxl pt-0 m-2">
+  <b-container fluid class="p-0 m-0">
     <page-title />
     <!-- Service indicators -->
     <service-indicator />
 
     <!-- Quicklinks section -->
-    <page-section :section-title="$t('pageInventory.quicklinkTitle')">
-      <b-row class="w-75">
-        <b-col v-for="column in quicklinkColumns" :key="column.id" xl="4">
+    <page-section
+      class="bootstrap-table__section"
+      :section-small-title="$t('pageInventory.quicklinkTitle')"
+    >
+      <b-row>
+        <b-col v-for="column in quicklinkColumns" :key="column.id">
           <div v-for="item in column" :key="item.id">
             <b-link
               :href="item.href"
               :data-ref="item.dataRef"
               @click.prevent="scrollToOffset"
             >
-              <jump-link /> {{ item.linkText }}
+              {{ item.linkText }}
             </b-link>
           </div>
         </b-col>
@@ -60,7 +63,6 @@ import TableProcessors from './InventoryTableProcessors';
 import TableAssembly from './InventoryTableAssembly';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 import PageSection from '@/components/Global/PageSection';
-import JumpLink16 from '@carbon/icons-vue/es/jump-link/16';
 import JumpLinkMixin from '@/components/Mixins/JumpLinkMixin';
 import { chunk } from 'lodash';
 
@@ -77,7 +79,6 @@ export default {
     TableProcessors,
     TableAssembly,
     PageSection,
-    JumpLink: JumpLink16,
   },
   mixins: [LoadingBarMixin, JumpLinkMixin],
   beforeRouteLeave(to, from, next) {
diff --git a/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue b/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue
index 01f4a446..cfb9aa84 100644
--- a/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue
@@ -1,8 +1,9 @@
 <template>
   <page-section
-    :section-title="$t('pageInventory.systemIndicator.sectionTitle')"
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.systemIndicator.sectionTitle')"
   >
-    <div class="form-background pl-4 pt-4 pb-1">
+    <div class="form-background">
       <b-row>
         <b-col sm="6" md="3">
           <dl>
@@ -74,3 +75,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.custom-switch {
+  margin: 0;
+}
+</style>
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
index b4010bfe..f7fef0e3 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
@@ -1,13 +1,15 @@
 <template>
-  <page-section :section-title="$t('pageInventory.assemblies')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.assemblies')"
+  >
     <b-table
+      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
-      hover
       responsive="md"
       :items="items"
       :fields="fields"
-      show-empty
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index 48b914f4..41a88c2e 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -1,11 +1,14 @@
 <template>
-  <page-section :section-title="$t('pageInventory.bmcManager')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.bmcManager')"
+  >
     <b-table
+      class="bootstrap-rounded-table"
       responsive="md"
-      hover
+      show-empty
       :items="items"
       :fields="fields"
-      show-empty
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
@@ -15,7 +18,6 @@
           variant="link"
           data-test-id="hardwareStatus-button-expandBmc"
           :title="expandRowLabel"
-          class="btn-icon-only"
           @click="toggleRowDetails(row)"
         >
           <icon-chevron />
@@ -243,3 +245,38 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.row {
+  margin: 0px;
+  flex-wrap: nowrap;
+}
+.fans-table-col-first__cell {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.status__img {
+  margin-right: 7px;
+}
+
+.bold-12px__caps {
+  color: $text-secondary;
+}
+
+.attrib-names {
+  border-bottom: 1px solid $faint-secondary-primary-10;
+  color: $text-secondary !important;
+  font-weight: 600;
+}
+
+.custom-switch {
+  margin: 0;
+}
+
+.btn-link {
+  width: 30px !important;
+  height: 20px !important;
+}
+</style>
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
index b49cec7f..60f593f4 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
@@ -1,11 +1,14 @@
 <template>
-  <page-section :section-title="$t('pageInventory.chassis')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.chassis')"
+  >
     <b-table
+      class="bootstrap-rounded-table"
       responsive="md"
-      hover
+      show-empty
       :items="chassis"
       :fields="fields"
-      show-empty
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
index 65994810..020ab1f6 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
@@ -1,5 +1,8 @@
 <template>
-  <page-section :section-title="$t('pageInventory.dimmSlot')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.dimmSlot')"
+  >
     <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
@@ -15,9 +18,9 @@
       </b-col>
     </b-row>
     <b-table
+      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
-      hover
       sort-by="health"
       responsive="md"
       show-empty
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
index fe788c53..8706f498 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
@@ -1,5 +1,8 @@
 <template>
-  <page-section :section-title="$t('pageInventory.fans')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.fans')"
+  >
     <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
@@ -15,9 +18,9 @@
       </b-col>
     </b-row>
     <b-table
+      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
-      hover
       responsive="md"
       sort-by="health"
       show-empty
diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
index aed7871a..9417d9d6 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
@@ -1,5 +1,8 @@
 <template>
-  <page-section :section-title="$t('pageInventory.powerSupplies')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.powerSupplies')"
+  >
     <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
@@ -15,6 +18,7 @@
       </b-col>
     </b-row>
     <b-table
+      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       hover
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
index 49281e14..3e25747d 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
@@ -1,5 +1,8 @@
 <template>
-  <page-section :section-title="$t('pageInventory.processors')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.processors')"
+  >
     <!-- Search -->
     <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
@@ -12,10 +15,12 @@
         <table-cell-count
           :filtered-items-count="filteredRows"
           :total-number-of-cells="processors.length"
-        ></table-cell-count>
+        >
+        </table-cell-count>
       </b-col>
     </b-row>
     <b-table
+      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       hover
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index cf2cf020..1576c8d8 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
@@ -1,8 +1,11 @@
 <template>
-  <page-section :section-title="$t('pageInventory.system')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.system')"
+  >
     <b-table
+      class="bootstrap-rounded-table"
       responsive="md"
-      hover
       show-empty
       :items="systems"
       :fields="fields"
@@ -222,3 +225,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.custom-switch {
+  margin: 0;
+}
+</style>
-- 
cgit v1.2.3