bfg-common 1.5.215 → 1.5.217

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 (22) 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 -2
  6. package/assets/localization/local_en.json +9 -9
  7. package/assets/localization/local_hy.json +2 -2
  8. package/assets/localization/local_kk.json +2 -2
  9. package/assets/localization/local_ru.json +2 -2
  10. package/assets/localization/local_zh.json +2 -2
  11. package/assets/scss/common/normalize.scss +0 -1
  12. package/components/common/context/recursion/RecursionNew.vue +1 -1
  13. package/components/common/pages/shortcuts/block/BlockNew.vue +7 -2
  14. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +5 -2
  15. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils.ts +20 -8
  16. package/components/common/vm/actions/common/select/computeResource/New.vue +141 -166
  17. package/components/common/vm/actions/common/select/createType/New.vue +84 -92
  18. package/components/common/vm/actions/common/select/name/New.vue +246 -274
  19. package/components/common/vm/actions/common/select/storage/new/New.vue +200 -219
  20. package/components/common/vm/actions/common/select/storage/new/lib/config/table.ts +334 -334
  21. package/lib/models/interfaces.ts +1 -0
  22. package/package.json +1 -1
package/components/common/vm/actions/common/select/createType/New.vue CHANGED
@@ -1,92 +1,84 @@
1
- <template>
2
- <div class="select-create-type py-3">
3
- <div
4
- v-for="item in props.items"
5
- v-development="item.disabled"
6
- :key="item.value"
7
- :class="[
8
- 'select-create-type-block',
9
- { selected: item.value === model, disabled: item.disabled },
10
- ]"
11
- @click="model = item.value"
12
- >
13
- <ui-radio
14
- v-model="model"
15
- :label="item.text"
16
- :value="item.value"
17
- :test-id="item.testId"
18
- :disabled="item.disabled"
19
- size="md"
20
- >
21
- <template #description
22
- ><p class="description">
23
- {{ item.description }}
24
- </p></template
25
- >
26
- </ui-radio>
27
- </div>
28
- </div>
29
- </template>
30
-
31
- <script setup lang="ts">
32
- import type { UI_I_VmCreateTypeOption } from '~/components/common/vm/actions/common/select/createType/lib/models/interfaces'
33
-
34
- const model = defineModel<string>()
35
-
36
- const props = defineProps<{
37
- items: UI_I_VmCreateTypeOption[]
38
- }>()
39
- </script>
40
-
41
- <style>
42
- :root {
43
- --select-create-type-block-bg-color: #ffffff;
44
- --select-create-type-block-border-color: #e9ebed;
45
- --select-create-type-block-border-hover-color: #d3d6da;
46
- --select-create-type-block-selected-bg-color: #f0f8fd;
47
- --select-create-type-block-selected-border-color: #008fd6;
48
- }
49
- :root.dark-theme {
50
- --select-create-type-block-bg-color: transparent;
51
- --select-create-type-block-border-color: #e9ebed1f;
52
- --select-create-type-block-border-hover-color: #e9ebed3d;
53
- --select-create-type-block-selected-bg-color: #2ba2de14;
54
- --select-create-type-block-selected-border-color: #2ba2de;
55
- }
56
- </style>
57
- <style scoped lang="scss">
58
- .select-create-type-block {
59
- background-color: var(--select-create-type-block-bg-color);
60
- //border: 1px solid var(--select-create-type-block-border-color);
61
- box-shadow: inset 0 0 0 1px var(--select-create-type-block-border-color);
62
- padding: 12px;
63
- border-radius: 8px;
64
-
65
- &:not(.selected):not(.disabled) {
66
- cursor: pointer;
67
- &:hover {
68
- //border-color: var(--select-create-type-block-border-hover-color);
69
- box-shadow: inset 0 0 0 1px
70
- var(--select-create-type-block-border-hover-color);
71
- }
72
- }
73
-
74
- &.selected {
75
- background-color: var(--select-create-type-block-selected-bg-color);
76
- //border: 1.5px solid var(--select-create-type-block-selected-border-color);
77
- box-shadow: inset 0 0 0 1.5px
78
- var(--select-create-type-block-selected-border-color);
79
- }
80
-
81
- &:not(:last-child) {
82
- margin-bottom: 12px;
83
- }
84
-
85
- .description {
86
- font-size: 13px;
87
- color: #9da6ad !important;
88
- //margin: 8px 0 0 28px;
89
- line-height: 18px;
90
- }
91
- }
92
- </style>
1
+ <template>
2
+ <div class="select-create-type py-3">
3
+ <div
4
+ v-for="item in props.items"
5
+ v-development="item.disabled"
6
+ :key="item.value"
7
+ :class="[
8
+ 'select-create-type-block',
9
+ { selected: item.value === model, disabled: item.disabled },
10
+ ]"
11
+ @click="model = item.value"
12
+ >
13
+ <ui-radio
14
+ v-model="model"
15
+ :label="item.text"
16
+ :value="item.value"
17
+ :test-id="item.testId"
18
+ :disabled="item.disabled"
19
+ size="md"
20
+ />
21
+
22
+ <p class="description">
23
+ {{ item.description }}
24
+ </p>
25
+ </div>
26
+ </div>
27
+ </template>
28
+
29
+ <script setup lang="ts">
30
+ import type { UI_I_VmCreateTypeOption } from '~/components/common/vm/actions/common/select/createType/lib/models/interfaces'
31
+
32
+ const model = defineModel<string>()
33
+
34
+ const props = defineProps<{
35
+ items: UI_I_VmCreateTypeOption[]
36
+ }>()
37
+ </script>
38
+
39
+ <style>
40
+ :root {
41
+ --select-create-type-block-bg-color: #ffffff;
42
+ --select-create-type-block-border-color: #e9ebed;
43
+ --select-create-type-block-border-hover-color: #d3d6da;
44
+ --select-create-type-block-selected-bg-color: #f0f8fd;
45
+ --select-create-type-block-selected-border-color: #008fd6;
46
+ }
47
+ :root.dark-theme {
48
+ --select-create-type-block-bg-color: transparent;
49
+ --select-create-type-block-border-color: #e9ebed1f;
50
+ --select-create-type-block-border-hover-color: #e9ebed3d;
51
+ --select-create-type-block-selected-bg-color: #2ba2de14;
52
+ --select-create-type-block-selected-border-color: #2ba2de;
53
+ }
54
+ </style>
55
+ <style scoped lang="scss">
56
+ .select-create-type-block {
57
+ background-color: var(--select-create-type-block-bg-color);
58
+ border: 1px solid var(--select-create-type-block-border-color);
59
+ padding: 12px;
60
+ border-radius: 8px;
61
+
62
+ &:not(.selected):not(.disabled) {
63
+ cursor: pointer;
64
+ &:hover {
65
+ border-color: var(--select-create-type-block-border-hover-color);
66
+ }
67
+ }
68
+
69
+ &.selected {
70
+ background-color: var(--select-create-type-block-selected-bg-color);
71
+ border: 1.5px solid var(--select-create-type-block-selected-border-color);
72
+ }
73
+
74
+ &:not(:last-child) {
75
+ margin-bottom: 12px;
76
+ }
77
+
78
+ .description {
79
+ font-size: 13px;
80
+ color: #9da6ad;
81
+ margin: 8px 0 0 28px;
82
+ }
83
+ }
84
+ </style>