bfg-common 1.4.721 → 1.4.722

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 (7) hide show
  1. package/components/common/monitor/advanced/Advanced.vue +244 -239
  2. package/components/common/monitor/advanced/tools/Tools.vue +447 -440
  3. package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue +511 -504
  4. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue +108 -106
  5. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +95 -93
  6. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue +544 -539
  7. package/package.json +1 -1
package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue CHANGED
@@ -1,106 +1,108 @@
1
- <template>
2
- <div class="vertical-flex-container chart-option-counters-container">
3
- <common-monitor-advanced-tools-chart-options-modal-counters-table
4
- :chart="props.chart"
5
- :type="props.type"
6
- :selected-keys="props.selectedKeys"
7
- :total-cores="props.totalCores"
8
- @select-row="emits('select-row', $event)"
9
- @total-items="totalMetricItems = $event"
10
- />
11
- <common-monitor-advanced-tools-chart-options-modal-counters-timespan
12
- :type="props.type"
13
- :chart="props.chart"
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
- :total-cores="props.totalCores"
25
- :host-id="props.hostId"
26
- :selected-metrics-keys="props.selectedMetricsKeys"
27
- :total-metric-items="totalMetricItems"
28
- :selected-objects="props.selectedObjects"
29
- :objects-loading="props.objectsLoading"
30
- :objects-data="props.objectsData"
31
- @update-chart-type="emits('update-chart-type', $event)"
32
- @update-custom-time="emits('update-custom-time', $event)"
33
- @update-timespan-type="emits('update-timespan-type', $event)"
34
- @update-unit-count="emits('update-unit-count', $event)"
35
- @update-period-type="emits('update-period-type', $event)"
36
- @update-custom-date-from="emits('update-custom-date-from', $event)"
37
- @update-custom-date-to="emits('update-custom-date-to', $event)"
38
- @update-custom-time-from="emits('update-custom-time-from', $event)"
39
- @update-custom-time-to="emits('update-custom-time-to', $event)"
40
- @select-objects="emits('select-objects', $event)"
41
- />
42
- </div>
43
- </template>
44
-
45
- <script setup lang="ts">
46
- import type {
47
- UI_T_ChartHost,
48
- UI_T_ChartVm,
49
- } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
50
- import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
51
- import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
52
- import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
53
-
54
- const props = defineProps<{
55
- language: string
56
- chart: UI_T_ChartHost | UI_T_ChartVm
57
- type: UI_T_AdvancedType
58
- selectedKeys: number[]
59
- selectedChartType: string
60
- selectedTimespanType: string
61
- unitsCount: number
62
- periodType: string
63
- selectedCustomTime: string
64
- customDateFrom: string
65
- customDateTo: string
66
- customTimeFrom: string
67
- customTimeTo: string
68
- totalCores: number
69
- hostId: string
70
- selectedMetricsKeys: number[]
71
- selectedObjects: string
72
- objectsLoading: boolean
73
- objectsData: UI_I_ObjectItem[]
74
- }>()
75
-
76
- const emits = defineEmits<{
77
- (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
78
- (event: 'update-chart-type', value: string): void
79
- (event: 'update-custom-time', value: string): void
80
- (event: 'update-timespan-type', value: string): void
81
- (event: 'update-unit-count', value: number): void
82
- (event: 'update-period-type', value: string): void
83
- (event: 'update-custom-date-from', value: string): void
84
- (event: 'update-custom-date-to', value: string): void
85
- (event: 'update-custom-time-from', value: string): void
86
- (event: 'update-custom-time-to', value: string): void
87
- (event: 'select-objects', value: string): void
88
- }>()
89
-
90
- const totalMetricItems = ref<number>(0)
91
- </script>
92
-
93
- <style scoped lang="scss">
94
- .chart-option-counters-container {
95
- margin-top: 20px;
96
- flex-basis: 80%;
97
- padding-left: 15px;
98
- max-width: 80%;
99
- }
100
- @media (max-width: 1024px) {
101
- .chart-option-counters-container {
102
- max-width: unset;
103
- padding-left: 0;
104
- }
105
- }
106
- </style>
1
+ <template>
2
+ <div class="vertical-flex-container chart-option-counters-container">
3
+ <common-monitor-advanced-tools-chart-options-modal-counters-table
4
+ :chart="props.chart"
5
+ :type="props.type"
6
+ :selected-keys="props.selectedKeys"
7
+ :total-cores="props.totalCores"
8
+ @select-row="emits('select-row', $event)"
9
+ @total-items="totalMetricItems = $event"
10
+ />
11
+ <common-monitor-advanced-tools-chart-options-modal-counters-timespan
12
+ :type="props.type"
13
+ :chart="props.chart"
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
+ :total-cores="props.totalCores"
25
+ :host-id="props.hostId"
26
+ :selected-metrics-keys="props.selectedMetricsKeys"
27
+ :total-metric-items="totalMetricItems"
28
+ :selected-objects="props.selectedObjects"
29
+ :objects-loading="props.objectsLoading"
30
+ :objects-data="props.objectsData"
31
+ :valid-date-end="props.validDateEnd"
32
+ @update-chart-type="emits('update-chart-type', $event)"
33
+ @update-custom-time="emits('update-custom-time', $event)"
34
+ @update-timespan-type="emits('update-timespan-type', $event)"
35
+ @update-unit-count="emits('update-unit-count', $event)"
36
+ @update-period-type="emits('update-period-type', $event)"
37
+ @update-custom-date-from="emits('update-custom-date-from', $event)"
38
+ @update-custom-date-to="emits('update-custom-date-to', $event)"
39
+ @update-custom-time-from="emits('update-custom-time-from', $event)"
40
+ @update-custom-time-to="emits('update-custom-time-to', $event)"
41
+ @select-objects="emits('select-objects', $event)"
42
+ />
43
+ </div>
44
+ </template>
45
+
46
+ <script setup lang="ts">
47
+ import type {
48
+ UI_T_ChartHost,
49
+ UI_T_ChartVm,
50
+ } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
51
+ import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
52
+ import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
53
+ import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
54
+
55
+ const props = defineProps<{
56
+ language: string
57
+ chart: UI_T_ChartHost | UI_T_ChartVm
58
+ type: UI_T_AdvancedType
59
+ selectedKeys: number[]
60
+ selectedChartType: string
61
+ selectedTimespanType: string
62
+ unitsCount: number
63
+ periodType: string
64
+ selectedCustomTime: string
65
+ customDateFrom: string
66
+ customDateTo: string
67
+ customTimeFrom: string
68
+ customTimeTo: string
69
+ totalCores: number
70
+ hostId: string
71
+ selectedMetricsKeys: number[]
72
+ selectedObjects: string
73
+ objectsLoading: boolean
74
+ objectsData: UI_I_ObjectItem[]
75
+ validDateEnd: number
76
+ }>()
77
+
78
+ const emits = defineEmits<{
79
+ (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
80
+ (event: 'update-chart-type', value: string): void
81
+ (event: 'update-custom-time', value: string): void
82
+ (event: 'update-timespan-type', value: string): void
83
+ (event: 'update-unit-count', value: number): void
84
+ (event: 'update-period-type', value: string): void
85
+ (event: 'update-custom-date-from', value: string): void
86
+ (event: 'update-custom-date-to', value: string): void
87
+ (event: 'update-custom-time-from', value: string): void
88
+ (event: 'update-custom-time-to', value: string): void
89
+ (event: 'select-objects', value: string): void
90
+ }>()
91
+
92
+ const totalMetricItems = ref<number>(0)
93
+ </script>
94
+
95
+ <style scoped lang="scss">
96
+ .chart-option-counters-container {
97
+ margin-top: 20px;
98
+ flex-basis: 80%;
99
+ padding-left: 15px;
100
+ max-width: 80%;
101
+ }
102
+ @media (max-width: 1024px) {
103
+ .chart-option-counters-container {
104
+ max-width: unset;
105
+ padding-left: 0;
106
+ }
107
+ }
108
+ </style>
package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue CHANGED
@@ -1,93 +1,95 @@
1
- <template>
2
- <div class="timespan-objects-section-direction">
3
- <common-monitor-advanced-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
- :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
- @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-period-type="emits('update-period-type', $event)"
19
- @update-custom-date-from="emits('update-custom-date-from', $event)"
20
- @update-custom-date-to="emits('update-custom-date-to', $event)"
21
- @update-custom-time-from="emits('update-custom-time-from', $event)"
22
- @update-custom-time-to="emits('update-custom-time-to', $event)"
23
- />
24
- <common-monitor-advanced-tools-chart-options-modal-counters-timespan-object
25
- :type="props.type"
26
- :chart="props.chart"
27
- :total-cores="props.totalCores"
28
- :host-id="props.hostId"
29
- :selected-metrics-keys="props.selectedMetricsKeys"
30
- :total-metric-items="props.totalMetricItems"
31
- :selected-objects="props.selectedObjects"
32
- :loading="props.objectsLoading"
33
- :current-items="props.objectsData"
34
- @select-objects="emits('select-objects', $event)"
35
- />
36
- </div>
37
- </template>
38
-
39
- <script setup lang="ts">
40
- import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
41
- import type {
42
- UI_T_ChartHost,
43
- UI_T_ChartVm,
44
- } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
45
- import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
46
-
47
- const props = defineProps<{
48
- type: UI_T_AdvancedType
49
- chart: UI_T_ChartHost | UI_T_ChartVm
50
- language: string
51
- selectedChartType: string
52
- selectedTimespanType: string
53
- unitsCount: number
54
- periodType: string
55
- selectedCustomTime: string
56
- customDateFrom: string
57
- customDateTo: string
58
- customTimeFrom: string
59
- customTimeTo: string
60
- totalCores: number
61
- hostId: string
62
- selectedMetricsKeys: number[]
63
- totalMetricItems: number
64
- selectedObjects: string
65
- objectsLoading: boolean
66
- objectsData: UI_I_ObjectItem[]
67
- }>()
68
-
69
- const emits = defineEmits<{
70
- (event: 'update-chart-type', value: string): void
71
- (event: 'update-custom-time', value: string): void
72
- (event: 'update-timespan-type', value: string): void
73
- (event: 'update-unit-count', value: number): void
74
- (event: 'update-period-type', value: string): void
75
- (event: 'update-custom-date-from', value: string): void
76
- (event: 'update-custom-date-to', value: string): void
77
- (event: 'update-custom-time-from', value: string): void
78
- (event: 'update-custom-time-to', value: string): void
79
- (event: 'select-objects', value: string): void
80
- }>()
81
- </script>
82
-
83
- <style scoped lang="scss">
84
- .timespan-objects-section-direction {
85
- display: flex;
86
- flex-direction: row;
87
- }
88
- @media (max-width: 1024px) {
89
- .timespan-objects-section-direction {
90
- flex-direction: column;
91
- }
92
- }
93
- </style>
1
+ <template>
2
+ <div class="timespan-objects-section-direction">
3
+ <common-monitor-advanced-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
+ :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
+ <common-monitor-advanced-tools-chart-options-modal-counters-timespan-object
26
+ :type="props.type"
27
+ :chart="props.chart"
28
+ :total-cores="props.totalCores"
29
+ :host-id="props.hostId"
30
+ :selected-metrics-keys="props.selectedMetricsKeys"
31
+ :total-metric-items="props.totalMetricItems"
32
+ :selected-objects="props.selectedObjects"
33
+ :loading="props.objectsLoading"
34
+ :current-items="props.objectsData"
35
+ @select-objects="emits('select-objects', $event)"
36
+ />
37
+ </div>
38
+ </template>
39
+
40
+ <script setup lang="ts">
41
+ import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
42
+ import type {
43
+ UI_T_ChartHost,
44
+ UI_T_ChartVm,
45
+ } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
46
+ import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
47
+
48
+ const props = defineProps<{
49
+ type: UI_T_AdvancedType
50
+ chart: UI_T_ChartHost | UI_T_ChartVm
51
+ language: string
52
+ selectedChartType: string
53
+ selectedTimespanType: string
54
+ unitsCount: number
55
+ periodType: string
56
+ selectedCustomTime: string
57
+ customDateFrom: string
58
+ customDateTo: string
59
+ customTimeFrom: string
60
+ customTimeTo: string
61
+ totalCores: number
62
+ hostId: string
63
+ selectedMetricsKeys: number[]
64
+ totalMetricItems: number
65
+ selectedObjects: string
66
+ objectsLoading: boolean
67
+ objectsData: UI_I_ObjectItem[]
68
+ validDateEnd: number
69
+ }>()
70
+
71
+ const emits = defineEmits<{
72
+ (event: 'update-chart-type', value: string): void
73
+ (event: 'update-custom-time', value: string): void
74
+ (event: 'update-timespan-type', value: string): void
75
+ (event: 'update-unit-count', value: number): void
76
+ (event: 'update-period-type', value: string): void
77
+ (event: 'update-custom-date-from', value: string): void
78
+ (event: 'update-custom-date-to', value: string): void
79
+ (event: 'update-custom-time-from', value: string): void
80
+ (event: 'update-custom-time-to', value: string): void
81
+ (event: 'select-objects', value: string): void
82
+ }>()
83
+ </script>
84
+
85
+ <style scoped lang="scss">
86
+ .timespan-objects-section-direction {
87
+ display: flex;
88
+ flex-direction: row;
89
+ }
90
+ @media (max-width: 1024px) {
91
+ .timespan-objects-section-direction {
92
+ flex-direction: column;
93
+ }
94
+ }
95
+ </style>