bfg-common 1.4.54 → 1.4.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/assets/img/icons/icons-sprite-dark-6.svg +190 -1
  2. package/assets/img/icons/icons-sprite-light-6.svg +190 -1
  3. package/assets/localization/local_be.json +1 -14
  4. package/assets/localization/local_en.json +1 -14
  5. package/assets/localization/local_hy.json +1 -14
  6. package/assets/localization/local_kk.json +1 -14
  7. package/assets/localization/local_ru.json +25 -38
  8. package/assets/localization/local_zh.json +1 -14
  9. package/components/atoms/modal/bySteps/BySteps.vue +253 -253
  10. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +4 -31
  11. package/components/atoms/table/dataGrid/lib/models/interfaces.ts +0 -5
  12. package/components/common/browse/blocks/Title.vue +91 -91
  13. package/components/common/browse/blocks/info/Date.vue +21 -21
  14. package/components/common/context/recursion/Recursion.vue +86 -86
  15. package/components/common/context/recursion/RecursionNew.vue +198 -198
  16. package/components/common/context/recursion/RecursionOld.vue +212 -212
  17. package/components/common/graph/Graph.vue +4 -5
  18. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts +6 -6
  19. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +1 -0
  20. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue +1 -1
  21. package/components/common/pages/hardwareHealth/HardwareHealth.vue +9 -12
  22. package/components/common/pages/hardwareHealth/historyTestimony/Graph.vue +22 -103
  23. package/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces.ts +0 -1
  24. package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue +4 -9
  25. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue +11 -29
  26. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/Counters.vue +5 -10
  27. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/Timespan.vue +4 -6
  28. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/form/Form.vue +13 -13
  29. package/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar.ts +0 -4
  30. package/components/common/pages/hardwareHealth/lib/config/status.ts +1 -1
  31. package/components/common/pages/hardwareHealth/tableView/TableView.vue +2 -7
  32. package/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable.ts +2 -11
  33. package/components/common/pages/hardwareHealth/tableView/lib/models/interfaces.ts +0 -1
  34. package/components/common/pages/hardwareHealth/tableView/modal/{SensorWarning.vue → sensorWarning.vue} +1 -1
  35. package/components/common/recursionTree/RecursionTree.vue +1 -5
  36. package/components/common/split/horizontal/HorizontalNew.vue +321 -321
  37. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +403 -400
  38. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuHotPlug.vue +57 -52
  39. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Hv.vue +99 -99
  40. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue +85 -85
  41. package/components/common/wizards/datastore/add/Add.vue +437 -437
  42. package/composables/productNameLocal.ts +30 -30
  43. package/lib/models/interfaces.ts +0 -2
  44. package/package.json +1 -1
  45. package/plugins/recursion.ts +311 -311
  46. package/public/spice-console/lib/images/bitmap.js +203 -203
  47. package/store/tasks/mappers/recentTasks.ts +45 -45
  48. package/assets/img/icons/icons-sprite-dark-9.svg +0 -71
  49. package/assets/img/icons/icons-sprite-light-9.svg +0 -71
@@ -1,6 +1,5 @@
1
1
  <template>
2
2
  <common-pages-hardware-health-history-testimony-tools
3
- v-model:selected-view="selectedView"
4
3
  v-model:selected-timespan-type="selectedTimespanType"
5
4
  :selected-chart-option-name="selectedChartOptionName"
6
5
  :is-show-chart-modal="isShowChartModal"
@@ -19,7 +18,7 @@
19
18
  :custom-time-from="customTimeFrom"
20
19
  :custom-time-to="customTimeTo"
21
20
  :start-date="props.powerData?.pointStart || 0"
22
- :timespan-period-type="timespanPeriodType"
21
+ :period-type="tools.periodName"
23
22
  @power-selected-rows-local="powerSelectedRowsLocal = $event"
24
23
  @temperature-selected-rows-local="temperatureSelectedRowsLocal = $event"
25
24
  @show-chart-modal="isShowChartModal = true"
@@ -27,13 +26,9 @@
27
26
  @update-tools="onUpdateTools"
