bfg-common 1.4.734 → 1.4.799

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 (84) hide show
  1. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  2. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  3. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  4. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  5. package/assets/localization/local_be.json +2 -16
  6. package/assets/localization/local_en.json +2 -16
  7. package/assets/localization/local_hy.json +2 -16
  8. package/assets/localization/local_kk.json +2 -16
  9. package/assets/localization/local_ru.json +2 -16
  10. package/assets/localization/local_zh.json +2 -16
  11. package/components/atoms/select/TheSelect.vue +1 -10
  12. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  13. package/components/common/browse/lib/models/interfaces.ts +5 -5
  14. package/components/common/{monitor/advanced/tools/chartOptionsModal → chartOptionsModal}/counters/timespan/form/Form.vue +544 -539
  15. package/components/common/{pages/hardwareHealth/historyTestimony/tools/chartOptionsModal → chartOptionsModal}/counters/timespan/form/lib/config/dateForm.ts +116 -115
  16. package/components/common/diagramMain/Header.vue +211 -211
  17. package/components/common/diagramMain/adapter/AdapterItems.vue +61 -61
  18. package/components/common/diagramMain/lib/config/initial.ts +50 -50
  19. package/components/common/diagramMain/lib/models/types.ts +21 -21
  20. package/components/common/diagramMain/lib/utils/utils.ts +331 -331
  21. package/components/common/diagramMain/modals/ManagePhysicalAdaptersModal.vue +330 -330
  22. package/components/common/diagramMain/modals/editSettings/ConfirmTeamingSettingsModal.vue +40 -40
  23. package/components/common/diagramMain/modals/editSettings/EditSettings.vue +497 -497
  24. package/components/common/diagramMain/modals/editSettings/EditSettingsModal.vue +812 -812
  25. package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue +214 -214
  26. package/components/common/diagramMain/modals/editSettings/tabs/Security.vue +189 -189
  27. package/components/common/diagramMain/modals/editSettings/tabs/SwitchProperties.vue +163 -163
  28. package/components/common/diagramMain/modals/editSettings/tabs/TeamingFailover.vue +175 -175
  29. package/components/common/diagramMain/modals/editSettings/tabs/TrafficShaping.vue +398 -398
  30. package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +346 -346
  31. package/components/common/diagramMain/modals/editSettings/tabs/port/PortProperties.vue +205 -205
  32. package/components/common/diagramMain/modals/lib/config/diagramConfig.ts +23 -23
  33. package/components/common/diagramMain/modals/lib/config/initial.ts +180 -180
  34. package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
  35. package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
  36. package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
  37. package/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps.ts +114 -114
  38. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue +169 -169
  39. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/SelectVmkernelAdapter.vue +159 -159
  40. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
  41. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts +137 -137
  42. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts +52 -52
  43. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
  44. package/components/common/diagramMain/port/Ports.vue +47 -47
  45. package/components/common/monitor/advanced/Advanced.vue +5 -0
  46. package/components/common/monitor/advanced/tools/Tools.vue +9 -2
  47. package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue +9 -2
  48. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue +2 -0
  49. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +95 -93
  50. package/components/common/monitor/overview/filters/Filters.vue +3 -0
  51. package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue +15 -5
  52. package/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker.ts +24 -14
  53. package/components/common/pages/hardwareHealth/HardwareHealth.vue +12 -5
  54. package/components/common/pages/hardwareHealth/historyTestimony/Graph.vue +456 -451
  55. package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue +387 -380
  56. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue +13 -6
  57. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/Counters.vue +94 -94
  58. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/Timespan.vue +66 -66
  59. package/components/common/pages/tasks/Tasks.vue +0 -9
  60. package/components/common/pages/tasks/table/Table.vue +1 -0
  61. package/components/common/pages/tasks/table/errorInfo/ErrorInfo.vue +6 -10
  62. package/components/common/pages/tasks/table/expandDetails/ExpandDetails.vue +8 -8
  63. package/components/common/vm/actions/add/Add.vue +0 -2
  64. package/components/common/vm/actions/clone/Clone.vue +0 -2
  65. package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue +0 -3
  66. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +0 -2
  67. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue +0 -2
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue +1 -9
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue +2 -5
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +1 -3
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/dropdownItems.ts +4 -6
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +10 -52
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceNew.vue +5 -31
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceOld.vue +5 -31
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +2 -9
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options.ts +4 -11
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelectionNew.vue +1 -1
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelectionOld.vue +1 -1
  79. package/components/common/vm/actions/editSettings/EditSettings.vue +0 -3
  80. package/components/common/vm/actions/editSettings/EditSettingsOld.vue +0 -2
  81. package/components/common/vm/actions/editSettings/new/New.vue +0 -2
  82. package/package.json +3 -3
  83. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/lib/config/dateForm.ts +0 -114
  84. package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/form/Form.vue +0 -539
