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.
- package/assets/img/icons/icons-sprite-dark-6.svg +190 -1
- package/assets/img/icons/icons-sprite-light-6.svg +190 -1
- package/assets/localization/local_be.json +1 -14
- package/assets/localization/local_en.json +1 -14
- package/assets/localization/local_hy.json +1 -14
- package/assets/localization/local_kk.json +1 -14
- package/assets/localization/local_ru.json +25 -38
- package/assets/localization/local_zh.json +1 -14
- package/components/atoms/modal/bySteps/BySteps.vue +253 -253
- package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +4 -31
- package/components/atoms/table/dataGrid/lib/models/interfaces.ts +0 -5
- package/components/common/browse/blocks/Title.vue +91 -91
- package/components/common/browse/blocks/info/Date.vue +21 -21
- package/components/common/context/recursion/Recursion.vue +86 -86
- package/components/common/context/recursion/RecursionNew.vue +198 -198
- package/components/common/context/recursion/RecursionOld.vue +212 -212
- package/components/common/graph/Graph.vue +4 -5
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts +6 -6
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +1 -0
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue +1 -1
- package/components/common/pages/hardwareHealth/HardwareHealth.vue +9 -12
- package/components/common/pages/hardwareHealth/historyTestimony/Graph.vue +22 -103
- package/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces.ts +0 -1
- package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue +4 -9
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue +11 -29
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/Counters.vue +5 -10
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/Timespan.vue +4 -6
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/form/Form.vue +13 -13
- package/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar.ts +0 -4
- package/components/common/pages/hardwareHealth/lib/config/status.ts +1 -1
- package/components/common/pages/hardwareHealth/tableView/TableView.vue +2 -7
- package/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable.ts +2 -11
- package/components/common/pages/hardwareHealth/tableView/lib/models/interfaces.ts +0 -1
- package/components/common/pages/hardwareHealth/tableView/modal/{SensorWarning.vue → sensorWarning.vue} +1 -1
- package/components/common/recursionTree/RecursionTree.vue +1 -5
- package/components/common/split/horizontal/HorizontalNew.vue +321 -321
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +403 -400
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuHotPlug.vue +57 -52
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Hv.vue +99 -99
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue +85 -85
- package/components/common/wizards/datastore/add/Add.vue +437 -437
- package/composables/productNameLocal.ts +30 -30
- package/lib/models/interfaces.ts +0 -2
- package/package.json +1 -1
- package/plugins/recursion.ts +311 -311
- package/public/spice-console/lib/images/bitmap.js +203 -203
- package/store/tasks/mappers/recentTasks.ts +45 -45
- package/assets/img/icons/icons-sprite-dark-9.svg +0 -71
- 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
|
-
:
|
|
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
|
-
|
|
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="
|
|
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="
|
|
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
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
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
|
-
|
|
350
|
+
.empty-content {
|
|
432
351
|
height: inherit;
|
|
433
352
|
}
|
|
434
353
|
}
|
|
@@ -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
|
-
|
|
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-
|
|
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
|
-
:
|
|
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-
|
|
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-
|
|
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
|
|
190
|
+
const localPeriodType = ref<string>('')
|
|
192
191
|
watch(
|
|
193
|
-
() => props.
|
|
192
|
+
() => props.periodType,
|
|
194
193
|
(newValue) => {
|
|
195
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
:
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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
|
-
:
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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="
|
|
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:
|
|
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="
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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-
|
|
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
|
|
272
|
+
const localPeriodType = ref<string>('last')
|
|
273
273
|
watch(
|
|
274
|
-
() => props.
|
|
274
|
+
() => props.periodType,
|
|
275
275
|
(newValue) => {
|
|
276
|
-
|
|
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
|
-
|
|
290
|
+
localPeriodType,
|
|
291
291
|
(newValue) => {
|
|
292
292
|
const currentValue = newValue || 'period'
|
|
293
|
-
emits('update-
|
|
293
|
+
emits('update-period-type', currentValue)
|
|
294
294
|
},
|
|
295
295
|
{ immediate: true }
|
|
296
296
|
)
|
|
@@ -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<
|
|
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)
|
package/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable.ts
CHANGED
|
@@ -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
|
-
|
|
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',
|