bfg-common 1.4.57 → 1.4.59
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/localization/local_be.json +215 -215
- package/assets/localization/local_en.json +215 -215
- package/assets/localization/local_hy.json +215 -215
- package/assets/localization/local_kk.json +215 -215
- package/assets/localization/local_ru.json +215 -215
- package/assets/localization/local_zh.json +215 -215
- package/components/atoms/modal/bySteps/BySteps.vue +253 -253
- 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/monitor/advanced/Advanced.vue +4 -3
- package/components/common/monitor/advanced/GraphView.vue +1 -1
- package/components/common/monitor/advanced/table/Table.vue +3 -1
- package/components/common/monitor/advanced/tools/Tools.vue +2 -2
- package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue +2 -2
- package/components/common/monitor/advanced/tools/chartOptionsModal/actions/Actions.vue +9 -8
- package/components/common/monitor/advanced/tools/chartOptionsModal/actions/lib/utils/optionsActions.ts +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/actions/saveOptionsModal/SaveOptionsModal.vue +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts +222 -278
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue +5 -5
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/lib/config/dateForm.ts +14 -12
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable.ts +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/Metrics.vue +1 -1
- package/components/common/monitor/advanced/tools/lib/config/advancedToolbar.ts +16 -16
- package/components/common/monitor/overview/Overview.vue +1 -1
- package/components/common/monitor/overview/filters/Filters.vue +2 -2
- package/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker.ts +5 -5
- package/components/common/monitor/overview/filters/lib/config/filterOptions.ts +13 -14
- package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue +2 -2
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue +2 -2
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/Actions.vue +5 -5
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/SaveOptionsModal.vue +1 -1
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/lib/utils/optionsActions.ts +1 -1
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/table/Table.vue +1 -1
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/form/Form.vue +5 -5
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/form/lib/config/dateForm.ts +12 -12
- package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/metrics/Metrics.vue +1 -1
- package/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar.ts +6 -6
- package/components/common/split/horizontal/HorizontalNew.vue +321 -321
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +403 -403
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuHotPlug.vue +57 -67
- 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/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/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="vertical-flex-container">
|
|
4
4
|
<div class="timespan-objects-section-direction">
|
|
5
5
|
<label for="chart-timespan-type-select"
|
|
6
|
-
>{{ localization.
|
|
6
|
+
>{{ localization.inventoryMonitor.timespan }}:</label
|
|
7
7
|
>
|
|
8
8
|
<div class="vertical-flex-container chart-option-timespan-settings">
|
|
9
9
|
<div class="timespan-select chart-option-setting-row">
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
<label
|
|
106
106
|
for="custom-time-fromInput"
|
|
107
107
|
class="custom-radio-label text-capitalize text-right"
|
|
108
|
-
>{{ localization.
|
|
108
|
+
>{{ localization.inventoryMonitor.from2 }}:
|
|
109
109
|
</label>
|
|
110
110
|
</td>
|
|
111
111
|
<td>
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
</tr>
|
|
143
143
|
<tr>
|
|
144
144
|
<td class="custom-time-label-text text-right">
|
|
145
|
-
{{ localization.
|
|
145
|
+
{{ localization.inventoryMonitor.to2 }}:
|
|
146
146
|
</td>
|
|
147
147
|
<td>
|
|
148
148
|
<div
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
{ active: localPeriodType === 'period' },
|
|
185
185
|
]"
|
|
186
186
|
>
|
|
187
|
-
<span> ({{ localization.
|
|
187
|
+
<span> ({{ localization.inventoryMonitor.isoTimeFormat }}) </span>
|
|
188
188
|
</td>
|
|
189
189
|
</tr>
|
|
190
190
|
</tbody>
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
<div class="horizontal-flex-container chart-type-container">
|
|
196
196
|
<div class="view-select-label horizontal-flex-container">
|
|
197
197
|
<label for="chart-type-select" class="label-select"
|
|
198
|
-
>{{ localization.
|
|
198
|
+
>{{ localization.inventoryMonitor.chartType }}:</label
|
|
199
199
|
>
|
|
200
200
|
<div class="select">
|
|
201
201
|
<select
|
|
@@ -6,27 +6,27 @@ export const timespanFunc = (
|
|
|
6
6
|
localization: UI_I_Localization
|
|
7
7
|
): UI_I_OptionItem[] => [
|
|
8
8
|
{
|
|
9
|
-
text: localization.
|
|
9
|
+
text: localization.inventoryMonitor.realTime,
|
|
10
10
|
value: 'real_time',
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
|
-
text: localization.
|
|
13
|
+
text: localization.inventoryMonitor.lastDay,
|
|
14
14
|
value: 'last_day',
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
text: localization.
|
|
17
|
+
text: localization.inventoryMonitor.lastWeek,
|
|
18
18
|
value: 'last_week',
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
|
-
text: localization.
|
|
21
|
+
text: localization.inventoryMonitor.lastMonth,
|
|
22
22
|
value: 'last_month',
|
|
23
23
|
},
|
|
24
24
|
// {
|
|
25
|
-
// text: localization.
|
|
25
|
+
// text: localization.inventoryMonitor.lastYear,
|
|
26
26
|
// value: 'last_year',
|
|
27
27
|
// },
|
|
28
28
|
{
|
|
29
|
-
text: localization.
|
|
29
|
+
text: localization.inventoryMonitor.customInterval,
|
|
30
30
|
value: 'custom_interval',
|
|
31
31
|
},
|
|
32
32
|
]
|
|
@@ -40,14 +40,16 @@ export const customTimeFunc = (
|
|
|
40
40
|
|
|
41
41
|
const hourText = isLangRu
|
|
42
42
|
? getCorrectRuForm(value, 'hour')
|
|
43
|
-
: localization.
|
|
44
|
-
const dayText = isLangRu
|
|
43
|
+
: localization.inventoryMonitor.hours2
|
|
44
|
+
const dayText = isLangRu
|
|
45
|
+
? getCorrectRuForm(value, 'day')
|
|
46
|
+
: localization.inventoryMonitor.days2
|
|
45
47
|
const weekText = isLangRu
|
|
46
48
|
? getCorrectRuForm(value, 'week')
|
|
47
|
-
: localization.
|
|
49
|
+
: localization.inventoryMonitor.weeks2
|
|
48
50
|
const monthText = isLangRu
|
|
49
51
|
? getCorrectRuForm(value, 'month')
|
|
50
|
-
: localization.
|
|
52
|
+
: localization.inventoryMonitor.months2
|
|
51
53
|
|
|
52
54
|
return [
|
|
53
55
|
{
|
|
@@ -73,11 +75,11 @@ export const chartTypeFunc = (
|
|
|
73
75
|
localization: UI_I_Localization
|
|
74
76
|
): UI_I_OptionItem[] => [
|
|
75
77
|
{
|
|
76
|
-
text: localization.
|
|
78
|
+
text: localization.inventoryMonitor.lineGraph,
|
|
77
79
|
value: 'line_graph',
|
|
78
80
|
},
|
|
79
81
|
{
|
|
80
|
-
text: localization.
|
|
82
|
+
text: localization.inventoryMonitor.stackedGraph,
|
|
81
83
|
value: 'stacked_graph',
|
|
82
84
|
},
|
|
83
85
|
]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="vertical-flex-container chart-option-objects-split">
|
|
3
3
|
<span class="chart-options-grid-title">
|
|
4
|
-
{{ localization.
|
|
4
|
+
{{ localization.inventoryMonitor.selectObjectForChart }}:
|
|
5
5
|
</span>
|
|
6
6
|
<div class="flex-to-absolute-positioning-container">
|
|
7
7
|
<div class="flex-to-absolute-positioning-container-inner">
|
|
@@ -16,7 +16,7 @@ export const objectTableKey: UI_T_ObjectColumnKey[] = ['target_object']
|
|
|
16
16
|
const getItems = (
|
|
17
17
|
localization: UI_I_Localization
|
|
18
18
|
): [string, boolean, string, string][] => {
|
|
19
|
-
return [[localization.
|
|
19
|
+
return [[localization.inventoryMonitor.targetObjects, true, '140px', objectTableKey[0]]]
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
export const columnKeys = (
|
|
@@ -11,30 +11,30 @@ export const periodFunc = (
|
|
|
11
11
|
): UI_I_OptionItem[] => {
|
|
12
12
|
const result = [
|
|
13
13
|
{
|
|
14
|
-
text: localization.
|
|
14
|
+
text: localization.inventoryMonitor.realTime,
|
|
15
15
|
value: 'real_time',
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
|
-
text: localization.
|
|
18
|
+
text: localization.inventoryMonitor.lastDay,
|
|
19
19
|
value: 'last_day',
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
|
-
text: localization.
|
|
22
|
+
text: localization.inventoryMonitor.lastWeek,
|
|
23
23
|
value: 'last_week',
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
|
-
text: localization.
|
|
26
|
+
text: localization.inventoryMonitor.lastMonth,
|
|
27
27
|
value: 'last_month',
|
|
28
28
|
},
|
|
29
29
|
// {
|
|
30
|
-
// text: localization.
|
|
30
|
+
// text: localization.inventoryMonitor.lastYear,
|
|
31
31
|
// value: 'last_year',
|
|
32
32
|
// },
|
|
33
33
|
]
|
|
34
34
|
|
|
35
35
|
if (selectedTimespanType === 'custom_interval') {
|
|
36
36
|
result.push({
|
|
37
|
-
text: localization.
|
|
37
|
+
text: localization.inventoryMonitor.customInterval,
|
|
38
38
|
value: 'custom_interval',
|
|
39
39
|
})
|
|
40
40
|
}
|
|
@@ -49,19 +49,19 @@ export const viewFunc = (
|
|
|
49
49
|
): UI_I_OptionItem[] => {
|
|
50
50
|
const viewData: UI_I_OptionData = {
|
|
51
51
|
zone: [
|
|
52
|
-
{ text: localization.
|
|
52
|
+
{ text: localization.inventoryMonitor.cpuUsageInPercent, value: 'cpuUsageInPercent' },
|
|
53
53
|
],
|
|
54
54
|
cluster: [
|
|
55
|
-
{ text: localization.
|
|
55
|
+
{ text: localization.inventoryMonitor.cpuUsageInPercent, value: 'cpuUsageInPercent' },
|
|
56
56
|
],
|
|
57
57
|
datacenter: [
|
|
58
58
|
{
|
|
59
|
-
text: localization.
|
|
59
|
+
text: localization.inventoryMonitor.virtualMachineOperations,
|
|
60
60
|
value: 'virtualMachineOperations',
|
|
61
61
|
},
|
|
62
62
|
],
|
|
63
63
|
host: [
|
|
64
|
-
{ text: localization.
|
|
64
|
+
{ text: localization.inventoryMonitor.cpuUsageInPercent, value: 'cpuUsageInPercent' },
|
|
65
65
|
// { text: localization.common.datastore, value: 'datastore' },
|
|
66
66
|
{ text: localization.common.memory, value: 'memory' },
|
|
67
67
|
{ text: localization.common.disk, value: 'disk' },
|
|
@@ -76,8 +76,8 @@ export const viewFunc = (
|
|
|
76
76
|
// },
|
|
77
77
|
],
|
|
78
78
|
vm: [
|
|
79
|
-
{ text: localization.
|
|
80
|
-
// { text: localization.
|
|
79
|
+
{ text: localization.inventoryMonitor.cpuUsageInPercent, value: 'cpuUsageInPercent' },
|
|
80
|
+
// { text: localization.inventoryMonitor.cpuUsageInMhz, value: 'cpuUsageInMhz' },
|
|
81
81
|
// { text: localization.common.cpuReady, value: 'cpuReady' },
|
|
82
82
|
// { text: localization.common.datastore, value: 'datastore' },
|
|
83
83
|
{ text: localization.common.memory, value: 'memory' },
|
|
@@ -103,10 +103,10 @@ export const viewFunc = (
|
|
|
103
103
|
export const exportFunc = (
|
|
104
104
|
localization: UI_I_Localization
|
|
105
105
|
): UI_I_DropMenu<string>[] => [
|
|
106
|
-
{ text: localization.
|
|
107
|
-
{ text: localization.
|
|
108
|
-
{ text: localization.
|
|
109
|
-
{ text: localization.
|
|
106
|
+
{ text: localization.inventoryMonitor.toPng + '...', action: 'png' },
|
|
107
|
+
{ text: localization.inventoryMonitor.toJpeg + '...', action: 'jpeg' },
|
|
108
|
+
{ text: localization.inventoryMonitor.toSvg + '...', action: 'svg' },
|
|
109
|
+
{ text: localization.inventoryMonitor.toCsv + '...', action: 'csv' },
|
|
110
110
|
]
|
|
111
111
|
|
|
112
112
|
export const getCurrentOptionsStorageFunc = (
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div :class="['chart-container', `graph-${chartData.title}`]">
|
|
9
9
|
<div v-if="chartData.loader" class="graphic-loader-block">
|
|
10
10
|
<div class="spinner"></div>
|
|
11
|
-
<p>{{ localization.
|
|
11
|
+
<p>{{ localization.inventoryMonitor.retrievingData }}...</p>
|
|
12
12
|
</div>
|
|
13
13
|
<common-graph
|
|
14
14
|
v-else-if="chartData.data"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="horizontal-flex-container overview-chart-title-bar">
|
|
3
3
|
<div class="horizontal-flex-container">
|
|
4
4
|
<label for="periodSelect" class="label-select"
|
|
5
|
-
>{{ localization.
|
|
5
|
+
>{{ localization.inventoryMonitor.period }}:</label
|
|
6
6
|
>
|
|
7
7
|
<div v-if="!disabledPeriodOptions" class="select">
|
|
8
8
|
<select
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
id="show-interval-modal-button"
|
|
27
27
|
data-id="show-interval-modal-button"
|
|
28
28
|
@click="onShowIntervalModal"
|
|
29
|
-
>{{ localization.
|
|
29
|
+
>{{ localization.inventoryMonitor.changeCustomInterval }}</a
|
|
30
30
|
>
|
|
31
31
|
</div>
|
|
32
32
|
<div v-if="!disabledPeriodOptions" class="chart-title">
|
package/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker.ts
CHANGED
|
@@ -34,18 +34,18 @@ export const checkDateFunc = (
|
|
|
34
34
|
!timeFrom ||
|
|
35
35
|
!timeTo
|
|
36
36
|
) {
|
|
37
|
-
result = localization.
|
|
37
|
+
result = localization.inventoryMonitor.invalidTimeEntry
|
|
38
38
|
return result
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
if (unixEndDate > new Date().getTime())
|
|
42
|
-
result = localization.
|
|
42
|
+
result = localization.inventoryMonitor.oneOfSelectedDatesIsInTheFuture
|
|
43
43
|
else if (unixEndDate === unixStartDate)
|
|
44
|
-
result = localization.
|
|
44
|
+
result = localization.inventoryMonitor.timeToShouldBeLaterTimeFrom
|
|
45
45
|
else if (unixEndDate - unixStartDate <= 3600000)
|
|
46
|
-
result = localization.
|
|
46
|
+
result = localization.inventoryMonitor.timeRangeShouldNotBeSmallerThanHour
|
|
47
47
|
else if (isMoreThanOneMonth(unixStartDate, unixEndDate))
|
|
48
|
-
result = localization.
|
|
48
|
+
result = localization.inventoryMonitor.timeRangeShouldNotBeMoreThanMonth
|
|
49
49
|
else return [unixStartDate, unixEndDate]
|
|
50
50
|
|
|
51
51
|
return result
|
|
@@ -8,27 +8,27 @@ export const periodFunc = (
|
|
|
8
8
|
localization: UI_I_Localization
|
|
9
9
|
): UI_I_OptionItem[] => [
|
|
10
10
|
{
|
|
11
|
-
text: localization.
|
|
11
|
+
text: localization.inventoryMonitor.realTime,
|
|
12
12
|
value: 'real_time',
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
|
-
text: localization.
|
|
15
|
+
text: localization.inventoryMonitor.lastDay,
|
|
16
16
|
value: 'last_day',
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
text: localization.
|
|
19
|
+
text: localization.inventoryMonitor.lastWeek,
|
|
20
20
|
value: 'last_week',
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
text: localization.
|
|
23
|
+
text: localization.inventoryMonitor.lastMonth,
|
|
24
24
|
value: 'last_month',
|
|
25
25
|
},
|
|
26
26
|
// {
|
|
27
|
-
// text: localization.lastYear,
|
|
27
|
+
// text: localization.inventoryMonitor.lastYear,
|
|
28
28
|
// value: 'last_year',
|
|
29
29
|
// },
|
|
30
30
|
{
|
|
31
|
-
text: localization.
|
|
31
|
+
text: localization.inventoryMonitor.customInterval,
|
|
32
32
|
value: 'custom_interval',
|
|
33
33
|
},
|
|
34
34
|
]
|
|
@@ -39,28 +39,27 @@ export const viewFunc = (
|
|
|
39
39
|
project: UI_T_Project
|
|
40
40
|
): UI_I_OptionItem[] => {
|
|
41
41
|
const host = [
|
|
42
|
-
{ text: localization.
|
|
42
|
+
{ text: localization.inventoryMonitor.overview, value: 'overview' },
|
|
43
43
|
{ text: localization.common.memory, value: 'memory' },
|
|
44
|
-
// { text: localization.common.overview, value: 'overview' },
|
|
45
44
|
{ text: localization.common.network, value: 'network' },
|
|
46
45
|
{ text: localization.common.disks, value: 'disks' },
|
|
47
46
|
// { text: localization.common.virtual_machines, value: 'virtual_machines' },
|
|
48
47
|
]
|
|
49
48
|
if (project === 'procurator')
|
|
50
49
|
host.push({
|
|
51
|
-
text: localization.
|
|
50
|
+
text: localization.inventoryMonitor.spaceUtilization,
|
|
52
51
|
value: 'spaceUtilization',
|
|
53
52
|
})
|
|
54
53
|
|
|
55
54
|
const viewData: UI_I_OverviewViewOptionData = {
|
|
56
|
-
zone: [{ text: localization.
|
|
55
|
+
zone: [{ text: localization.inventoryMonitor.overview, value: 'overview' }],
|
|
57
56
|
datacenter: [
|
|
58
57
|
{
|
|
59
58
|
text: localization.common.clusters,
|
|
60
59
|
value: 'clusters',
|
|
61
60
|
},
|
|
62
61
|
// {
|
|
63
|
-
// text: localization.
|
|
62
|
+
// text: localization.inventoryMonitor.spaceUtilization,
|
|
64
63
|
// value: 'spaceUtilization',
|
|
65
64
|
// },
|
|
66
65
|
// {
|
|
@@ -70,13 +69,13 @@ export const viewFunc = (
|
|
|
70
69
|
],
|
|
71
70
|
host,
|
|
72
71
|
vm: [
|
|
73
|
-
{ text: localization.
|
|
72
|
+
{ text: localization.inventoryMonitor.overview, value: 'overview' },
|
|
74
73
|
// { text: localization.common.space, value: 'space' },
|
|
75
|
-
// { text: localization.
|
|
74
|
+
// { text: localization.inventoryMonitor.spaceUtilization, value: 'space_utilization' },
|
|
76
75
|
{ text: localization.common.network, value: 'network' },
|
|
77
76
|
{ text: localization.common.disks, value: 'disks' },
|
|
78
77
|
],
|
|
79
|
-
cluster: [{ text: localization.
|
|
78
|
+
cluster: [{ text: localization.inventoryMonitor.overview, value: 'overview' }],
|
|
80
79
|
}
|
|
81
80
|
|
|
82
81
|
return viewData[viewType]
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
</div>
|
|
13
13
|
<div class="horizontal-flex-container">
|
|
14
14
|
<label for="periodSelect" class="label-select"
|
|
15
|
-
>{{ localization.
|
|
15
|
+
>{{ localization.inventoryMonitor.period }}:</label
|
|
16
16
|
>
|
|
17
17
|
<div class="select">
|
|
18
18
|
<select
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
class="chart-options-button"
|
|
36
36
|
data-id="show-chart-options-button"
|
|
37
37
|
@click="onShowChartOptions"
|
|
38
|
-
>{{ localization.
|
|
38
|
+
>{{ localization.inventoryMonitor.chartOptions }}</a
|
|
39
39
|
>
|
|
40
40
|
</div>
|
|
41
41
|
<div class="view-select-label horizontal-flex-container">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<atoms-modal
|
|
4
4
|
width="1150px"
|
|
5
5
|
:show="true"
|
|
6
|
-
:title="localization.
|
|
6
|
+
:title="localization.inventoryMonitor.chartOptions"
|
|
7
7
|
:disabled-submit="isDisabledSubmit"
|
|
8
8
|
@hide="onHide"
|
|
9
9
|
@submit="onSubmit"
|
|
@@ -247,7 +247,7 @@ const checkValidations = (): boolean => {
|
|
|
247
247
|
)
|
|
248
248
|
|
|
249
249
|
if (isDisabledSubmit.value) {
|
|
250
|
-
alerts.value = [localization.value.noCountersSelected]
|
|
250
|
+
alerts.value = [localization.value.inventoryMonitor.noCountersSelected]
|
|
251
251
|
isShowAlerts.value = true
|
|
252
252
|
return false
|
|
253
253
|
} else if (
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="horizontal-flex-container">
|
|
3
3
|
<div class="horizontal-flex-container">
|
|
4
4
|
<label for="chartOptionsSelect" class="label-select"
|
|
5
|
-
>{{ localization.
|
|
5
|
+
>{{ localization.inventoryMonitor.chartOptions }}:</label
|
|
6
6
|
>
|
|
7
7
|
<div class="select">
|
|
8
8
|
<select
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
data-id="chart-options-save-button"
|
|
27
27
|
@click="onShowSaveOptionsModal"
|
|
28
28
|
>
|
|
29
|
-
{{ localization.
|
|
29
|
+
{{ localization.inventoryMonitor.saveOptionsAs }}...
|
|
30
30
|
</button>
|
|
31
31
|
<common-pages-hardware-health-history-testimony-tools-chart-options-modal-actions-save-options-modal
|
|
32
32
|
v-if="isShowSaveOptionsModal"
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
data-id="chart-options-delete-button"
|
|
40
40
|
@click="onDeleteAction"
|
|
41
41
|
>
|
|
42
|
-
{{ localization.
|
|
42
|
+
{{ localization.inventoryMonitor.deleteOptions }}
|
|
43
43
|
</button>
|
|
44
44
|
</div>
|
|
45
45
|
</div>
|
|
46
46
|
|
|
47
47
|
<common-modals-confirmation
|
|
48
48
|
v-if="isConfirmModal"
|
|
49
|
-
headline="localization.
|
|
49
|
+
headline="localization.inventoryMonitor.deletingSavedSettings"
|
|
50
50
|
:description="confirmModalDesc"
|
|
51
51
|
@hide-modal="isConfirmModal = false"
|
|
52
52
|
@confirm="onApplyDelete"
|
|
@@ -120,7 +120,7 @@ const confirmModalDesc = ref<string>('')
|
|
|
120
120
|
|
|
121
121
|
const onDeleteAction = (): void => {
|
|
122
122
|
confirmModalDesc.value =
|
|
123
|
-
localization.value.
|
|
123
|
+
localization.value.inventoryMonitor.deletingSavedSettingsDesc.replace(
|
|
124
124
|
'{0}',
|
|
125
125
|
localSelectedChartOption.value
|
|
126
126
|
)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="vertical-flex-container chart-option-counters-vertical-split">
|
|
3
3
|
<span class="chart-options-grid-title">{{
|
|
4
|
-
localization.
|
|
4
|
+
localization.inventoryMonitor.selectCountersForThisChart
|
|
5
5
|
}}</span>
|
|
6
6
|
|
|
7
7
|
<atoms-table-data-grid
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="vertical-flex-container">
|
|
4
4
|
<div class="timespan-objects-section-direction">
|
|
5
5
|
<label for="chart-timespan-type-select"
|
|
6
|
-
>{{ localization.
|
|
6
|
+
>{{ localization.inventoryMonitor.timespan }}:</label
|
|
7
7
|
>
|
|
8
8
|
<div class="vertical-flex-container chart-option-timespan-settings">
|
|
9
9
|
<div class="timespan-select chart-option-setting-row">
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
<label
|
|
106
106
|
for="custom-time-fromInput"
|
|
107
107
|
class="custom-radio-label text-capitalize text-right"
|
|
108
|
-
>{{ localization.
|
|
108
|
+
>{{ localization.inventoryMonitor.from2 }}:
|
|
109
109
|
</label>
|
|
110
110
|
</td>
|
|
111
111
|
<td>
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
</tr>
|
|
143
143
|
<tr>
|
|
144
144
|
<td class="custom-time-label-text text-right">
|
|
145
|
-
{{ localization.
|
|
145
|
+
{{ localization.inventoryMonitor.to2 }}:
|
|
146
146
|
</td>
|
|
147
147
|
<td>
|
|
148
148
|
<div
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
{ active: localTimespanPeriodType === 'period' },
|
|
185
185
|
]"
|
|
186
186
|
>
|
|
187
|
-
<span> ({{ localization.
|
|
187
|
+
<span> ({{ localization.inventoryMonitor.isoTimeFormat }}) </span>
|
|
188
188
|
</td>
|
|
189
189
|
</tr>
|
|
190
190
|
</tbody>
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
<div class="horizontal-flex-container chart-type-container">
|
|
196
196
|
<div class="view-select-label horizontal-flex-container">
|
|
197
197
|
<label for="chart-type-select" class="label-select"
|
|
198
|
-
>{{ localization.
|
|
198
|
+
>{{ localization.inventoryMonitor.chartType }}:</label
|
|
199
199
|
>
|
|
200
200
|
<div class="select">
|
|
201
201
|
<select
|
|
@@ -8,27 +8,27 @@ export const timespanFunc = (
|
|
|
8
8
|
localization: UI_I_Localization
|
|
9
9
|
): UI_I_OptionItem[] => [
|
|
10
10
|
{
|
|
11
|
-
text: localization.
|
|
11
|
+
text: localization.inventoryMonitor.realTime,
|
|
12
12
|
value: 'real_time',
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
|
-
text: localization.
|
|
15
|
+
text: localization.inventoryMonitor.lastDay,
|
|
16
16
|
value: 'last_day',
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
text: localization.
|
|
19
|
+
text: localization.inventoryMonitor.lastWeek,
|
|
20
20
|
value: 'last_week',
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
text: localization.
|
|
23
|
+
text: localization.inventoryMonitor.lastMonth,
|
|
24
24
|
value: 'last_month',
|
|
25
25
|
},
|
|
26
26
|
// {
|
|
27
|
-
// text: localization.
|
|
27
|
+
// text: localization.inventoryMonitor.lastYear,
|
|
28
28
|
// value: 'last_year',
|
|
29
29
|
// },
|
|
30
30
|
{
|
|
31
|
-
text: localization.
|
|
31
|
+
text: localization.inventoryMonitor.customInterval,
|
|
32
32
|
value: 'custom_interval',
|
|
33
33
|
},
|
|
34
34
|
]
|
|
@@ -42,16 +42,16 @@ export const customTimeFunc = (
|
|
|
42
42
|
|
|
43
43
|
const hourText = isLangRu
|
|
44
44
|
? getCorrectRuForm(value, 'hour')
|
|
45
|
-
: localization.
|
|
45
|
+
: localization.inventoryMonitor.hours2
|
|
46
46
|
const dayText = isLangRu
|
|
47
47
|
? getCorrectRuForm(value, 'day')
|
|
48
|
-
: localization.
|
|
48
|
+
: localization.inventoryMonitor.days2
|
|
49
49
|
const weekText = isLangRu
|
|
50
50
|
? getCorrectRuForm(value, 'week')
|
|
51
|
-
: localization.
|
|
51
|
+
: localization.inventoryMonitor.weeks2
|
|
52
52
|
const monthText = isLangRu
|
|
53
53
|
? getCorrectRuForm(value, 'month')
|
|
54
|
-
: localization.
|
|
54
|
+
: localization.inventoryMonitor.months2
|
|
55
55
|
|
|
56
56
|
return [
|
|
57
57
|
{
|
|
@@ -77,11 +77,11 @@ export const chartTypeFunc = (
|
|
|
77
77
|
localization: UI_I_Localization
|
|
78
78
|
): UI_I_OptionItem[] => [
|
|
79
79
|
{
|
|
80
|
-
text: localization.
|
|
80
|
+
text: localization.inventoryMonitor.lineGraph,
|
|
81
81
|
value: 'line_graph',
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
|
-
text: localization.
|
|
84
|
+
text: localization.inventoryMonitor.stackedGraph,
|
|
85
85
|
value: 'stacked_graph',
|
|
86
86
|
},
|
|
87
87
|
]
|
|
@@ -7,30 +7,30 @@ export const periodFunc = (
|
|
|
7
7
|
): UI_I_OptionItem[] => {
|
|
8
8
|
const result = [
|
|
9
9
|
{
|
|
10
|
-
text: localization.
|
|
10
|
+
text: localization.inventoryMonitor.realTime,
|
|
11
11
|
value: 'real_time',
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
|
-
text: localization.
|
|
14
|
+
text: localization.inventoryMonitor.lastDay,
|
|
15
15
|
value: 'last_day',
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
|
-
text: localization.
|
|
18
|
+
text: localization.inventoryMonitor.lastWeek,
|
|
19
19
|
value: 'last_week',
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
|
-
text: localization.
|
|
22
|
+
text: localization.inventoryMonitor.lastMonth,
|
|
23
23
|
value: 'last_month',
|
|
24
24
|
},
|
|
25
25
|
// {
|
|
26
|
-
// text: localization.
|
|
26
|
+
// text: localization.inventoryMonitor.lastYear,
|
|
27
27
|
// value: 'last_year',
|
|
28
28
|
// },
|
|
29
29
|
]
|
|
30
30
|
|
|
31
31
|
if (selectedTimespanType === 'custom_interval') {
|
|
32
32
|
result.push({
|
|
33
|
-
text: localization.
|
|
33
|
+
text: localization.inventoryMonitor.customInterval,
|
|
34
34
|
value: 'custom_interval',
|
|
35
35
|
})
|
|
36
36
|
}
|