28
27
  @delete-option="onDeleteOption"
29
28
  @submit-options="onSubmitOptions"
30
- @update-timespan-period-type="timespanPeriodType = $event"
31
29
  />
32
- <div
33
- ref="historyTestimonyGraph"
34
- :class="`history-testimony-graph ${selectedView}`"
35
- >
36
- <div>
30
+ <div class="hardware-health-graph">
31
+ <div class="power-container">
37
32
  <common-graph
38
33
  v-if="powerDataLocal && !props.powerLoading"
39
34
  :data="powerDataLocal"
@@ -41,15 +36,12 @@
41
36
  :chart="powerChart"
42
37
  :selected-row="selectedRowPower"
43
38
  />
44
- <div
45
- v-else-if="props.powerLoading"
46
- class="history-testimony-graph__loader-block"
47
- >
39
+ <div v-else-if="props.powerLoading" class="graphic-loader-block">
48
40
  <div class="spinner"></div>
49
41
  </div>
50
- <div v-else class="history-testimony-graph__empty-content"></div>
42
+ <div v-else class="empty-content"></div>
51
43
  </div>
52
- <div>
44
+ <div class="temperature-container">
53
45
  <common-graph
54
46
  v-if="temperatureDataLocal && !props.temperatureLoading"
55
47
  :data="temperatureDataLocal"
@@ -57,13 +49,10 @@
57
49
  :chart="temperatureChart"
58
50
  :selected-row="selectedRowTemperature"
59
51
  />
60
- <div
61
- v-else-if="props.temperatureLoading"
62
- class="history-testimony-graph__loader-block"
63
- >
52
+ <div v-else-if="props.temperatureLoading" class="graphic-loader-block">
64
53
  <div class="spinner"></div>
65
54
  </div>
66
- <div v-else class="history-testimony-graph__empty-content"></div>
55
+ <div v-else class="empty-content"></div>
67
56
  </div>
68
57
  </div>
69
58
  </template>
@@ -94,31 +83,9 @@ const props = defineProps<{
94
83
  getDateFormat: any
95
84
  mainSelectedRow: number[]
96
85
  }>()
97
- const selectedView = defineModel<string>('selectedView')
98
86
 
99
87
  const { $store }: any = useNuxtApp()
100
88
 
101
- // const historyTestimonyGraph = ref(null)
102
- // const contentWidth = ref<number>(
103
- // useElementSize(historyTestimonyGraph)?.width || 0
104
- // )
105
- // watch(contentWidth, (newValue) => {
106
- // if (newValue) {
107
- // updatePowerChart()
108
- // updateTemperatureChart()
109
- // }
110
- // if (!powerChart.value || !temperatureChart.value) return
111
- //
112
- // powerChart.value.setSize(1, powerChart.chartHeight)
113
- // temperatureChart.value.setSize(1, temperatureChart.chartHeight)
114
- //
115
- // setTimeout(() => {
116
- // powerChart.value.setSize(newValue, powerChart.chartHeight)
117
- // temperatureChart.value.setSize(newValue, temperatureChart.chartHeight)
118
- // }, 1000)
119
- // })
120
- // const isContentMediumSize = computed<boolean>(() => contentWidth.value <= 1200)
121
-
122
89
  const selectedChartOptionName = ref<string>('')
123
90
  const isShowChartModal = ref<boolean>(false)
124
91
  const selectedMetric = ref<UI_T_Chart>('power')
@@ -132,43 +99,22 @@ const customTimeTo = ref<string>('')
132
99
 
133
100
  const selectedRowPower = ref<number[]>([])
134
101
  const selectedRowTemperature = ref<number[]>([])
