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
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index 5ad6b78..5970560 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 c09d166..8df8774 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 7906072..31cc357 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 aeb547d..5727595 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 d4bfc6f..810eddd 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 ffbfc79..a5f5711 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 5632e83..eb4c000 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 79bbe96..9cacad0 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 e9cbf04..b29b0e6 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 b6dd326..e738080 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 bff9108..4bcab51 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 f8564d8..f096654 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 -->