HardwareStatus/Sensors/Sensors.vue

2   <b-container fluid="xl">
3     <page-title />
4     <b-row class="align-items-end">
5       <b-col sm="6" md="5" xl="4">
8           data-test-id="sensors-input-searchForSensors"
9           @change-search="onChangeSearchInput"
10           @clear-search="onClearSearchInput"
12       </b-col>
13       <b-col sm="3" md="3" xl="2">
14         <table-cell-count
15           :filtered-items-count="filteredRows"
16           :total-number-of-cells="allSensors.length"
17         ></table-cell-count>
18       </b-col>
19       <b-col sm="3" md="4" xl="6" class="text-end">
20         <table-filter :filters="tableFilters" @filter-change="onFilterChange" />
21       </b-col>
22     </b-row>
23     <b-row>
24       <b-col xl="12">
25         <table-toolbar
27           :selected-items-count="
30           @clear-selected="clearSelectedRows($refs.table)"
32           <template #toolbar-buttons>
33             <table-toolbar-export
35               :file-name="exportFileNameByDate()"
38         </table-toolbar>
39         <b-table
43           no-select-on-click
44           sort-icon-left
46           must-sort
47           sticky-header="75vh"
48           thead-class="table-light"
49           :sort-by="['status']"
50           show-empty
53           :sort-desc="[true]"
55           :empty-text="$t('global.table.emptyMessage')"
56           :empty-filtered-text="$t('global.table.emptySearchMessage')"
59           @row-selected="onRowSelected($event, filteredSensors.length)"
61           <!-- Checkbox column -->
63             <b-form-checkbox
64               v-model="tableHeaderCheckboxModel"
68               <span class="visually-hidden-focusable">
71             </b-form-checkbox>
73           <template #cell(checkbox)="row">
74             <b-form-checkbox
75               v-model="row.rowSelected"
78               <span class="visually-hidden-focusable">
81             </b-form-checkbox>
84           <template #cell(status)="{ value }">
85             <status-icon :status="statusIcon(value)" /> {{ value }}
87           <template #cell(currentValue)="data">
88             {{ data.value }} {{ data.item.units }}
90           <template #cell(lowerCaution)="data">
91             {{ data.value }} {{ data.item.units }}
93           <template #cell(upperCaution)="data">
94             {{ data.value }} {{ data.item.units }}
96           <template #cell(lowerCritical)="data">
97             {{ data.value }} {{ data.item.units }}
99           <template #cell(upperCritical)="data">
100             {{ data.value }} {{ data.item.units }}
102         </b-table>
103       </b-col>
104     </b-row>
105   </b-container>
129 import { useI18n } from 'vue-i18n';
174           tdClass: 'text-nowrap',
258         date.toString().split(':').join('-').split(' ')[4];