bfg-common 1.3.485 → 1.3.486

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 (67) hide show
  1. package/assets/img/icons/icons-sprite-dark-8.svg +190 -190
  2. package/assets/img/icons/icons-sprite-light-8.svg +190 -190
  3. package/assets/scss/common/normalize.scss +340 -340
  4. package/components/atoms/TheIcon2.vue +1353 -1353
  5. package/components/atoms/loader/Loader.vue +30 -30
  6. package/components/atoms/loader/PreLoader.vue +38 -38
  7. package/components/atoms/switch/Switch.vue +111 -111
  8. package/components/atoms/table/compact/Compact.vue +526 -526
  9. package/components/common/adapterManager/ui/table/Header.vue +93 -93
  10. package/components/common/adapterManager/ui/table/Table.vue +162 -162
  11. package/components/common/context/Context.vue +99 -99
  12. package/components/common/layout/theHeader/LanguageSwitch.vue +102 -102
  13. package/components/common/layout/theHeader/userMenu/modals/preferences/View.vue +129 -129
  14. package/components/common/lib/config/states.ts +160 -160
  15. package/components/common/mainNavigationPanel/MainNavigationPanel.vue +142 -142
  16. package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue +248 -248
  17. package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue +288 -288
  18. package/components/common/readyToComplete/ReadyToComplete.vue +15 -15
  19. package/components/common/resource/progressBlock/ProgressBlock.vue +142 -142
  20. package/components/common/split/horizontal/Horizontal.vue +70 -70
  21. package/components/common/vm/actions/clone/Clone.vue +511 -511
  22. package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue +273 -273
  23. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue +697 -697
  24. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +400 -400
  25. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +329 -329
  26. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +305 -305
  27. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +168 -168
  28. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue +82 -82
  29. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +32 -32
  30. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCard.vue +182 -182
  31. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/BootOptions.vue +114 -114
  32. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue +192 -192
  33. package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/Tools.vue +72 -72
  34. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +164 -164
  35. package/components/common/vm/actions/common/select/name/Name.vue +235 -235
  36. package/components/common/vm/actions/common/select/storage/Storage.vue +198 -198
  37. package/components/common/vm/actions/editSettings/EditSettings.vue +316 -316
  38. package/components/common/weekSelect/lib/config/options.ts +10 -10
  39. package/components/common/wizards/datastore/add/Add.vue +436 -436
  40. package/components/common/wizards/datastore/add/lib/config/stepItems.ts +191 -191
  41. package/components/common/wizards/datastore/add/lib/models/interfaces.ts +38 -38
  42. package/components/common/wizards/datastore/add/lib/utils.ts +70 -70
  43. package/components/common/wizards/datastore/add/local/createName/CreateName.vue +160 -160
  44. package/components/common/wizards/datastore/add/nfs/Nfs.vue +112 -112
  45. package/components/common/wizards/datastore/add/nfs/accessibility/Accessibility.vue +104 -104
  46. package/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/compatibleTable.ts +62 -62
  47. package/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/hostsTableItems.ts +53 -53
  48. package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue +86 -86
  49. package/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails.ts +184 -184
  50. package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue +459 -459
  51. package/components/common/wizards/datastore/add/types/Types.vue +80 -80
  52. package/components/common/wizards/datastore/add/types/lib/config/typeOptions.ts +49 -49
  53. package/composables/useAppVersion.ts +22 -22
  54. package/composables/useEnvLanguage.ts +20 -20
  55. package/lib/utils/sendTask.ts +73 -73
  56. package/minify.js +146 -146
  57. package/package.json +1 -1
  58. package/plugins/spice-console/spice.console.ts +147 -147
  59. package/public/spice-console/application/codec.js +263 -263
  60. package/public/spice-console/lib/rasterEngine.js +907 -907
  61. package/public/spice-console/network/spicechannel.js +375 -375
  62. package/store/main/lib/interfaces.ts +9 -9
  63. package/store/tasks/actions.ts +133 -133
  64. package/store/tasks/getters.ts +25 -25
  65. package/store/tasks/lib/models/interfaces.ts +18 -18
  66. package/store/tasks/mutations.ts +58 -58
  67. package/store/tasks/state.ts +16 -16