@@ -42,19 +42,20 @@
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="localTimespanPeriodType"
46
46
  :selected-custom-time="localCustomTime"
47
47
  :custom-date-from="props.customDateFrom"
48
48
  :custom-date-to="props.customDateTo"
49
49
  :custom-time-from="props.customTimeFrom"
50
50
  :custom-time-to="props.customTimeTo"
51
+ :valid-date-end="props.validDateEnd"
51
52
  @select-power-row="onSelectPowerRow"
52
53
  @select-temperature-row="onSelectTemperatureRow"
53
54
  @update-chart-type="selectedChartTypeLocal = $event"
54
55
  @update-custom-time="localCustomTime = $event"
55
56
  @update-timespan-type="timespanType = $event"
56
57
  @update-unit-count="unitCount = $event"
57
- @update-timespan-period-type="localTimespanPeriodType = $event"
58
+ @update-period-type="localTimespanPeriodType = $event"
58
59
  @update-custom-date-from="onUpdateCustomDateFrom"
59
60
  @update-custom-date-to="onUpdateCustomDateTo"
60
61
  @update-custom-time-from="onUpdateCustomTimeFrom"
@@ -95,6 +96,8 @@ const props = defineProps<{
95
96
  customTimeFrom: string
96
97
  customTimeTo: string
97
98
  timespanPeriodType: string
99
+ validDateEnd: number
100
+ formatDate: string
98
101
  }>()
99
102
 
