bfg-common 1.5.181 → 1.5.183

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 (24) 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 -1
  6. package/assets/localization/local_en.json +2 -1
  7. package/assets/localization/local_hy.json +2 -1
  8. package/assets/localization/local_kk.json +2 -1
  9. package/assets/localization/local_ru.json +2 -1
  10. package/assets/localization/local_zh.json +1 -0
  11. package/components/common/browse/Browse.vue +7 -1
  12. package/components/common/browse/BrowseNew.vue +55 -26
  13. package/components/common/browse/blocks/Container.vue +5 -4
  14. package/components/common/browse/blocks/TitleNew.vue +4 -3
  15. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts +1040 -1040
  16. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +95 -14
  17. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue +6 -6
  18. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalNew.vue +51 -3
  19. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/New.vue +14 -1
  20. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +1 -0
  21. package/components/common/vm/actions/common/select/storage/Storage.vue +8 -0
  22. package/components/common/vm/actions/common/select/storage/new/New.vue +10 -1
  23. package/components/common/vm/actions/common/select/storage/new/lib/config/table.ts +14 -6
  24. package/package.json +2 -2
@@ -91,7 +91,7 @@
91
91
  "alerts": "Абвестка",
92
92
  "alias": "Псеўданім",
93
93
  "allActiveAdaptersAreDisconnected": "Усе актыўныя фізічныя сеткавыя адаптары, прызначаныя камутатару, адключаныя.",
94
- "allFiles": "Усе файлы",
94
+ "allFiles": "Усе Файлы",
95
95
  "allGroups": "Усе групы",
96
96
  "allIssues": "Усе пытанні",
97
97
  "allowedIPAddresses": "Дазволеныя IP-адрасы",
@@ -1436,6 +1436,7 @@
1436
1436
  "stopDirectConsoleUIService": "Спыніць службу інтэрфейсу Direct Console?",
1437
1437
  "stopTheService": "Спыніць службу",
1438
1438
  "storage": "Захоўванне",
1439
+ "storages": "Сховішчы",
1439
1440
  "storageAdapter": "Адаптар для захоўвання",
1440
1441
  "storageAdapters": "Адаптары для захоўвання дадзеных",
1441
1442
  "storageArrayTypePolicy": "Палітыка тыпу захоўвання",
@@ -90,7 +90,7 @@
90
90
  "alerts": "Alerts",
91
91
  "alias": "Alias",
92
92
  "allActiveAdaptersAreDisconnected": "All active physical network adapters assigned to the switch are disconnected.",
93
- "allFiles": "All files",
93
+ "allFiles": "All Files",
94
94
  "allGroups": "All Groups",
95
95
  "allIssues": "All Issues",
96
96
  "allowedIPAddresses": "Allowed IP addresses",
@@ -1435,6 +1435,7 @@
1435
1435
  "stopDirectConsoleUIService": "Stop Direct Console UI service?",
1436
1436
  "stopTheService": " Stop the service",
1437
1437
  "storage": "Storage",
1438
+ "storages": "Storages",
1438
1439
  "storageAdapter": "Storage Adapter",
1439
1440
  "storageAdapters": "Storage Adapters",
1440
1441
  "storageArrayTypePolicy": "Storage Type Policy",
@@ -90,7 +90,7 @@
90
90
  "alerts": "Ահազանգեր",
91
91
  "alias": "Այլանուն",
92
92
  "allActiveAdaptersAreDisconnected": "Անջատիչին նշանակված բոլոր ակտիվ ֆիզիկական ցանցային ադապտերներն անջատված են:",
93
- "allFiles": "Բոլոր ֆայլերը",
93
+ "allFiles": "Բոլոր Ֆայլերը",
94
94
  "allGroups": "Բոլոր խմբերը",
95
95
  "allIssues": "Բոլոր հարցերը",
96
96
  "allowedIPAddresses": "Թույլատրված IP հասցեներ",
@@ -1435,6 +1435,7 @@
1435
1435
  "stopDirectConsoleUIService": "Դադարեցնե՞լ Direct Console UI ծառայությունը",
1436
1436
  "stopTheService": "Դադարեցնել ծառայությունը",
1437
1437
  "storage": "պահեստավորում",
1438
+ "storages": "Պահոցներ",
1438
1439
  "storageAdapter": "Պահպանման ադապտեր",
1439
1440
  "storageAdapters": "Տվյալների պահպանման ադապտերներ",
1440
1441
  "storageArrayTypePolicy": "Պահպանման տեսակի քաղաքականություն",
@@ -90,7 +90,7 @@
90
90
  "alerts": "Ескертулер",
91
91
  "alias": "Бүркеншік ат",
92
92
  "allActiveAdaptersAreDisconnected": "Коммутаторға тағайындалған барлық белсенді физикалық Желілік адаптерлер өшірілген.",
93
- "allFiles": "Барлық файлдар",
93
+ "allFiles": "Барлық Файлдар",
94
94
  "allGroups": "Барлық топтар",
