diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-19 00:00:55 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-06-26 00:33:04 +0300 |
commit | 4177014ab3d713e47af432119316b65f3c6ffb01 (patch) | |
tree | 2251fb2a5e12d8f29cd82f994a924126af979caf /src | |
parent | c069c67a1adbe98ac8aa28edaec31900f4594039 (diff) | |
download | webui-vue-4177014ab3d713e47af432119316b65f3c6ffb01.tar.xz |
Add search component to DIMM slot table on Hardware status page
Adds ability to filter DIMM slot table by a search input.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I0ac6fd26e4af419fdd57d12573aea0abf66a1e0d
Diffstat (limited to 'src')
-rw-r--r-- | src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue index 5ba8b599..c914f71a 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue @@ -1,5 +1,10 @@ <template> <page-section :section-title="$t('pageHardwareStatus.dimmSlot')"> + <b-row> + <b-col sm="6" md="5" xl="4"> + <search @changeSearch="onChangeSearchInput" /> + </b-col> + </b-row> <b-table sort-icon-left no-sort-reset @@ -8,6 +13,7 @@ :fields="fields" :sort-desc="true" :sort-compare="sortCompare" + :filter="searchFilter" > <!-- Expand chevron icon --> <template v-slot:cell(expandRow)="row"> @@ -46,9 +52,10 @@ import IconChevron from '@carbon/icons-vue/es/chevron--down/20'; import StatusIcon from '@/components/Global/StatusIcon'; import TableDataFormatterMixin from '@/components/Mixins/TableDataFormatterMixin'; import TableSortMixin from '@/components/Mixins/TableSortMixin'; +import Search from '@/components/Global/Search'; export default { - components: { IconChevron, PageSection, StatusIcon }, + components: { IconChevron, PageSection, StatusIcon, Search }, mixins: [TableDataFormatterMixin, TableSortMixin], data() { return { @@ -83,7 +90,8 @@ export default { formatter: this.tableFormatter, sortable: true } - ] + ], + searchFilter: null }; }, computed: { @@ -102,6 +110,9 @@ export default { if (key === 'health') { return this.sortStatus(a, b, key); } + }, + onChangeSearchInput(searchValue) { + this.searchFilter = searchValue; } } }; |