100
103
  const emits = defineEmits<{
@@ -111,7 +114,7 @@ const emits = defineEmits<{
111
114
  (event: 'update-chart-type', value: string): void
112
115
  (event: 'update-timespan-type', value: string): void
113
116
  (event: 'update-unit-count', value: number): void
114
- (event: 'update-timespan-period-type', value: string): void
117
+ (event: 'update-period-type', value: string): void
115
118
  (event: 'update-custom-time', value: string): void
116
119
  (event: 'delete-option'): void
117
120
  (event: 'save-option-name'): void
@@ -243,7 +246,9 @@ const checkValidations = (): boolean => {
243
246
  localCustomDateFrom.value,
244
247
  localCustomDateTo.value,
245
248
  localCustomTimeFrom.value,
246
- localCustomTimeTo.value
249
+ localCustomTimeTo.value,
250
+ props.validDateEnd,
251
+ props.formatDate
247
252
  )
248
253
 
249
254
  if (isDisabledSubmit.value) {
@@ -310,7 +315,9 @@ const onSubmit = (): void => {
310
315
  localCustomDateFrom.value,
311
316
  localCustomDateTo.value,
312
317
  localCustomTimeFrom.value,
313
- localCustomTimeTo.value
318
+ localCustomTimeTo.value,
319
+ props.validDateEnd,
320
+ props.formatDate
314
321
  )
315
322
  if (Array.isArray(checkDateResult)) {
316
323
  validPeriod[0] = checkDateResult[0]
@@ -334,7 +341,7 @@ const onSubmit = (): void => {
334
341
  period: validPeriod,
335
342
  }
336
343
 
337
- emits('update-timespan-period-type', savedObject.periodType)
344
+ emits('update-period-type', savedObject.periodType)
338
345
  emits('submit-options', savedObject)
339
346
  onHide()
340
347
  }
@@ -1,94 +1,94 @@
1
- <template>
2
- <div class="vertical-flex-container chart-option-counters-container">
3
- <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-table
4
- :chart="props.chart"
5
- :selected-power-keys="props.selectedPowerKeys"
6
- :selected-temperature-keys="props.selectedTemperatureKeys"
7
- :power-counters-table-data="props.powerCountersTableData"
8
- :temperature-counters-table-data="props.temperatureCountersTableData"
9
- @select-power-row="emits('select-power-row', $event)"
10
- @select-temperature-row="emits('select-temperature-row', $event)"
11
- @total-items="totalMetricItems = $event"
12
- />
13
- <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan
14
- :language="props.language"
15
- :selected-chart-type="props.selectedChartType"
16
- :selected-timespan-type="props.selectedTimespanType"
17
- :units-count="props.unitsCount"
18
- :timespan-period-type="props.timespanPeriodType"
19
- :selected-custom-time="props.selectedCustomTime"
20
- :custom-date-from="props.customDateFrom"
21
- :custom-date-to="props.customDateTo"
22
- :custom-time-from="props.customTimeFrom"
23
- :custom-time-to="props.customTimeTo"
24
- @update-chart-type="emits('update-chart-type', $event)"
25
- @update-custom-time="emits('update-custom-time', $event)"
26
- @update-timespan-type="emits('update-timespan-type', $event)"
27
- @update-unit-count="emits('update-unit-count', $event)"
28
- @update-timespan-period-type="
29
- emits('update-timespan-period-type', $event)
30
- "
31
- @update-custom-date-from="emits('update-custom-date-from', $event)"
32
- @update-custom-date-to="emits('update-custom-date-to', $event)"
33
- @update-custom-time-from="emits('update-custom-time-from', $event)"
34
- @update-custom-time-to="emits('update-custom-time-to', $event)"
35
- />
36
- </div>
37
- </template>
38
-
39
- <script setup lang="ts">
40
- import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
41
- import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
42
-
43
- const props = defineProps<{
44
- chart: UI_T_Chart
45
- selectedPowerKeys: number[]
46
- selectedTemperatureKeys: number[]
47
- powerCountersTableData: UI_I_HardwareHealthSensorsGraph[]
48
- temperatureCountersTableData: UI_I_HardwareHealthSensorsGraph[]
49
- language: string
50
- selectedChartType: string
51
- selectedTimespanType: string
52
- unitsCount: number
53
- timespanPeriodType: string
54
- selectedCustomTime: string
55
- customDateFrom: string
56
- customDateTo: string
57
- customTimeFrom: string
58
- customTimeTo: string
59
- }>()
60
-
61
- const emits = defineEmits<{
62
- (event: 'select-power-row', value: UI_I_HardwareHealthSensorsGraph[]): void
63
- (
64
- event: 'select-temperature-row',
65
- value: UI_I_HardwareHealthSensorsGraph[]
66
- ): void
67
- (event: 'update-chart-type', value: string): void
68
- (event: 'update-custom-time', value: string): void
69
- (event: 'update-timespan-type', value: string): void
70
- (event: 'update-unit-count', value: number): void
71
- (event: 'update-timespan-period-type', value: string): void
72
- (event: 'update-custom-date-from', value: string): void
73
- (event: 'update-custom-date-to', value: string): void
74
- (event: 'update-custom-time-from', value: string): void
75
- (event: 'update-custom-time-to', value: string): void
76
- }>()
77
-
78
- const totalMetricItems = ref<number>(0)
79
- </script>
80
-
81
- <style scoped lang="scss">
82
- .chart-option-counters-container {
83
- margin-top: 20px;
84
- flex-basis: 80%;
85
- padding-left: 15px;
86
- max-width: 80%;
87
- }
88
- @media (max-width: 1024px) {
89
- .chart-option-counters-container {
90
- max-width: unset;
91
- padding-left: 0;
92
- }
93
- }
94
- </style>
1
+ <template>
2
+ <div class="vertical-flex-container chart-option-counters-container">
3
+ <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-table
4
+ :chart="props.chart"
5
+ :selected-power-keys="props.selectedPowerKeys"
6
+ :selected-temperature-keys="props.selectedTemperatureKeys"
7
+ :power-counters-table-data="props.powerCountersTableData"
8
+ :temperature-counters-table-data="props.temperatureCountersTableData"
9
+ @select-power-row="emits('select-power-row', $event)"
10
+ @select-temperature-row="emits('select-temperature-row', $event)"
11
+ @total-items="totalMetricItems = $event"
12
+ />
13
+ <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan
14
+ :language="props.language"
15
+ :selected-chart-type="props.selectedChartType"
16
+ :selected-timespan-type="props.selectedTimespanType"
17
+ :units-count="props.unitsCount"
18
+ :period-type="props.periodType"
19
+ :selected-custom-time="props.selectedCustomTime"
20
+ :custom-date-from="props.customDateFrom"
21
+ :custom-date-to="props.customDateTo"
22
+ :custom-time-from="props.customTimeFrom"
23
+ :custom-time-to="props.customTimeTo"
24
+ :valid-date-end="props.validDateEnd"
25
+ @update-chart-type="emits('update-chart-type', $event)"
26
+ @update-custom-time="emits('update-custom-time', $event)"
27
+ @update-timespan-type="emits('update-timespan-type', $event)"
28
+ @update-unit-count="emits('update-unit-count', $event)"
29
+ @update-period-type="emits('update-period-type', $event)"
30
+ @update-custom-date-from="emits('update-custom-date-from', $event)"
31
+ @update-custom-date-to="emits('update-custom-date-to', $event)"
32
+ @update-custom-time-from="emits('update-custom-time-from', $event)"
33
+ @update-custom-time-to="emits('update-custom-time-to', $event)"
34
+ />
35
+ </div>
36
+ </template>
37
+
38
+ <script setup lang="ts">
39
+ import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
40
+ import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
41
+
42
+ const props = defineProps<{
43
+ chart: UI_T_Chart
44
+ selectedPowerKeys: number[]
45
+ selectedTemperatureKeys: number[]
46
+ powerCountersTableData: UI_I_HardwareHealthSensorsGraph[]
47
+ temperatureCountersTableData: UI_I_HardwareHealthSensorsGraph[]
48
+ language: string
49
+ selectedChartType: string
50
+ selectedTimespanType: string
51
+ unitsCount: number
52
+ periodType: string
53
+ selectedCustomTime: string
54
+ customDateFrom: string
55
+ customDateTo: string
56
+ customTimeFrom: string
57
+ customTimeTo: string
58
+ validDateEnd: number
59
+ }>()
60
+
61
+ const emits = defineEmits<{
62
+ (event: 'select-power-row', value: UI_I_HardwareHealthSensorsGraph[]): void
63
+ (
64
+ event: 'select-temperature-row',
65
+ value: UI_I_HardwareHealthSensorsGraph[]
66
+ ): void
67
+ (event: 'update-chart-type', value: string): void
68
+ (event: 'update-custom-time', value: string): void
69
+ (event: 'update-timespan-type', value: string): void
70
+ (event: 'update-unit-count', value: number): void
71
+ (event: 'update-period-type', value: string): void
72
+ (event: 'update-custom-date-from', value: string): void
73
+ (event: 'update-custom-date-to', value: string): void
74
+ (event: 'update-custom-time-from', value: string): void
75
+ (event: 'update-custom-time-to', value: string): void
76
+ }>()
77
+
78
+ const totalMetricItems = ref<number>(0)
79
+ </script>
80
+
81
+ <style scoped lang="scss">
82
+ .chart-option-counters-container {
83
+ margin-top: 20px;
84
+ flex-basis: 80%;
85
+ padding-left: 15px;
86
+ max-width: 80%;
87
+ }
88
+ @media (max-width: 1024px) {
89
+ .chart-option-counters-container {
90
+ max-width: unset;
91
+ padding-left: 0;
92
+ }
93
+ }
94
+ </style>
@@ -1,66 +1,66 @@
1
- <template>
2
- <div class="timespan-objects-section-direction">
3
- <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan-form
4
- :language="props.language"
5
- :selected-chart-type="props.selectedChartType"
6
- :selected-timespan-type="props.selectedTimespanType"
7
- :units-count="props.unitsCount"
8
- :timespan-period-type="props.timespanPeriodType"
9
- :selected-custom-time="props.selectedCustomTime"
10
- :custom-date-from="props.customDateFrom"
11
- :custom-date-to="props.customDateTo"
12
- :custom-time-from="props.customTimeFrom"
13
- :custom-time-to="props.customTimeTo"
14
- @update-chart-type="emits('update-chart-type', $event)"
15
- @update-custom-time="emits('update-custom-time', $event)"
16
- @update-timespan-type="emits('update-timespan-type', $event)"
17
- @update-unit-count="emits('update-unit-count', $event)"
18
- @update-timespan-period-type="
19
- emits('update-timespan-period-type', $event)
20
- "
21
- @update-custom-date-from="emits('update-custom-date-from', $event)"
22
- @update-custom-date-to="emits('update-custom-date-to', $event)"
23
- @update-custom-time-from="emits('update-custom-time-from', $event)"
24
- @update-custom-time-to="emits('update-custom-time-to', $event)"
25
- />
26
- </div>
27
- </template>
28
-
29
- <script setup lang="ts">
30
- const props = defineProps<{
31
- language: string
32
- selectedChartType: string
33
- selectedTimespanType: string
34
- unitsCount: number
35
- timespanPeriodType: string
36
- selectedCustomTime: string
37
- customDateFrom: string
38
- customDateTo: string
39
- customTimeFrom: string
40
- customTimeTo: string
41
- }>()
42
-
43
- const emits = defineEmits<{
44
- (event: 'update-chart-type', value: string): void
45
- (event: 'update-custom-time', value: string): void
46
- (event: 'update-timespan-type', value: string): void
47
- (event: 'update-unit-count', value: number): void
48
- (event: 'update-timespan-period-type', value: string): void
49
- (event: 'update-custom-date-from', value: string): void
50
- (event: 'update-custom-date-to', value: string): void
51
- (event: 'update-custom-time-from', value: string): void
52
- (event: 'update-custom-time-to', value: string): void
53
- }>()
54
- </script>
55
-
56
- <style scoped lang="scss">
57
- .timespan-objects-section-direction {
58
- display: flex;
59
- flex-direction: row;
60
- }
61
- @media (max-width: 1024px) {
62
- .timespan-objects-section-direction {
63
- flex-direction: column;
64
- }
65
- }
66
- </style>
1
+ <template>
2
+ <div class="timespan-objects-section-direction">
3
+ <common-chart-options-modal-counters-timespan-form
4
+ :language="props.language"
5
+ :selected-chart-type="props.selectedChartType"
6
+ :selected-timespan-type="props.selectedTimespanType"
7
+ :units-count="props.unitsCount"
8
+ :period-type="props.periodType"
9
+ :selected-custom-time="props.selectedCustomTime"
10
+ :custom-date-from="props.customDateFrom"
11
+ :custom-date-to="props.customDateTo"
12
+ :custom-time-from="props.customTimeFrom"
13
+ :custom-time-to="props.customTimeTo"
14
+ :valid-date-end="props.validDateEnd"
15
+ @update-chart-type="emits('update-chart-type', $event)"
16
+ @update-custom-time="emits('update-custom-time', $event)"
17
+ @update-timespan-type="emits('update-timespan-type', $event)"
18
+ @update-unit-count="emits('update-unit-count', $event)"
19
+ @update-period-type="emits('update-period-type', $event)"
20
+ @update-custom-date-from="emits('update-custom-date-from', $event)"
21
+ @update-custom-date-to="emits('update-custom-date-to', $event)"
22
+ @update-custom-time-from="emits('update-custom-time-from', $event)"
23
+ @update-custom-time-to="emits('update-custom-time-to', $event)"
24
+ />
25
+ </div>
26
+ </template>
27
+
28
+ <script setup lang="ts">
29
+ const props = defineProps<{
30
+ language: string
31
+ selectedChartType: string
32
+ selectedTimespanType: string
33
+ unitsCount: number
34
+ periodType: string
35
+ selectedCustomTime: string
36
+ customDateFrom: string
37
+ customDateTo: string
38
+ customTimeFrom: string
39
+ customTimeTo: string
40
+ validDateEnd: number
41
+ }>()
42
+
43
+ const emits = defineEmits<{
44
+ (event: 'update-chart-type', value: string): void
45
+ (event: 'update-custom-time', value: string): void
46
+ (event: 'update-timespan-type', value: string): void
47
+ (event: 'update-unit-count', value: number): void
48
+ (event: 'update-period-type', value: string): void
49
+ (event: 'update-custom-date-from', value: string): void
50
+ (event: 'update-custom-date-to', value: string): void
51
+ (event: 'update-custom-time-from', value: string): void
52
+ (event: 'update-custom-time-to', value: string): void
53
+ }>()
54
+ </script>
55
+
56
+ <style scoped lang="scss">
57
+ .timespan-objects-section-direction {
58
+ display: flex;
59
+ flex-direction: row;
60
+ }
61
+ @media (max-width: 1024px) {
62
+ .timespan-objects-section-direction {
63
+ flex-direction: column;
64
+ }
65
+ }
66
+ </style>
@@ -74,20 +74,11 @@ onUnmounted(() => {
74
74
  })
75
75
  </script>
76
76
 
77
- <style>
78
- :root {
79
- --main-bg-color: #fafafa;
80
- }
81
- :root.dark-theme {
82
- --main-bg-color: #213444;
83
- }
84
- </style>
85
77
  <style lang="scss" scoped>
86
78
  .tasks {
87
79
  display: flex; // TODO надо удалить потом (clr style)
88
80
  flex-direction: column; // TODO надо удалить потом (clr style)
89
81
  height: inherit;
90
- background-color: var(--main-bg-color);
91
82
  padding: 10px 16px 30px;
92
83
  &__headline {
93
84
  font-family: Inter, sans-serif;
@@ -228,6 +228,7 @@ const onSelectNodeOfTree = (
228
228
  }
229
229
  .chip-icon {
230
230
  min-width: 14px;
231
+ margin-right: 6px;
231
232
  }
232
233
  .icon {
233
234
  margin-right: 4px;
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="error-info">
3
3
  <ui-icon
4
- :id="`task-error-info-icon-${props.id}`"
4
+ :id="`resent-task-error-info-icon-${props.id}`"
5
5
  name="info"
6
6
  width="16px"
7
7
  height="16px"
@@ -13,7 +13,7 @@
13
13
  width="232px"
14
14
  top
15
15
  left
16
- :elem-id="`task-error-info-icon-${props.id}`"
16
+ :elem-id="`resent-task-error-info-icon-${props.id}`"
17
17
  >
18
18
  <div class="common-widget-info">
19
19
  <div class="headline justify-between flex-align-center">
@@ -39,7 +39,7 @@
39
39
  </template>
40
40
 
41
41
  <script lang="ts" setup>
42
- import type { UI_I_Localization } from '~/lib/models/interfaces'
42
+ import type { UI_I_Localization } from '~/node_modules/bfg-common/lib/models/interfaces'
43
43
 
44
44
  const props = defineProps<{
45
45
  id: string
@@ -58,13 +58,13 @@ const isShowInfo = ref<boolean>(false)
58
58
  margin-left: 8px;
59
59
 
60
60
  .info-icon {
61
- color: var(--form-icon-color);
61
+ color: #9da6ad;
62
62
 
63
63
  &:hover {
64
- color: var(--close-icon);
64
+ color: #4d5d69;
65
65
  }
66
66
  &.show {
67
- color: var(--switch-bg-checked-reverse);
67
+ color: #008fd6;
68
68
  }
69
69
  }
70
70
 
@@ -79,10 +79,6 @@ const isShowInfo = ref<boolean>(false)
79
79
  margin-left: 8px;
80
80
  }
81
81
 
82
- .hide-icon {
83
- color: var(--alert-icon);
84
- }
85
-
86
82
  .common-widget-info-description {
87
83
  font-size: 13px;
88
84
  line-height: 15.73px;
@@ -18,7 +18,6 @@
18
18
  <ui-chip
19
19
  :test-id="normalizedTaskDetails[2].data.testId"
20
20
  :color="normalizedTaskDetails[2].data.chipColor"
21
- size="sm"
22
21
  rounded
23
22
  >
24
23
  <ui-icon
@@ -127,18 +126,15 @@ const onSelectNodeOfTree = (data: any): void => {
127
126
  line-height: 14.52px;
128
127
  }
129
128
  .expand-details {
130
- display: grid;
131
- grid-template-columns: auto 1fr;
132
- column-gap: 24px;
133
- row-gap: 8px;
134
129
  &__row {
135
- display: contents;
136
- height: 18px;
130
+ display: grid;
131
+ grid-template-columns: 110px 1fr;
132
+ column-gap: 12px;
133
+ margin-bottom: 8px;
137
134
  }
138
135
  &__label {
139
136
  @extend %properties;
140
137
  color: #9da6ad;
141
- text-transform: capitalize;
142
138
  }
143
139
  &__value {
144
140
  @extend %properties;
@@ -162,6 +158,10 @@ const onSelectNodeOfTree = (data: any): void => {
162
158
  @include flex($align: center);
163
159
  .ui-chip {
164
160
  width: max-content;
161
+ :deep(.ui-chip__label) {
162
+ // TODO надо удалить потом (clr style)
163
+ grid-gap: 4px;
164
+ }
165
165
  }
166
166
  }
167
167
  }
@@ -94,7 +94,6 @@
94
94
  :datastore="props.datastore"
95
95
  :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
96
96
  :passthrough-devices="props.passthroughDevices"
97
- :mediated-devices="props.mediatedDevices"
98
97
  @change-boot-order="onChangeBootOrder"
99
98
  @send-data="onChangeCustomizeHardware"
100
99
  @get-storage="emits('get-storage', $event)"
@@ -200,7 +199,6 @@ const props = defineProps<{
200
199
  [UI_T_SelectedNavItem, null | number] | null
201
200
  >
202
201
  passthroughDevices: UI_I_PciDevice[]
203
- mediatedDevices: any[]
204
202
  vmNameInWizard: string
205
203
  capabilities?: UI_I_Capabilities
206
204
  dataCenter?: UI_I_TreeNode // для сферы
@@ -71,7 +71,6 @@
71
71
  :error-validation-fields="props.errorValidationFields"
72
72
  :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
73
73
  :passthrough-devices="props.passthroughDevices"
74
- :mediated-devices="props.mediatedDevices"
75
74
  :get-datastore-table-func="props.getDatastoreTableFunc"
76
75
  :datastore="props.datastore"
77
76
  :project="props.project"
@@ -153,7 +152,6 @@ const props = defineProps<{
153
152
  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
154
153
  validateSendDataFunc: any
155
154
  passthroughDevices: UI_I_ConfigurePciDevicesTable | null
156
- mediatedDevices: any[]
157
155
  vmNameInWizard: string
158
156
  capabilities?: UI_I_Capabilities
159
157
  schedulerTask?: any // TODO надо interface переместить глобално
@@ -35,7 +35,6 @@
35
35
  :is-clone="props.isClone"
36
36
  :state="props.state"
37
37
  :passthrough-devices="props.passthroughDevices"
38
- :mediated-devices="props.mediatedDevices"
39
38
  :project="props.project"
40
39
  :nav-items="navItems"
41
40
  :errors="errors"
@@ -89,7 +88,6 @@
89
88
  :is-clone="props.isClone"
90
89
  :state="props.state"
91
90
  :passthrough-devices="props.passthroughDevices"
92
- :mediated-devices="props.mediatedDevices"
93
91
  :project="props.project"
94
92
  :nav-items="navItems"
95
93
  :errors="errors"
@@ -175,7 +173,6 @@ const props = defineProps<{
175
173
  isClone?: boolean
176
174
  state?: string | number
177
175
  passthroughDevices?: UI_I_PciDevice[]
178
- mediatedDevices?: any[]
179
176
  project?: UI_T_Project
180
177
  }>()
181
178
  const emits = defineEmits<{
@@ -42,7 +42,6 @@
42
42
  :datastore="props.datastore"
43
43
  :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
44
44
  :passthrough-devices="props.passthroughDevices"
45
- :mediated-devices="props.mediatedDevices"
46
45
  :project="props.project"
47
46
  :guest-machine-type="guestMachineType"
48
47
  @send-data="emits('send-data-virtual-hardware-method', $event)"
@@ -159,7 +158,6 @@ const props = defineProps<{
159
158
  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
160
159
  usbController?: string
161
160
  passthroughDevices?: UI_I_PciDevice[]
162
- mediatedDevices?: any[]
163
161
  vmCpuHelpTextSecond?: string
164
162
  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
165
163
  }>()
@@ -35,7 +35,6 @@
35
35
  :datastore="props.datastore"
36
36
  :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
37
37
  :passthrough-devices="props.passthroughDevices"
38
- :mediated-devices="props.mediatedDevices"
39
38
  :project="props.project"
40
39
  :guest-machine-type="guestMachineType"
41
40
  @send-data="emits('send-data-virtual-hardware-method', $event)"
@@ -135,7 +134,6 @@ const props = defineProps<{
135
134
  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
136
135
  usbController?: string
137
136
  passthroughDevices?: UI_I_PciDevice[]
138
- mediatedDevices?: any[]
139
137
  vmCpuHelpTextSecond?: string
140
138
  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
141
139
  }>()
@@ -37,7 +37,6 @@
37
37
  :usb-controller="usbController"
38
38
  :guest-machine-type="guestMachineType"
39
39
  :passthrough-devices="passthroughDevices"
40
- :mediated-devices="mediatedDevices"
41
40
  :vm-cpu-help-text-second="vmCpuHelpTextSecond"
42
41
  @add-device="onAddDevice"
43
42
  @get-storage="emits('get-storage', $event)"
@@ -104,7 +103,6 @@
104
103
  :usb-controller="usbController"
105
104
  :guest-machine-type="guestMachineType"
106
105
  :passthrough-devices="passthroughDevices"
107
- :mediated-devices="mediatedDevices"
108
106
  :vm-cpu-help-text-second="vmCpuHelpTextSecond"
109
107
  @add-device="onAddDevice"
110
108
  @get-storage="emits('get-storage', $event)"
@@ -197,7 +195,6 @@ const props = defineProps<{
197
195
  usbController?: string
198
196
  pciDevices?: UI_I_SendDataNewPciDevice[]
199
197
  passthroughDevices?: UI_I_PciDevice[]
200
- mediatedDevices?: any[]
201
198
  project: UI_T_Project
202
199
  guestMachineType?: UI_I_OptionItem | null
203
200
  }>()
@@ -219,12 +216,7 @@ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
219
216
  const localization = computed<UI_I_Localization>(() => useLocal())
220
217
 
221
218
  const dropdownItems = computed<UI_I_DropdownTreeItem[]>(() =>
222
- dropdownItemsFunc(
223
- localization.value,
224
- props.state,
225
- props.passthroughDevices,
226
- props.mediatedDevices
227
- )
219
+ dropdownItemsFunc(localization.value, props.state, props.passthroughDevices)
228
220
  )
229
221
 
230
222
  const hardDisksIndex = ref<number[]>([0])