@@ -1,80 +1,80 @@
1
- <template>
2
- <section class="datastore-types">
3
- <div class="header-row">
4
- <span class="datastore-types__subtitle">
5
- {{ localization.specifyDatastoreType }}
6
- </span>
7
- <div id="type-select-help-icon" class="signpost-container relative">
8
- <atoms-the-icon
9
- data-id="toggle-type-select-help-icon"
10
- fill="#0072a3"
11
- width="24px"
12
- height="24px"
13
- name="info-circle"
14
- @click="isShowTypeHelp = !isShowTypeHelp"
15
- />
16
- <atoms-tooltip-signpost
17
- v-if="isShowTypeHelp"
18
- elem-id="type-select-help-icon"
19
- @hide="isShowTypeHelp = false"
20
- >
21
- <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
22
- </atoms-tooltip-signpost>
23
- </div>
24
- </div>
25
-
26
- <common-select-radio-group
27
- v-model="selectedType"
28
- :options="datastoreTypes"
29
- />
30
- </section>
31
- </template>
32
-
33
- <script lang="ts" setup>
34
- import { UI_I_Localization } from '~/lib/models/interfaces'
35
- import { UI_T_Project } from '~/lib/models/types'
36
- import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
37
- import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/lib/config/typeOptions'
38
-
39
- const props = defineProps<{
40
- project: UI_T_Project
41
- type: string
42
- }>()
43
- const emits = defineEmits<{
44
- (event: 'update:type', value: string): void
45
- }>()
46
- const localization = computed<UI_I_Localization>(() => useLocal())
47
-
48
- const datastoreTypes = ref<UI_I_RadioOption[]>(
49
- datastoreTypesFunc(localization.value, props.project)
50
- )
51
-
52
- const selectedType = computed<string>({
53
- get() {
54
- return props.type
55
- },
56
- set(newValue) {
57
- emits('update:type', newValue)
58
- },
59
- })
60
-
61
- const isShowTypeHelp = ref<boolean>(false)
62
- </script>
63
-
64
- <style lang="scss" scoped>
65
- .datastore-types {
66
- .signpost-container {
67
- display: flex;
68
- cursor: pointer;
69
-
70
- .help-desc-container {
71
- max-width: 350px;
72
- }
73
- }
74
- .header-row {
75
- display: flex;
76
- align-items: center;
77
- gap: 10px;
78
- }
79
- }
80
- </style>
1
+ <template>
2
+ <section class="datastore-types">
3
+ <div class="header-row">
4
+ <span class="datastore-types__subtitle">
5
+ {{ localization.specifyDatastoreType }}
6
+ </span>
7
+ <div id="type-select-help-icon" class="signpost-container relative">
8
+ <atoms-the-icon
9
+ data-id="toggle-type-select-help-icon"
10
+ fill="#0072a3"
11
+ width="24px"
12
+ height="24px"
13
+ name="info-circle"
14
+ @click="isShowTypeHelp = !isShowTypeHelp"
15
+ />
16
+ <atoms-tooltip-signpost
17
+ v-if="isShowTypeHelp"
18
+ elem-id="type-select-help-icon"
19
+ @hide="isShowTypeHelp = false"
20
+ >
21
+ <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
22
+ </atoms-tooltip-signpost>
23
+ </div>
24
+ </div>
25
+
26
+ <common-select-radio-group
27
+ v-model="selectedType"
28
+ :options="datastoreTypes"
29
+ />
30
+ </section>
31
+ </template>
32
+
33
+ <script lang="ts" setup>
34
+ import { UI_I_Localization } from '~/lib/models/interfaces'
35
+ import { UI_T_Project } from '~/lib/models/types'
36
+ import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
37
+ import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/lib/config/typeOptions'
38
+
39
+ const props = defineProps<{
40
+ project: UI_T_Project
41
+ type: string
42
+ }>()
43
+ const emits = defineEmits<{
44
+ (event: 'update:type', value: string): void
45
+ }>()
46
+ const localization = computed<UI_I_Localization>(() => useLocal())
47
+
48
+ const datastoreTypes = ref<UI_I_RadioOption[]>(
49
+ datastoreTypesFunc(localization.value, props.project)
50
+ )
51
+
52
+ const selectedType = computed<string>({
53
+ get() {
54
+ return props.type
55
+ },
56
+ set(newValue) {
57
+ emits('update:type', newValue)
58
+ },
59
+ })
60
+
61
+ const isShowTypeHelp = ref<boolean>(false)
62
+ </script>
63
+
64
+ <style lang="scss" scoped>
65
+ .datastore-types {
66
+ .signpost-container {
67
+ display: flex;
68
+ cursor: pointer;
69
+
70
+ .help-desc-container {
71
+ max-width: 350px;
72
+ }
73
+ }
74
+ .header-row {
75
+ display: flex;
76
+ align-items: center;
77
+ gap: 10px;
78
+ }
79
+ }
80
+ </style>
@@ -1,49 +1,49 @@
1
- import { UI_I_Localization } from '~/lib/models/interfaces'
2
- import { UI_T_Project } from '~/lib/models/types'
3
- import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
4
-
5
- export const datastoreTypesFunc = (
6
- localization: UI_I_Localization,
7
- project: UI_T_Project
8
- ): UI_I_RadioOption[] => {
9
- const types = [
10
- {
11
- label: localization.stormSharedStorage,
12
- value: 'shared-storm',
13
- disabled: false,
14
- description: localization.sharedStormDesc,
15
- isTooltip: false,
16
- tooltipContent: localization.stormSharedStorageHelpDesc,
17
- testId: 'datastore-type-shared-storm',
18
- },
19
- {
20
- label: localization.nfs,
21
- value: 'nfs',
22
- disabled: false,
23
- description: localization.nfsDesc,
24
- isTooltip: false,
25
- tooltipContent: localization.nfsHelpDesc,
26
- testId: 'datastore-type-nfs',
27
- },
28
- // {
29
- // label: localization.vVol,
30
- // value: 'vVol',
31
- // disabled: true,
32
- // desc: localization.vVolDesc,
33
- // },
34
- ]
35
-
36
- if (project === 'procurator') {
37
- types.unshift({
38
- label: localization.localStorage,
39
- value: 'local',
40
- disabled: false,
41
- description: localization.localDesc,
42
- isTooltip: false,
43
- tooltipContent: localization.localStorageHelpDesc,
44
- testId: 'datastore-type-local',
45
- })
46
- }
47
-
48
- return types
49
- }
1
+ import { UI_I_Localization } from '~/lib/models/interfaces'
2
+ import { UI_T_Project } from '~/lib/models/types'
3
+ import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
4
+
5
+ export const datastoreTypesFunc = (
6
+ localization: UI_I_Localization,
7
+ project: UI_T_Project
8
+ ): UI_I_RadioOption[] => {
9
+ const types = [
10
+ {
11
+ label: localization.stormSharedStorage,
12
+ value: 'shared-storm',
13
+ disabled: false,
14
+ description: localization.sharedStormDesc,
15
+ isTooltip: false,
16
+ tooltipContent: localization.stormSharedStorageHelpDesc,
17
+ testId: 'datastore-type-shared-storm',
18
+ },
19
+ {
20
+ label: localization.nfs,
21
+ value: 'nfs',
22
+ disabled: false,
23
+ description: localization.nfsDesc,
24
+ isTooltip: false,
25
+ tooltipContent: localization.nfsHelpDesc,
26
+ testId: 'datastore-type-nfs',
27
+ },
28
+ // {
29
+ // label: localization.vVol,
30
+ // value: 'vVol',
31
+ // disabled: true,
32
+ // desc: localization.vVolDesc,
33
+ // },
34
+ ]
35
+
36
+ if (project === 'procurator') {
37
+ types.unshift({
38
+ label: localization.localStorage,
39
+ value: 'local',
40
+ disabled: false,
41
+ description: localization.localDesc,
42
+ isTooltip: false,
43
+ tooltipContent: localization.localStorageHelpDesc,
44
+ testId: 'datastore-type-local',
45
+ })
46
+ }
47
+
48
+ return types
49
+ }
@@ -1,22 +1,22 @@
1
- import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
2
-
3
- export function useAppVersion(): UI_I_UseAppVersionReturnType {
4
- const config = useRuntimeConfig()
5
- const version = config.public.APP_VERSION
6
-
7
- const regexHasDot = /\./
8
- // const regexHasDotAndB = /\..*b/
9
- const regexHasDotAndB = /\.\d*b$/
10
- const regexHasDotAndD = /\..*d/
11
-
12
- const isBeta = regexHasDotAndB.test(version)
13
- const isDev =
14
- regexHasDotAndD.test(version) ||
15
- (!regexHasDot.test(version) && version.length < 8)
16
-
17
- return {
18
- version,
19
- isBeta,
20
- isDev,
21
- }
22
- }
1
+ import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
2
+
3
+ export function useAppVersion(): UI_I_UseAppVersionReturnType {
4
+ const config = useRuntimeConfig()
5
+ const version = config.public.APP_VERSION
6
+
7
+ const regexHasDot = /\./
8
+ // const regexHasDotAndB = /\..*b/
9
+ const regexHasDotAndB = /\.\d*b$/
10
+ const regexHasDotAndD = /\..*d/
11
+
12
+ const isBeta = regexHasDotAndB.test(version)
13
+ const isDev =
14
+ regexHasDotAndD.test(version) ||
15
+ (!regexHasDot.test(version) && version.length < 8)
16
+
17
+ return {
18
+ version,
19
+ isBeta,
20
+ isDev,
21
+ }
22
+ }
@@ -1,20 +1,20 @@
1
- export function useEnvLanguage(): string {
2
- const { $store }: any = useNuxtApp()
3
-
4
- let localizationCode = 'en_US'
5
- const langFromLocalStorage =
6
- useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
7
- if (langFromLocalStorage) {
8
- if (
9
- langFromLocalStorage === 'en_US' ||
10
- langFromLocalStorage === 'ru_RU' ||
11
- langFromLocalStorage === 'hy_AM'
12
- ) {
13
- localizationCode = langFromLocalStorage
14
- }
15
- }
16
-
17
- localizationCode = localizationCode.slice(0, 2).toUpperCase()
18
-
19
- return localizationCode
20
- }
1
+ export function useEnvLanguage(): string {
2
+ const { $store }: any = useNuxtApp()
3
+
4
+ let localizationCode = 'en_US'
5
+ const langFromLocalStorage =
6
+ useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
7
+ if (langFromLocalStorage) {
8
+ if (
9
+ langFromLocalStorage === 'en_US' ||
10
+ langFromLocalStorage === 'ru_RU' ||
11
+ langFromLocalStorage === 'hy_AM'
12
+ ) {
13
+ localizationCode = langFromLocalStorage
14
+ }
15
+ }
16
+
17
+ localizationCode = localizationCode.slice(0, 2).toUpperCase()
18
+
19
+ return localizationCode
20
+ }
@@ -1,73 +1,73 @@
1
- import type { UI_I_Localization } from '~/lib/models/interfaces'
2
- import type {
3
- API_UI_I_Error,
4
- UI_I_RequestBody,
5
- } from '~/lib/models/store/interfaces'
6
- import type {
7
- UI_I_NotifyBodyMessage,
8
- UI_I_SendTaskParams,
9
- } from '~/lib/models/interfaces'
10
- import { base64 } from './base64'
11
-
12
- const localization = computed<UI_I_Localization>(() => useLocal())
13
-
14
- const showNotification = (message: UI_I_NotifyBodyMessage): void => {
15
- const { title, desc, status } = message
16
- const { $store } = useNuxtApp()
17
-
18
- // @ts-ignore
19
- $store.dispatch('main/A_SHOW_NOTIFICATION', {
20
- status,
21
- messages: [
22
- {
23
- title,
24
- descriptions: [desc],
25
- },
26
- ],
27
- headline: '',
28
- timeout: status === 'success' ? 3000 : '',
29
- })
30
- }
31
- const msgError: UI_I_NotifyBodyMessage = {
32
- status: 'error',
33
- title: localization.value.error,
34
- desc: '',
35
- }
36
- const handleErrors = (error: Ref<API_UI_I_Error>): void => {
37
- if (error.value.data?.error_message) {
38
- msgError.desc = error.value.data?.error_message
39
- showNotification(msgError)
40
- }
41
- }
42
-
43
- export const handleRequest = async (
44
- url: string,
45
- body: UI_I_RequestBody
46
- ): Promise<void> => {
47
- // @ts-ignore
48
- const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
49
- body,
50
- method: 'POST',
51
- key: Date.now().toString(),
52
- })
53
-
54
- if (error.value && error.value.data.error_code !== 0) {
55
- handleErrors(error)
56
- }
57
- }
58
-
59
- export async function sendTask({
60
- method,
61
- target,
62
- args,
63
- encode = true,
64
- }: UI_I_SendTaskParams): Promise<void> {
65
- const argsToBase64 = encode ? (args ? base64.encode(args) : '') : args
66
- await handleRequest('/ui/tasks', {
67
- method,
68
- params: {
69
- target,
70
- args: argsToBase64,
71
- },
72
- })
73
- }
1
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
2
+ import type {
3
+ API_UI_I_Error,
4
+ UI_I_RequestBody,
5
+ } from '~/lib/models/store/interfaces'
6
+ import type {
7
+ UI_I_NotifyBodyMessage,
8
+ UI_I_SendTaskParams,
9
+ } from '~/lib/models/interfaces'
10
+ import { base64 } from './base64'
11
+
12
+ const localization = computed<UI_I_Localization>(() => useLocal())
13
+
14
+ const showNotification = (message: UI_I_NotifyBodyMessage): void => {
15
+ const { title, desc, status } = message
16
+ const { $store } = useNuxtApp()
17
+
18
+ // @ts-ignore
19
+ $store.dispatch('main/A_SHOW_NOTIFICATION', {
20
+ status,
21
+ messages: [
22
+ {
23
+ title,
24
+ descriptions: [desc],
25
+ },
26
+ ],
27
+ headline: '',
28
+ timeout: status === 'success' ? 3000 : '',
29
+ })
30
+ }
31
+ const msgError: UI_I_NotifyBodyMessage = {
32
+ status: 'error',
33
+ title: localization.value.error,
34
+ desc: '',
35
+ }
36
+ const handleErrors = (error: Ref<API_UI_I_Error>): void => {
37
+ if (error.value.data?.error_message) {
38
+ msgError.desc = error.value.data?.error_message
39
+ showNotification(msgError)
40
+ }
41
+ }
42
+
43
+ export const handleRequest = async (
44
+ url: string,
45
+ body: UI_I_RequestBody
46
+ ): Promise<void> => {
47
+ // @ts-ignore
48
+ const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
49
+ body,
50
+ method: 'POST',
51
+ key: Date.now().toString(),
52
+ })
53
+
54
+ if (error.value && error.value.data.error_code !== 0) {
55
+ handleErrors(error)
56
+ }
57
+ }
58
+
59
+ export async function sendTask({
60
+ method,
61
+ target,
62
+ args,
63
+ encode = true,
64
+ }: UI_I_SendTaskParams): Promise<void> {
65
+ const argsToBase64 = encode ? (args ? base64.encode(args) : '') : args
66
+ await handleRequest('/ui/tasks', {
67
+ method,
68
+ params: {
69
+ target,
70
+ args: argsToBase64,
71
+ },
72
+ })
73
+ }