bfg-common 1.3.138 → 1.3.140

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 (36) hide show
  1. package/assets/localization/local_be.json +2 -1
  2. package/assets/localization/local_en.json +2 -1
  3. package/assets/localization/local_hy.json +2 -1
  4. package/assets/localization/local_kk.json +2 -1
  5. package/assets/localization/local_ru.json +2 -1
  6. package/assets/localization/local_zh.json +2 -1
  7. package/assets/scss/common/icons/icons-2.scss +222 -222
  8. package/components/atoms/switch/Switch.vue +107 -107
  9. package/components/atoms/table/dataGrid/DataGrid.vue +1576 -1576
  10. package/components/common/pages/Tasks.vue +120 -120
  11. package/components/common/recursionTree/RecursionTree.vue +203 -203
  12. package/components/common/vm/actions/add/Add.vue +575 -575
  13. package/components/common/vm/actions/clone/Clone.vue +518 -518
  14. package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue +269 -269
  15. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue +682 -682
  16. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuModel.vue +220 -220
  17. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +164 -164
  18. package/components/common/vm/actions/common/select/storage/lib/config/config.ts +166 -166
  19. package/components/common/vm/actions/editSettings/EditSettings.vue +313 -313
  20. package/components/common/wizards/network/add/modals/SelectStandardSwitch.vue +7 -3
  21. package/components/common/wizards/network/add/steps/SelectedTargetDevice.vue +5 -8
  22. package/composables/useAppVersion.ts +21 -21
  23. package/composables/useEnvLanguage.ts +20 -20
  24. package/composables/useLocal.ts +38 -38
  25. package/lib/utils/sendTask.ts +72 -72
  26. package/minify.js +146 -146
  27. package/package.json +1 -1
  28. package/public/spice-console/application/codec.js +257 -257
  29. package/public/spice-console/lib/rasterEngine.js +907 -907
  30. package/public/spice-console/network/spicechannel.js +369 -369
  31. package/store/main/lib/interfaces.ts +9 -9
  32. package/store/tasks/actions.ts +133 -133
  33. package/store/tasks/getters.ts +25 -25
  34. package/store/tasks/lib/models/interfaces.ts +18 -18
  35. package/store/tasks/mutations.ts +58 -58
  36. package/store/tasks/state.ts +16 -16
