diff options
Diffstat (limited to 'src/views/_sila/HardwareStatus/Inventory/InventoryTableAssembly.vue')
-rw-r--r-- | src/views/_sila/HardwareStatus/Inventory/InventoryTableAssembly.vue | 153 |
1 files changed, 0 insertions, 153 deletions
diff --git a/src/views/_sila/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/_sila/HardwareStatus/Inventory/InventoryTableAssembly.vue deleted file mode 100644 index b4010bfe..00000000 --- a/src/views/_sila/HardwareStatus/Inventory/InventoryTableAssembly.vue +++ /dev/null @@ -1,153 +0,0 @@ -<template> - <page-section :section-title="$t('pageInventory.assemblies')"> - <b-table - sort-icon-left - no-sort-reset - hover - responsive="md" - :items="items" - :fields="fields" - show-empty - :empty-text="$t('global.table.emptyMessage')" - :busy="isBusy" - > - <!-- Expand chevron icon --> - <template #cell(expandRow)="row"> - <b-button - variant="link" - data-test-id="hardwareStatus-button-expandAssembly" - :title="expandRowLabel" - class="btn-icon-only" - @click="toggleRowDetails(row)" - > - <icon-chevron /> - <span class="sr-only">{{ expandRowLabel }}</span> - </b-button> - </template> - - <!-- Toggle identify LED --> - <template #cell(identifyLed)="row"> - <b-form-checkbox - v-if="hasIdentifyLed(row.item.identifyLed)" - v-model="row.item.identifyLed" - name="switch" - switch - @change="toggleIdentifyLedValue(row.item)" - > - <span v-if="row.item.identifyLed"> - {{ $t('global.status.on') }} - </span> - <span v-else> {{ $t('global.status.off') }} </span> - </b-form-checkbox> - <div v-else>--</div> - </template> - - <template #row-details="{ item }"> - <b-container fluid> - <b-row> - <b-col class="mt-2" sm="6" xl="6"> - <!-- Nmae --> - <dt>{{ $t('pageInventory.table.name') }}:</dt> - <dd>{{ dataFormatter(item.name) }}</dd> - <!-- Serial number --> - <dt>{{ $t('pageInventory.table.serialNumber') }}:</dt> - <dd>{{ dataFormatter(item.serialNumber) }}</dd> - </b-col> - <b-col class="mt-2" sm="6" xl="6"> - <!-- Model--> - <dt>Model</dt> - <dd>{{ dataFormatter(item.model) }}</dd> - <!-- Spare Part Number --> - <dt>Spare Part Number</dt> - <dd>{{ dataFormatter(item.sparePartNumber) }}</dd> - </b-col> - </b-row> - </b-container> - </template> - </b-table> - </page-section> -</template> - -<script> -import PageSection from '@/components/Global/PageSection'; -import IconChevron from '@carbon/icons-vue/es/chevron--down/20'; -import BVToastMixin from '@/components/Mixins/BVToastMixin'; -import TableRowExpandMixin, { - expandRowLabel, -} from '@/components/Mixins/TableRowExpandMixin'; -import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; - -export default { - components: { IconChevron, PageSection }, - mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin], - data() { - return { - isBusy: true, - fields: [ - { - key: 'expandRow', - label: '', - tdClass: 'table-row-expand', - }, - { - key: 'name', - label: this.$t('pageInventory.table.id'), - formatter: this.dataFormatter, - sortable: true, - }, - { - key: 'partNumber', - label: this.$t('pageInventory.table.partNumber'), - formatter: this.dataFormatter, - sortable: true, - }, - { - key: 'locationNumber', - label: this.$t('pageInventory.table.locationNumber'), - formatter: this.dataFormatter, - sortable: true, - }, - { - key: 'identifyLed', - label: this.$t('pageInventory.table.identifyLed'), - formatter: this.dataFormatter, - }, - ], - expandRowLabel: expandRowLabel, - }; - }, - computed: { - assemblies() { - return this.$store.getters['assemblies/assemblies']; - }, - items() { - if (this.assemblies) { - return this.assemblies; - } else { - return []; - } - }, - }, - created() { - this.$store.dispatch('assemblies/getAssemblyInfo').finally(() => { - // Emit initial data fetch complete to parent component - this.$root.$emit('hardware-status-assembly-complete'); - this.isBusy = false; - }); - }, - methods: { - toggleIdentifyLedValue(row) { - this.$store - .dispatch('assemblies/updateIdentifyLedValue', { - uri: row.uri, - memberId: row.id, - identifyLed: row.identifyLed, - }) - .catch(({ message }) => this.errorToast(message)); - }, - hasIdentifyLed(identifyLed) { - return typeof identifyLed === 'boolean'; - }, - }, -}; -</script> |