135
- let powerCounters: UI_I_HardwareHealthSensors[] = []
136
- let temperatureCounters: UI_I_HardwareHealthSensors[] = []
137
102
  const updateAllSelectedSelectedRow = (): void => {
138
103
  selectedRowPower.value = []
139
104
  selectedRowTemperature.value = []
140
-
141
- if (!props.mainSelectedRow.length) return
142
-
143
105
  props.mainSelectedRow.forEach((key) => {
144
- const selectedItem = props.countersTableData[key]
145
- const category = selectedItem.category.toLowerCase()
146
-
147
- if (category === 'power') {
148
- const currentKey = powerCounters.findIndex(
149
- (item) => item.id === selectedItem.id
150
- )
151
- selectedRowPower.value.push(currentKey)
152
- } else if (category === 'temperature') {
153
- const currentKey = temperatureCounters.findIndex(
154
- (item) => item.id === selectedItem.id
155
- )
156
- selectedRowTemperature.value.push(currentKey)
106
+ const category = props.countersTableData[key].category.toLowerCase()
107
+
108
+ switch (category) {
109
+ case 'power':
110
+ selectedRowPower.value.push(key)
111
+ break
112
+ case 'temperature':
113
+ selectedRowTemperature.value.push(key)
114
+ break
157
115
  }
158
116
  })
159
117
  }
160
- watch(
161
- () => props.countersTableData,
162
- (newValue) => {
163
- powerCounters = newValue.filter(
164
- (item) => item.category.toLowerCase() === 'power'
165
- )
166
- temperatureCounters = newValue.filter(
167
- (item) => item.category.toLowerCase() === 'temperature'
168
- )
169
- },
170
- { deep: true, immediate: true }
171
- )
172
118
  watch(
173
119
  () => props.mainSelectedRow,
174
120
  () => {
@@ -176,13 +122,6 @@ watch(
176
122
  },
177
123
  { deep: true, immediate: true }
178
124
  )
179
- watch(
180
- selectedView,
181
- () => {
182
- updateAllSelectedSelectedRow()
183
- },
184
- { deep: true }
185
- )
186
125
 
187
126
  const unitsCount = ref<number>(0)
188
127
  const powerCountersTableData = ref<UI_I_HardwareHealthSensorsGraph[]>([])
@@ -207,7 +146,6 @@ watch(
207
146
  units: '',
208
147
  nameEn: item.mainName || '',
209
148
  testId: `counters-table-${item.name}-item`,
210
- hidden: item.hidden,
211
149
  }
212
150
  if (item.category.toLowerCase() === 'power')
213
151
  powerCountersTableData.value.push(newData)
@@ -228,7 +166,7 @@ const selectAllCounters = (): void => {
228
166
  selectedPowerCountersKeys.value.push(item.id)
229
167
  })
230
168
  temperatureCountersTableData.value.forEach((item) => {
231
- if (!item.hidden) selectedTemperatureCountersKeys.value.push(item.id)
169
+ selectedTemperatureCountersKeys.value.push(item.id)
232
170
  })
233
171
  }
234
172
  }
@@ -246,7 +184,6 @@ const updateTemperatureHelper = ref<number>(0)
246
184
  let dateFormat = ''
247
185
  const powerChart = ref<any>(null)
248
186
  const temperatureChart = ref<any>(null)
249
- const timespanPeriodType = ref<string>('last')
250
187
 