package/components/atoms/switch/Switch.vue CHANGED
@@ -1,107 +1,107 @@
1
- <template>
2
- <div class="switch-body">
3
- <input :id="props.testId" v-model="value" type="checkbox" />
4
- <label class="switch-label" :for="props.testId"> </label>
5
- </div>
6
- </template>
7
-
8
- <script setup lang="ts">
9
- const props = withDefaults(
10
- defineProps<{
11
- modelValue: boolean
12
- testId?: string
13
- }>(),
14
- { testId: 'ui-switch' }
15
- )
16
-
17
- const emits = defineEmits<{
18
- (event: 'update:model-value', value: boolean): void
19
- }>()
20
-
21
- const value = computed<boolean>({
22
- get() {
23
- return props.modelValue
24
- },
25
- set(newValue) {
26
- emits('update:model-value', newValue)
27
- },
28
- })
29
- </script>
30
-
31
- <style>
32
- :root {
33
- --label-before-bg-color: #737373;
34
- --label-after-bg-color: #fff;
35
- --label-before-box-shadow: 0 0 0.1rem 0.1rem #69c0e2;
36
- }
37
-
38
- :root.dark-theme {
39
- --label-before-bg-color: #fff;
40
- --label-after-bg-color: #1b2a32;
41
- --label-before-box-shadow: 0 0 0;
42
- }
43
- </style>
44
-
45
- <style scoped lang="scss">
46
- .switch-body {
47
- width: max-content;
48
- position: relative;
49
- height: 1.2rem;
50
-
51
- input[type='checkbox'] {
52
- position: absolute;
53
- top: 0.3rem;
54
- right: 0.3rem;
55
- height: 0.8rem;
56
- width: 0.8rem;
57
- opacity: 0;
58
- }
59
- .switch-label {
60
- display: block;
61
- position: relative;
62
- cursor: pointer;
63
- height: 1.2rem;
64
- }
65
- .switch-label {
66
- &:before {
67
- position: absolute;
68
- display: inline-block;
69
- content: '';
70
- height: 18px;
71
- width: 33px;
72
- border-radius: 0.45rem;
73
- border: 2px solid var(--label-before-bg-color);
74
- background-color: var(--label-before-bg-color);
75
- transition: 0.15s ease-in;
76
- transition-property: border-color, background-color;
77
- }
78
-
79
- &:after {
80
- position: absolute;
81
- display: inline-block;
82
- content: '';
83
- height: 14.5px;
84
- width: 14.5px;
85
- border: 1px solid var(--label-after-bg-color);
86
- border-radius: 50%;
87
- background-color: var(--label-after-bg-color);
88
- bottom: 12.5px;
89
- transition: 0.15s ease-in;
90
- }
91
- }
92
-
93
- & input[type='checkbox']:focus + label:before {
94
- box-shadow: var(--label-before-box-shadow);
95
- }
96
- & input[type='checkbox']:checked + label:before {
97
- border-color: #62a420;
98
- background-color: #62a420;
99
- }
100
- & input[type='checkbox']:checked + label:after {
101
- left: 15px;
102
- }
103
- & input[type='checkbox'] + label:after {
104
- left: 3px;
105
- }
106
- }
107
- </style>
1
+ <template>
2
+ <div class="switch-body">
3
+ <input :id="props.testId" v-model="value" type="checkbox" />
4
+ <label class="switch-label" :for="props.testId"> </label>
5
+ </div>
6
+ </template>
7
+
8
+ <script setup lang="ts">
9
+ const props = withDefaults(
10
+ defineProps<{
11
+ modelValue: boolean
12
+ testId?: string
13
+ }>(),
14
+ { testId: 'ui-switch' }
15
+ )
16
+
17
+ const emits = defineEmits<{
18
+ (event: 'update:model-value', value: boolean): void
19
+ }>()
20
+
21
+ const value = computed<boolean>({
22
+ get() {
23
+ return props.modelValue
24
+ },
25
+ set(newValue) {
26
+ emits('update:model-value', newValue)
27
+ },
28
+ })
29
+ </script>
30
+
31
+ <style>
32
+ :root {
33
+ --label-before-bg-color: #737373;
34
+ --label-after-bg-color: #fff;
35
+ --label-before-box-shadow: 0 0 0.1rem 0.1rem #69c0e2;
36
+ }
37
+
38
+ :root.dark-theme {
39
+ --label-before-bg-color: #fff;
40
+ --label-after-bg-color: #1b2a32;
41
+ --label-before-box-shadow: 0 0 0;
42
+ }
43
+ </style>
44
+
45
+ <style scoped lang="scss">
46
+ .switch-body {
47
+ width: max-content;
48
+ position: relative;
49
+ height: 1.2rem;
50
+
51
+ input[type='checkbox'] {
52
+ position: absolute;
53
+ top: 0.3rem;
54
+ right: 0.3rem;
55
+ height: 0.8rem;
56
+ width: 0.8rem;
57
+ opacity: 0;
58
+ }
59
+ .switch-label {
60
+ display: block;
61
+ position: relative;
62
+ cursor: pointer;
63
+ height: 1.2rem;
64
+ }
65
+ .switch-label {
66
+ &:before {
67
+ position: absolute;
68
+ display: inline-block;
69
+ content: '';
70
+ height: 18px;
71
+ width: 33px;
72
+ border-radius: 0.45rem;
73
+ border: 2px solid var(--label-before-bg-color);
74
+ background-color: var(--label-before-bg-color);
75
+ transition: 0.15s ease-in;
76
+ transition-property: border-color, background-color;
77
+ }
78
+
79
+ &:after {
80
+ position: absolute;
81
+ display: inline-block;
82
+ content: '';
83
+ height: 14.5px;
84
+ width: 14.5px;
85
+ border: 1px solid var(--label-after-bg-color);
86
+ border-radius: 50%;
87
+ background-color: var(--label-after-bg-color);
88
+ bottom: 12.5px;
89
+ transition: 0.15s ease-in;
90
+ }
91
+ }
92
+
93
+ & input[type='checkbox']:focus + label:before {
94
+ box-shadow: var(--label-before-box-shadow);
95
+ }
96
+ & input[type='checkbox']:checked + label:before {
97
+ border-color: #62a420;
98
+ background-color: #62a420;
99
+ }
100
+ & input[type='checkbox']:checked + label:after {
101
+ left: 15px;
102
+ }
103
+ & input[type='checkbox'] + label:after {
104
+ left: 3px;
105
+ }
106
+ }
107
+ </style>