bfg-common 1.3.222 → 1.3.224

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