95
95
  "allIssues": "Барлық сұрақтар",
96
96
  "allowedIPAddresses": "Рұқсат етілген IP мекенжайлары",
@@ -1435,6 +1435,7 @@
1435
1435
  "stopDirectConsoleUIService": "Тікелей консоль UI қызметін тоқтату керек пе?",
1436
1436
  "stopTheService": "Қызметті тоқтату",
1437
1437
  "storage": "сақтау",
1438
+ "storages": "Сақтағыштар",
1438
1439
  "storageAdapter": "Сақтау адаптері",
1439
1440
  "storageAdapters": "Деректерді сақтауға арналған адаптерлер",
1440
1441
  "storageArrayTypePolicy": "Сақтау түрі саясаты",
@@ -90,7 +90,7 @@
90
90
  "alerts": "Оповещения",
91
91
  "alias": "Псевдоним",
92
92
  "allActiveAdaptersAreDisconnected": "Все активные физические сетевые адаптеры, назначенные коммутатору, отключены.",
93
- "allFiles": "Все файлы",
93
+ "allFiles": "Все Файлы",
94
94
  "allGroups": "Все группы",
95
95
  "allIssues": "Все проблемы",
96
96
  "allowedIPAddresses": "Разрешенные IP-адреса",
@@ -1435,6 +1435,7 @@
1435
1435
  "stopDirectConsoleUIService": "Остановить службу пользовательского интерфейса Direct Console?",
1436
1436
  "stopTheService": " Остановить службу",
1437
1437
  "storage": "Хранилище",
1438
+ "storages": "Хранилища",
1438
1439
  "storageAdapter": "Адаптер хранения",
1439
1440
  "storageAdapters": "Адаптеры для хранения данных",
1440
1441
  "storageArrayTypePolicy": "Политика типа хранилища",
@@ -1434,6 +1434,7 @@
1434
1434
  "stopDirectConsoleUIService": "停止直接控制台 UI 服務?",
1435
1435
  "stopTheService": "停止服務",
1436
1436
  "storage": "贮存",
1437
+ "storages": "多个存储",
1437
1438
  "storageAdapter": "存储适配器",
1438
1439
  "storageAdapters": "存储适配器",
1439
1440
  "storageArrayTypePolicy": "存储类型策略",
@@ -116,7 +116,13 @@ const filesLocal = computed<any[]>(() => {
116
116
  })
117
117
  })
118
118
 
119
- const blocksWidth = ref<UI_T_BlocksWidth>([272, 272, 256])
119
+ const setBlocksWidth = (): UI_T_BlocksWidth => {
120
+ const newBlocksWidth: UI_T_BlocksWidth = [266, 266, 266]
121
+ const oldBlocksWidth: UI_T_BlocksWidth = [272, 272, 256]
122
+
123
+ return isNewView.value ? newBlocksWidth : oldBlocksWidth
124
+ }
125
+ const blocksWidth = ref<UI_T_BlocksWidth>(setBlocksWidth())
120
126
 
