Add default or empty table state

-Add appropriate empty text for the table.
-Add common default empty state for all tables.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: If4beabc0b1450718095757bbb0803335ccf83ec5

12 files changed, 42 insertions, 6 deletions

diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index 5ad6b78b..59705602 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -59,6 +59,7 @@
       "informational": "Informational"
     },
     "table": {
+      "emptyMessage": "No items available",
       "fromDate": "From date",
       "itemsPerPage": "Items per page",
       "toDate": "To date",
@@ -162,7 +163,6 @@
     "table": {
       "date": "Date",
       "description": "Description",
-      "emptyMessage": "There are no logs to show",
       "id": "ID",
       "searchLogs": "Search logs",
       "severity": "Severity",
diff --git a/src/views/AccessControl/Ldap/TableRoleGroups.vue b/src/views/AccessControl/Ldap/TableRoleGroups.vue
index c09d1661..8df87742 100644
--- a/src/views/AccessControl/Ldap/TableRoleGroups.vue
+++ b/src/views/AccessControl/Ldap/TableRoleGroups.vue
@@ -32,11 +32,13 @@
           ref="table"
           responsive
           selectable
+          show-empty
           no-select-on-click
           no-sort-reset
           sort-icon-left
           :items="tableItems"
           :fields="fields"
+          :empty-text="$t('global.table.emptyMessage')"
           @row-selected="onRowSelected($event, tableItems.length)"
         >
           <!-- Checkbox column -->
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index 7906072e..31cc3571 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -30,9 +30,11 @@
           ref="table"
           responsive="md"
           selectable
+          show-empty
           no-select-on-click
           :fields="fields"
           :items="tableItems"
+          :empty-text="$t('global.table.emptyMessage')"
           @row-selected="onRowSelected($event, tableItems.length)"
         >
           <!-- Checkbox column -->
diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue
index aeb547d7..57275956 100644
--- a/src/views/AccessControl/SslCertificates/SslCertificates.vue
+++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue
@@ -53,7 +53,13 @@
     </b-row>
     <b-row>
       <b-col xl="11">
-        <b-table responsive="md" :fields="fields" :items="tableItems">
+        <b-table
+          responsive="md"
+          show-empty
+          :fields="fields"
+          :items="tableItems"
+          :empty-text="$t('global.table.emptyMessage')"
+        >
           <template v-slot:cell(validFrom)="{ value }">
             {{ value | formatDate }}
           </template>
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue
index d4bfc6fd..810edddc 100644
--- a/src/views/Health/EventLogs/EventLogs.vue
+++ b/src/views/Health/EventLogs/EventLogs.vue
@@ -52,7 +52,7 @@
           :fields="fields"
           :items="filteredLogs"
           :sort-compare="onSortCompare"
-          :empty-text="$t('pageEventLogs.table.emptyMessage')"
+          :empty-text="$t('global.table.emptyMessage')"
           :per-page="perPage"
           :current-page="currentPage"
           :filter="searchFilter"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index ffbfc791..a5f57112 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -1,6 +1,12 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.bmcManager')">
-    <b-table responsive="md" :items="items" :fields="fields">
+    <b-table
+      responsive="md"
+      :items="items"
+      :fields="fields"
+      show-empty
+      :empty-text="$t('global.table.emptyMessage')"
+    >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
         <b-button
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
index 5632e83f..eb4c000a 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
@@ -1,6 +1,12 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.chassis')">
-    <b-table responsive="md" :items="chassis" :fields="fields">
+    <b-table
+      responsive="md"
+      :items="chassis"
+      :fields="fields"
+      show-empty
+      :empty-text="$t('global.table.emptyMessage')"
+    >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
         <b-button
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
index 79bbe96d..9cacad09 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
@@ -10,11 +10,13 @@
       no-sort-reset
       sort-by="health"
       responsive="md"
+      show-empty
       :items="dimms"
       :fields="fields"
       :sort-desc="true"
       :sort-compare="sortCompare"
       :filter="searchFilter"
+      :empty-text="$t('global.table.emptyMessage')"
     >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index e9cbf049..b29b0e64 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -10,11 +10,13 @@
       no-sort-reset
       responsive="md"
       sort-by="health"
+      show-empty
       :items="fans"
       :fields="fields"
       :sort-desc="true"
       :sort-compare="sortCompare"
       :filter="searchFilter"
+      :empty-text="$t('global.table.emptyMessage')"
     >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index b6dd326e..e738080d 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
@@ -10,11 +10,13 @@
       no-sort-reset
       responsive="md"
       sort-by="health"
+      show-empty
       :items="powerSupplies"
       :fields="fields"
       :sort-desc="true"
       :sort-compare="sortCompare"
       :filter="searchFilter"
+      :empty-text="$t('global.table.emptyMessage')"
     >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
index bff91083..4bcab516 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
@@ -1,6 +1,12 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.system')">
-    <b-table responsive="md" :items="systems" :fields="fields">
+    <b-table
+      responsive="md"
+      show-empty
+      :items="systems"
+      :fields="fields"
+      :empty-text="$t('global.table.emptyMessage')"
+    >
       <!-- Expand chevron icon -->
       <template v-slot:cell(expandRow)="row">
         <b-button
diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue
index f8564d86..f0966540 100644
--- a/src/views/Health/Sensors/Sensors.vue
+++ b/src/views/Health/Sensors/Sensors.vue
@@ -35,11 +35,13 @@
           no-sort-reset
           sticky-header="75vh"
           sort-by="status"
+          show-empty
           :items="filteredSensors"
           :fields="fields"
           :sort-desc="true"
           :sort-compare="sortCompare"
           :filter="searchFilter"
+          :empty-text="$t('global.table.emptyMessage')"
           @row-selected="onRowSelected($event, filteredSensors.length)"
         >
           <!-- Checkbox column -->