251
188
  const powerChartCallback = (newValue: any): void => {
252
189
  newValue && (powerChart.value = newValue)
@@ -397,38 +334,20 @@ const onDeleteOption = (): void => {}
397
334
  </script>
398
335
 
399
336
  <style scoped lang="scss">
400
- .history-testimony-graph {
337
+ .hardware-health-graph {
401
338
  display: grid;
402
339
  align-items: center;
403
- grid-gap: 20px;
404
340
  grid-template-columns: 1fr 1fr;
341
+ grid-gap: 20px;
405
342
 
406
- //&.medium {
407
- // grid-template-columns: 1fr;
408
- //}
409
- &.power {
410
- grid-template-columns: 1fr 0;
411
-
412
- & > div:nth-child(2) {
413
- visibility: hidden;
414
- }
415
- }
416
- &.temperature {
417
- grid-template-columns: 0 1fr;
418
-
419
- & > div:nth-child(1) {
420
- visibility: hidden;
421
- }
422
- }
423
-
424
- &__loader-block {
343
+ .graphic-loader-block {
425
344
  height: inherit;
426
345
  display: flex;
427
346
  justify-content: center;
428
347
  align-items: center;
429
348
  min-height: 300px;
430
349
  }
431
- &__empty-content {
350
+ .empty-content {
432
351
  height: inherit;
433
352
  }
434
353
  }
@@ -6,5 +6,4 @@ export interface UI_I_HardwareHealthSensorsGraph {
6
6
  units: string
7
7
  nameEn: string
8
8
  testId: string
9
- hidden: boolean
10
9
  }
@@ -78,11 +78,9 @@
78
78
  :custom-date-to="props.customDateTo"
79
79
  :custom-time-from="props.customTimeFrom"
80
80
  :custom-time-to="props.customTimeTo"
81
- :timespan-period-type="props.timespanPeriodType"
82
81
  @save-option-name="onSaveOptionName"
83
82
  @delete-option="emits('delete-option')"
84
83
  @power-selected-rows-local="emits('power-selected-rows-local', $event)"
85
- @update-timespan-period-type="emits('update-timespan-period-type', $event)"
86
84
  @temperature-selected-rows-local="
87
85
  emits('temperature-selected-rows-local', $event)
88
86
  "
@@ -125,9 +123,8 @@ const props = defineProps<{
125
123
  customTimeTo: string
126
124
  selectedTimespanType: string
127
125
  startDate: number
128
- timespanPeriodType: string
126
+ periodType: string
129
127
  }>()
130
- const selectedView = defineModel<string>('selectedView')
131
128
 
132
129
  const emits = defineEmits<{
133
130
  (event: 'show-chart-modal'): void
@@ -147,7 +144,7 @@ const emits = defineEmits<{
147
144
  (event: 'update-chart-type', value: string): void
148
145
  (event: 'update-timespan-type', value: string): void
149
146
  (event: 'update-unit-count', value: number): void
150
- (event: 'update-timespan-period-type', value: string): void
147
+ (event: 'update-period-type', value: string): void
151
148
  (event: 'update-custom-time', value: string): void
152
149
  (event: 'delete-option'): void
153
150
  (event: 'update-custom-date-from', value: string): void
@@ -175,6 +172,7 @@ const selectedPeriod = computed<string>({
175
172
 
176
173
  const optionsNames = ref<string[]>([])
177
174
 
175
+ const selectedView = ref<string>('power')
178
176
  const viewOptions = computed<UI_I_OptionItem[]>(() =>
179
177
  viewFunc(localization.value, optionsNames.value)
180
178
  )
@@ -224,10 +222,7 @@ const onUpdateTools = (): void => {
224
222
  Math.round(validPeriodData[1] / 1000),
225
223
  ]
226
224
 
227
- if (
228
- periodValue === 'custom_interval' &&
229
- props.timespanPeriodType === 'period'
230
- ) {
225
+ if (periodValue === 'custom_interval' && props.periodType === 'period') {
231
226
  const checkDateResult = checkDateFunc(
232
227
  localization.value,
233
228
  props.customDateFrom,
@@ -42,7 +42,7 @@
42
42
  :selected-chart-type="localSelectedChartType"
43
43
  :selected-timespan-type="localSelectedTimespanType"
44
44
  :units-count="localUnitsCount"
45
- :timespan-period-type="localTimespanPeriodType"
45
+ :period-type="localPeriodType"
46
46
  :selected-custom-time="localCustomTime"
47
47
  :custom-date-from="props.customDateFrom"
48
48
  :custom-date-to="props.customDateTo"
@@ -54,7 +54,7 @@
54
54
  @update-custom-time="localCustomTime = $event"
55
55
  @update-timespan-type="timespanType = $event"
56
56
  @update-unit-count="unitCount = $event"
57
- @update-timespan-period-type="localTimespanPeriodType = $event"
57
+ @update-period-type="localPeriodType = $event"
58
58
  @update-custom-date-from="onUpdateCustomDateFrom"
59
59
  @update-custom-date-to="onUpdateCustomDateTo"
60
60
  @update-custom-time-from="onUpdateCustomTimeFrom"
@@ -94,7 +94,6 @@ const props = defineProps<{
94
94
  customDateTo: string
95
95
  customTimeFrom: string
96
96
  customTimeTo: string
97
- timespanPeriodType: string
98
97
  }>()
99
98
 
100
99
  const emits = defineEmits<{
@@ -111,7 +110,7 @@ const emits = defineEmits<{
111
110
  (event: 'update-chart-type', value: string): void
112
111
  (event: 'update-timespan-type', value: string): void
113
112
  (event: 'update-unit-count', value: number): void
114
- (event: 'update-timespan-period-type', value: string): void
113
+ (event: 'update-period-type', value: string): void
115
114
  (event: 'update-custom-time', value: string): void
116
115
  (event: 'delete-option'): void
117
116
  (event: 'save-option-name'): void
@@ -188,11 +187,11 @@ watch(
188
187
  { immediate: true }
189
188
  )
190
189
 
191
- const localTimespanPeriodType = ref<string>('')
190
+ const localPeriodType = ref<string>('')
192
191
  watch(
193
- () => props.timespanPeriodType,
192
+ () => props.periodType,
194
193
  (newValue) => {
195
- localTimespanPeriodType.value = newValue
194
+ localPeriodType.value = newValue
196
195
  },
197
196
  { immediate: true }
198
197
  )
@@ -252,7 +251,7 @@ const checkValidations = (): boolean => {
252
251
  return false
253
252
  } else if (
254
253
  timespanType.value === 'custom_interval' &&
255
- localTimespanPeriodType.value === 'period' &&
254
+ localPeriodType.value === 'period' &&
256
255
  checkDateResult !== '' &&
257
256
  typeof checkDateResult === 'string'
258
257
  ) {
@@ -301,29 +300,13 @@ const onSubmit = (): void => {
301
300
  unitCount.value,
302
301
  localCustomTime.value
303
302
  )
304
- if (
305
- timespanType.value === 'custom_interval' &&
306
- localTimespanPeriodType.value === 'period'
307
- ) {
308
- const checkDateResult = checkDateFunc(
309
- localization.value,
310
- localCustomDateFrom.value,
311
- localCustomDateTo.value,
312
- localCustomTimeFrom.value,
313
- localCustomTimeTo.value
314
- )
315
- if (Array.isArray(checkDateResult)) {
316
- validPeriod[0] = checkDateResult[0]
317
- validPeriod[1] = checkDateResult[1]
318
- }
319
- }
320
303
 
321
304
  const savedObject = {
322
305
  fields: currentFields,
323
306
  optionName: selectedLocalOptionName.value,
324
307
  metric: selectedMetric.value,
325
308
  periodName: timespanType.value,
326
- periodType: localTimespanPeriodType.value,
309
+ periodType: localPeriodType.value,
327
310
  unitCount: unitCount.value,
328
311
  localTimespanType: localCustomTime.value,
329
312
  dateFrom: localCustomDateFrom.value,
@@ -334,7 +317,6 @@ const onSubmit = (): void => {
334
317
  period: validPeriod,
335
318
  }
336
319
 
337
- emits('update-timespan-period-type', savedObject.periodType)
338
320
  emits('submit-options', savedObject)
339
321
  onHide()
340
322
  }
@@ -361,7 +343,7 @@ const onSaveOptions = (name: string): void => {
361
343
  counters,
362
344
  metric: selectedMetric.value,
363
345
  timespan: {
364
- periodType: localTimespanPeriodType.value,
346
+ periodType: localPeriodType.value,
365
347
  units: localCustomTime.value,
366
348
  unitsCount: unitCount.value,
367
349
  type: timespanType.value,
@@ -384,7 +366,7 @@ const setDefaultOptions = (): void => {
384
366
  localSelectedChartType.value = 'spline'
385
367
  localSelectedTimespanType.value = ''
386
368
  localUnitsCount.value = 0
387
- localTimespanPeriodType.value = ''
369
+ localPeriodType.value = ''
388
370
  localCustomTime.value = ''
389
371
  }
390
372
 
@@ -410,7 +392,7 @@ const setCustomOptions = (name: string): void => {
410
392
  localSelectedChartType.value = currentChartType
411
393
  localSelectedTimespanType.value = selectedValue.timespan.type
412
394
  localUnitsCount.value = selectedValue.timespan.unitsCount
413
- localTimespanPeriodType.value = selectedValue.timespan.periodType
395
+ localPeriodType.value = selectedValue.timespan.periodType
414
396
  localCustomTime.value = selectedValue.timespan.units
415
397
  }
416
398
 
@@ -15,7 +15,7 @@
15
15
  :selected-chart-type="props.selectedChartType"
16
16
  :selected-timespan-type="props.selectedTimespanType"
17
17
  :units-count="props.unitsCount"
18
- :timespan-period-type="props.timespanPeriodType"
18
+ :period-type="props.periodType"
19
19
  :selected-custom-time="props.selectedCustomTime"
20
20
  :custom-date-from="props.customDateFrom"
21
21
  :custom-date-to="props.customDateTo"
@@ -25,9 +25,7 @@
25
25
  @update-custom-time="emits('update-custom-time', $event)"
26
26
  @update-timespan-type="emits('update-timespan-type', $event)"
27
27
  @update-unit-count="emits('update-unit-count', $event)"
28
- @update-timespan-period-type="
29
- emits('update-timespan-period-type', $event)
30
- "
28
+ @update-period-type="emits('update-period-type', $event)"
31
29
  @update-custom-date-from="emits('update-custom-date-from', $event)"
32
30
  @update-custom-date-to="emits('update-custom-date-to', $event)"
33
31
  @update-custom-time-from="emits('update-custom-time-from', $event)"
@@ -50,7 +48,7 @@ const props = defineProps<{
50
48
  selectedChartType: string
51
49
  selectedTimespanType: string
52
50
  unitsCount: number
53
- timespanPeriodType: string
51
+ periodType: string
54
52
  selectedCustomTime: string
55
53
  customDateFrom: string
56
54
  customDateTo: string
@@ -60,15 +58,12 @@ const props = defineProps<{
60
58
 
61
59
  const emits = defineEmits<{
62
60
  (event: 'select-power-row', value: UI_I_HardwareHealthSensorsGraph[]): void
63
- (
64
- event: 'select-temperature-row',
65
- value: UI_I_HardwareHealthSensorsGraph[]
66
- ): void
61
+ (event: 'select-temperature-row', value: UI_I_HardwareHealthSensorsGraph[]): void
67
62
  (event: 'update-chart-type', value: string): void
68
63
  (event: 'update-custom-time', value: string): void
69
64
  (event: 'update-timespan-type', value: string): void
70
65
  (event: 'update-unit-count', value: number): void
71
- (event: 'update-timespan-period-type', value: string): void
66
+ (event: 'update-period-type', value: string): void
72
67
  (event: 'update-custom-date-from', value: string): void
73
68
  (event: 'update-custom-date-to', value: string): void
74
69
  (event: 'update-custom-time-from', value: string): void
@@ -5,7 +5,7 @@
5
5
  :selected-chart-type="props.selectedChartType"
6
6
  :selected-timespan-type="props.selectedTimespanType"
7
7
  :units-count="props.unitsCount"
8
- :timespan-period-type="props.timespanPeriodType"
8
+ :period-type="props.periodType"
9
9
  :selected-custom-time="props.selectedCustomTime"
10
10
  :custom-date-from="props.customDateFrom"
11
11
  :custom-date-to="props.customDateTo"
@@ -15,9 +15,7 @@
15
15
  @update-custom-time="emits('update-custom-time', $event)"
16
16
  @update-timespan-type="emits('update-timespan-type', $event)"
17
17
  @update-unit-count="emits('update-unit-count', $event)"
18
- @update-timespan-period-type="
19
- emits('update-timespan-period-type', $event)
20
- "
18
+ @update-period-type="emits('update-period-type', $event)"
21
19
  @update-custom-date-from="emits('update-custom-date-from', $event)"
22
20
  @update-custom-date-to="emits('update-custom-date-to', $event)"
23
21
  @update-custom-time-from="emits('update-custom-time-from', $event)"
@@ -32,7 +30,7 @@ const props = defineProps<{
32
30
  selectedChartType: string
33
31
  selectedTimespanType: string
34
32
  unitsCount: number
35
- timespanPeriodType: string
33
+ periodType: string
36
34
  selectedCustomTime: string
37
35
  customDateFrom: string
38
36
  customDateTo: string
@@ -45,7 +43,7 @@ const emits = defineEmits<{
45
43
  (event: 'update-custom-time', value: string): void
46
44
  (event: 'update-timespan-type', value: string): void
47
45
  (event: 'update-unit-count', value: number): void
48
- (event: 'update-timespan-period-type', value: string): void
46
+ (event: 'update-period-type', value: string): void
49
47
  (event: 'update-custom-date-from', value: string): void
50
48
  (event: 'update-custom-date-to', value: string): void
51
49
  (event: 'update-custom-time-from', value: string): void
@@ -37,7 +37,7 @@
37
37
  <td class="relative">
38
38
  <input
39
39
  id="custom-time-lastInput"
40
- v-model="localTimespanPeriodType"
40
+ v-model="localPeriodType"
41
41
  data-id="custom-time-lastInput"
42
42
  type="radio"
43
43
  value="last"
@@ -55,7 +55,7 @@
55
55
  <div
56
56
  :class="[
57
57
  'custom-timespan-type-last-container',
58
- { active: localTimespanPeriodType === 'last' },
58
+ { active: localPeriodType === 'last' },
59
59
  ]"
60
60
  >
61
61
  <input
@@ -95,7 +95,7 @@
95
95
  <td class="relative">
96
96
  <input
97
97
  id="custom-time-fromInput"
98
- v-model="localTimespanPeriodType"
98
+ v-model="localPeriodType"
99
99
  data-id="custom-time-from-input"
100
100
  type="radio"
101
101
  value="period"
@@ -112,7 +112,7 @@
112
112
  <div
113
113
  :class="[
114
114
  'date-container-row disabled-container calendar-date-row',
115
- { active: localTimespanPeriodType === 'period' },
115
+ { active: localPeriodType === 'period' },
116
116
  ]"
117
117
  >
118
118
  <input
@@ -148,7 +148,7 @@
148
148
  <div
149
149
  :class="[
150
150
  'date-container-row disabled-container calendar-date-row',
151
- { active: localTimespanPeriodType === 'period' },
151
+ { active: localPeriodType === 'period' },
152
152
  ]"
153
153
  >
154
154
  <input
@@ -181,7 +181,7 @@
181
181
  <td
182
182
  :class="[
183
183
  'disabled-container',
184
- { active: localTimespanPeriodType === 'period' },
184
+ { active: localPeriodType === 'period' },
185
185
  ]"
186
186
  >
187
187
  <span> ({{ localization.common.isoTimeFormat }}) </span>
@@ -233,7 +233,7 @@ const props = defineProps<{
233
233
  selectedChartType: string
234
234
  selectedTimespanType: string
235
235
  unitsCount: number
236
- timespanPeriodType: string
236
+ periodType: string
237
237
  selectedCustomTime: string
238
238
  customDateFrom: string
239
239
  customDateTo: string
@@ -246,7 +246,7 @@ const emits = defineEmits<{
246
246
  (event: 'update-custom-time', value: string): void
247
247
  (event: 'update-timespan-type', value: string): void
248
248
  (event: 'update-unit-count', value: number): void
249
- (event: 'update-timespan-period-type', value: string): void
249
+ (event: 'update-period-type', value: string): void
250
250
  (event: 'update-custom-date-from', value: string): void
251
251
  (event: 'update-custom-date-to', value: string): void
252
252
  (event: 'update-custom-time-from', value: string): void
@@ -269,11 +269,11 @@ watch(
269
269
  localSelectedTimespan.value = newValue || timespanOptions.value[0].value
270
270
  }
271
271
  )
272
- const localTimespanPeriodType = ref<string>('last')
272
+ const localPeriodType = ref<string>('last')
273
273
  watch(
274
- () => props.timespanPeriodType,
274
+ () => props.periodType,
275
275
  (newValue) => {
276
- localTimespanPeriodType.value = newValue || 'last'
276
+ localPeriodType.value = newValue || 'last'
277
277
  },
278
278
  { immediate: true }
279
279
  )
@@ -287,10 +287,10 @@ watch(
287
287
  )
288
288
 
289
289
  watch(
290
- localTimespanPeriodType,
290
+ localPeriodType,
291
291
  (newValue) => {
292
292
  const currentValue = newValue || 'period'
293
- emits('update-timespan-period-type', currentValue)
293
+ emits('update-period-type', currentValue)
294
294
  },
295
295
  { immediate: true }
296
296
  )
@@ -43,10 +43,6 @@ export const viewFunc = (
43
43
  optionsNames: string[]
44
44
  ): UI_I_OptionItem[] => {
45
45
  const result = [
46
- {
47
- text: localization.common.all,
48
- value: 'all',
49
- },
50
46
  {
51
47
  text: localization.common.power,
52
48
  value: 'power',
@@ -2,7 +2,7 @@ export const sensorsLocalizationByStatus = [
2
2
  'unknown',
3
3
  'normal',
4
4
  'warning',
5
- 'problem',
5
+ 'alert',
6
6
  ]
7
7
 
8
8
  export const sensorsIconByStatus = [
@@ -81,14 +81,13 @@ import * as systemLogTable from '~/components/common/pages/hardwareHealth/tableV
81
81
  import * as historyTestimonyTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable'
82
82
 
83
83
  const props = defineProps<{
84
- selectedGraphView: string
85
84
  dataTable: UI_I_HardwareHealthSensors[]
86
85
  loading: boolean
87
86
  totalItems: number
88
87
  totalPages: number
89
88
  tableMode: UI_T_HardwareHealthTabMode
90
89
  }>()
91
- const selectedRow = defineModel<number[]>('selectedRow')
90
+ const selectedRow = defineModel<string[]>('selected')
92
91
  const localization = computed<UI_I_Localization>(() => useLocal())
93
92
 
94
93
  const table: any = {
@@ -136,11 +135,7 @@ const bodyItems = computed<UI_I_BodyItem[][]>(() => {
136
135
  break
137
136
  }
138
137
 
139
- return table[props.tableMode].bodyItems(
140
- tableData,
141
- localization.value,
142
- props.selectedGraphView
143
- )
138
+ return table[props.tableMode].bodyItems(tableData, localization.value)
144
139
  })
145
140
 
146
141
  const isShowSensorWarningDetails = ref<boolean>(false)
@@ -79,8 +79,7 @@ export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
79
79
 
80
80
  export const bodyItems = (
81
81
  data: UI_I_HardwareHealthSensors[],
82
- localization: UI_I_Localization,
83
- selectedGraphView: string
82
+ localization: UI_I_Localization
84
83
  ): UI_I_BodyItem[][] => {
85
84
  const bodyItems: UI_I_BodyItem[][] = []
86
85
  data.forEach((sensor: UI_I_HardwareHealthSensors, key) => {
@@ -90,15 +89,7 @@ export const bodyItems = (
90
89
  warning: sensor.warning,
91
90
  }
92
91
 
93
- const isCurrentItem =
94
- selectedGraphView !== 'all'
95
- ? selectedGraphView === sensor.category.toLowerCase()
96
- : true
97
-
98
- if (
99
- !['disk health'].includes(sensor.category.toLowerCase()) &&
100
- isCurrentItem
101
- )
92
+ if (!['disk health'].includes(sensor.category.toLowerCase()))
102
93
  bodyItems.push([
103
94
  {
104
95
  key: 'col0',
@@ -8,7 +8,6 @@ export interface UI_I_HardwareHealthSensors {
8
8
  reading: string
9
9
  category: string
10
10
  lastUpdated: string
11
- hidden: boolean
12
11
  mainName?: string
13
12
  path?: string
14
13
  warning?: string