121
127
  const onChangeWidths = (width: number, index: number): void => {
122
128
  blocksWidth.value[index] = width
@@ -26,7 +26,7 @@
26
26
  @sort="emits('sort-first')"
27
27
  >
28
28
  <template #content>
29
- <div>
29
+ <div class="first-block-content">
30
30
  <ui-tree
31
31
  :nodes="props.nodesLocalWithLoading"
32
32
  @toggle-node="onShowNodes"
@@ -69,8 +69,8 @@
69
69
  :title="localization.common.information"
70
70
  position="third-block"
71
71
  >
72
- <template v-if="props.info" #content>
73
- <div class="new-view-info">
72
+ <template #content>
73
+ <div v-if="props.info" class="new-view-info">
74
74
  <div class="new-view-info_prop">
75
75
  <template v-for="item in props.info" :key="item.title">
76
76
  <span class="new-view-info_prop-item">
@@ -98,24 +98,34 @@
98
98
  </div>
99
99
  </div>
100
100
  </div>
101
+ <div v-else>
102
+ <div class="grid items-center empty-information">
103
+ <div class="grid gap-3 mr-4 labels-block">
104
+ <span>{{ localization.common.name }}:</span>
105
+ <span>{{ localization.common.available }}:</span>
106
+ <span>{{ localization.common.modified }}:</span>
107
+ </div>
108
+ <div class="grid gap-3 values-block">
109
+ <span>--</span>
110
+ <span>--</span>
111
+ <span>--</span>
112
+ </div>
113
+ </div>
114
+ </div>
101
115
  </template>
102
116
  </common-browse-blocks-title-new>
103
117
  </template>
104
118
  </common-browse-blocks-container>
105
- <div v-if="props.fileTypes" class="ptm">
106
- <b>{{ localization.common.fileType }}:</b>
107
- <select
108
- v-model="selectedFileTypeLocal"
109
- :data-id="`${props.testId}-select`"
119
+ <div v-if="props.fileTypes" class="flex items-center mt-3">
120
+ <span class="file-type-label mr-3"
121
+ >{{ localization.common.fileType }}:</span
110
122
  >
111
- <option
112
- v-for="item in props.fileTypes"
113
- :key="item.value"
114
- :value="item.value"
115
- >
116
- {{ item.text }}
117
- </option>
118
- </select>
123
+ <ui-select
124
+ v-model="selectedFileTypeLocal"
125
+ :items="props.fileTypes"
126
+ :test-id="`${props.testId}-select`"
127
+ width="max-width"
128
+ />
119
129
  </div>
120
130
  </div>
121
131
  </template>
@@ -193,15 +203,8 @@ const selectedFileTypeLocal = computed<any>({
193
203
  </script>
194
204
 
195
205
  <style scoped lang="scss">
196
- .ptm {
197
- padding-top: 5px;
198
-
199
- select {
200
- outline: none;
201
- border-color: rgb(118, 118, 118);
202
- color: rgb(133, 133, 133);
203
- margin-left: 5px;
204
- }
206
+ .file-type-label {
207
+ color: #4d5d69;
205
208
  }
206
209
 
207
210
  .new-view-info {
@@ -214,11 +217,14 @@ const selectedFileTypeLocal = computed<any>({
214
217
  display: block;
215
218
  font-size: 12px;
216
219
  font-weight: 500;
217
- line-height: 14.52px;
220
+ line-height: 16px;
218
221
  color: #9da6ad;
219
222
  padding-bottom: 12px;
220
223
  }
221
224
  }
225
+ :deep(.new-view) {
226
+ line-height: 16px;
227
+ }
222
228
  }
223
229
 
224
230
  :deep(.node-wrapper) {
@@ -234,4 +240,27 @@ const selectedFileTypeLocal = computed<any>({
234
240
  align-items: center;
235
241
  column-gap: 8px;
236
242
  }
243
+ .first-block-content {
244
+ :deep(.tree-content) {
245
+ padding-top: 0;
246
+ }
247
+ }
248
+ :deep(.title-block__container-third-block .title-block__title) {
249
+ pointer-events: none;
250
+ }
251
+ .empty-information {
252
+ grid-template-columns: repeat(2, max-content);
253
+
254
+ * {
255
+ font-size: 12px;
256
+ font-weight: 400;
257
+ line-height: 16px;
258
+ }
259
+ .labels-block {
260
+ color: #9da6ad;
261
+ }
262
+ .values-block {
263
+ color: #4d5d69;
264
+ }
265
+ }
237
266
  </style>
@@ -66,13 +66,14 @@ const sectionSelectedName = ref<string>('')
66
66
 
67
67
  const positionOnDown = ref<number>(0)
68
68
 
69
- const translation = computed<number>(() => (isNewView.value ? 31 : 28))
69
+ const translation1 = computed<number>(() => (isNewView.value ? 31 : 28))
70
+ const translation2 = computed<number>(() => (isNewView.value ? 47 : 28))
70
71
 
71
72
  const leftPosition = computed(() => ({
72
- left: `${props.blocksWidth[0] + translation.value}px`,
73
+ left: `${props.blocksWidth[0] + translation1.value}px`,
73
74
  }))
74
75
  const rightPosition = computed(() => ({
75
- right: `${props.blocksWidth[2] + translation.value}px`,
76
+ right: `${props.blocksWidth[2] + translation2.value}px`,
76
77
  }))
77
78
 
78
79
  const emits = defineEmits<{
@@ -99,7 +100,7 @@ const onMouseUp = (): void => {
99
100
  sectionSelected.value = false
100
101
  }
101
102
 
102
- const minWidth = computed<number>(() => (isNewView.value ? 70 : 30))
103
+ const minWidth = computed<number>(() => (isNewView.value ? 120 : 30))
103
104
 
104
105
  const getSeparatorPosition = (
105
106
  event: MouseEvent,
@@ -14,9 +14,9 @@
14
14
  >
15
15
  <b>{{ props.title }}</b>
16
16
  <span class="sort-arrow-container">
17
- <atoms-the-icon
17
+ <ui-icon
18
18
  v-show="props.sorting[0]"
19
- :class="['sort-arrow', { down: !props.sorting[1] }]"
19
+ :class="['sort-arrow', { down: props.sorting[1] }]"
20
20
  width="14px"
21
21
  height="14px"
22
22
  name="sort-arrow"
@@ -127,9 +127,10 @@ const blockTitleWidth = computed<any>(() => ({
127
127
  .sort-arrow-container {
128
128
  width: 14px;
129
129
  height: 14px;
130
+ margin-left: 1px;
130
131
 
131
132
  .sort-arrow {
132
- fill: var(--select-file-header-arrow-color);
133
+ color: var(--select-file-header-arrow-color);
133
134
 
134
135
  &.down {
135
136
  transform: rotate(180deg);