bfg-common 1.5.443 → 1.5.445

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 (139) hide show
  1. package/CODE_STYLE.md +109 -109
  2. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  3. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  4. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  5. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  6. package/assets/localization/local_be.json +1 -0
  7. package/assets/localization/local_en.json +3 -2
  8. package/assets/localization/local_hy.json +1 -0
  9. package/assets/localization/local_kk.json +1 -0
  10. package/assets/localization/local_ru.json +1 -0
  11. package/assets/localization/local_zh.json +1 -0
  12. package/components/atoms/TheIcon3.vue +50 -50
  13. package/components/atoms/collapse/CollapseNav.vue +170 -170
  14. package/components/atoms/perPage/PerPage.vue +58 -58
  15. package/components/atoms/table/dataGrid/DataGrid.vue +1694 -1694
  16. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  17. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  18. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  19. package/components/common/browse/blocks/Container.vue +235 -235
  20. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  21. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  22. package/components/common/browse/lib/models/interfaces.ts +5 -5
  23. package/components/common/context/lib/models/interfaces.ts +33 -33
  24. package/components/common/countdownTimer/CountdownTimer.vue +15 -26
  25. package/components/common/countdownTimer/CountdownTimerNew.vue +53 -0
  26. package/components/common/countdownTimer/CountdownTimerOld.vue +33 -0
  27. package/components/common/diagramMain/lib/config/initial.ts +50 -50
  28. package/components/common/diagramMain/lib/models/types.ts +21 -21
  29. package/components/common/diagramMain/lib/utils/utils.ts +331 -331
  30. package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
  31. package/components/common/diagramMain/modals/lib/config/portModal.ts +251 -251
  32. package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
  33. package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
  34. package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
  35. package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
  36. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
  37. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
  38. package/components/common/diagramMain/port/Port.vue +580 -580
  39. package/components/common/diagramMain/port/Ports.vue +47 -47
  40. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  41. package/components/common/layout/theHeader/modals/{Reconnect.vue → reconnect/Reconnect.vue} +43 -56
  42. package/components/common/layout/theHeader/modals/reconnect/ReconnectNew.vue +74 -0
  43. package/components/common/layout/theHeader/modals/reconnect/ReconnectOld.vue +67 -0
  44. package/components/common/pages/backups/Backups.vue +102 -102
  45. package/components/common/pages/backups/DetailView.vue +52 -52
  46. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  47. package/components/common/pages/backups/modals/createBackup/configuration/Configuration.vue +29 -29
  48. package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue +26 -26
  49. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue +66 -66
  50. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  51. package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue +35 -35
  52. package/components/common/pages/backups/modals/createBackup/datastores/Datastores.vue +59 -59
  53. package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue +95 -95
  54. package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/table.ts +117 -117
  55. package/components/common/pages/backups/modals/createBackup/general/General.vue +135 -135
  56. package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts +12 -12
  57. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  58. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  59. package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
  60. package/components/common/pages/backups/modals/restore/disks/tableView/TableView.vue +102 -102
  61. package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
  62. package/components/common/pages/backups/modals/restore/name/Name.vue +160 -160
  63. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  64. package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
  65. package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
  66. package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
  67. package/components/common/pages/backups/tools/Tools.vue +75 -75
  68. package/components/common/pages/backups/tools/lib/config/tabs.ts +36 -36
  69. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  70. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  71. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  72. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  73. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  74. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  75. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  76. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  77. package/components/common/select/radio/RadioGroup.vue +137 -137
  78. package/components/common/spiceConsole/Drawer.vue +381 -381
  79. package/components/common/spiceConsole/SpiceConsole.vue +127 -127
  80. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  81. package/components/common/tools/Actions.vue +207 -207
  82. package/components/common/treeView/TreeView.vue +52 -52
  83. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  84. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +2 -1
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +2 -0
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  92. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  93. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +85 -85
  94. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
  95. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  96. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  97. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  98. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  99. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  100. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  101. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  102. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  103. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  104. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  105. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  106. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  107. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  108. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  109. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  110. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapOld.vue +44 -44
  111. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  112. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  113. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  114. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  115. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
  116. package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
  117. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
  118. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  119. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  120. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  121. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  122. package/components/common/vm/actions/common/select/storage/new/New.vue +320 -320
  123. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  124. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  125. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  126. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  127. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  128. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  129. package/components/common/wizards/vm/migrate/select/type/lib/config/typeOptions.ts +45 -45
  130. package/composables/productNameLocal.ts +30 -30
  131. package/composables/useAppVersion.ts +21 -21
  132. package/package.json +1 -1
  133. package/plugins/date.ts +233 -233
  134. package/plugins/panelStates.ts +70 -70
  135. package/plugins/text.ts +59 -59
  136. package/public/spice-console/lib/images/bitmap.js +203 -203
  137. package/public/spice-console/network/spicechannel.js +390 -390
  138. package/store/main/mutations.ts +7 -7
  139. package/store/main/state.ts +7 -7
@@ -1,52 +1,52 @@
1
- <template>
2
- <div class="tree-view w-full overflow-auto">
3
- <common-recursion-tree
4
- v-show="!props.loading"
5
- :nodes="nodesLocal"
6
- class="recursion-tree"
7
- @select-node="onSelectNode"
8
- @get-nodes="onShowNodes($event)"
9
- />
10
- </div>
11
- </template>
12
-
13
- <script setup lang="ts">
14
- // TODO remove
15
- const props = defineProps<{
16
- loading: boolean
17
- nodes: any[]
18
- }>()
19
-
20
- const emits = defineEmits<{
21
- (event: 'select-node', value: any): void
22
- (event: 'show-nodes', value: string | number): void
23
- }>()
24
-
25
- const nodesLocal = ref<any[]>([])
26
- watch(
27
- () => props.nodes,
28
- (newValue) => {
29
- if (!newValue.length) return
30
-
31
- nodesLocal.value = newValue
32
- },
33
- { immediate: true, deep: true }
34
- )
35
-
36
- const onSelectNode = (item: any): void => {
37
- emits('select-node', item)
38
- }
39
-
40
- const onShowNodes = ({ node, cb }: { node: any; cb: () => void }): void => {
41
- // emits('show-nodes', +node.id) // ???
42
- emits('show-nodes', node.id) // Для делева бэкапов
43
-
44
- cb()
45
- }
46
- </script>
47
-
48
- <style scoped lang="scss">
49
- .tree-view {
50
- height: 90%;
51
- }
52
- </style>
1
+ <template>
2
+ <div class="tree-view w-full overflow-auto">
3
+ <common-recursion-tree
4
+ v-show="!props.loading"
5
+ :nodes="nodesLocal"
6
+ class="recursion-tree"
7
+ @select-node="onSelectNode"
8
+ @get-nodes="onShowNodes($event)"
9
+ />
10
+ </div>
11
+ </template>
12
+
13
+ <script setup lang="ts">
14
+ // TODO remove
15
+ const props = defineProps<{
16
+ loading: boolean
17
+ nodes: any[]
18
+ }>()
19
+
20
+ const emits = defineEmits<{
21
+ (event: 'select-node', value: any): void
22
+ (event: 'show-nodes', value: string | number): void
23
+ }>()
24
+
25
+ const nodesLocal = ref<any[]>([])
26
+ watch(
27
+ () => props.nodes,
28
+ (newValue) => {
29
+ if (!newValue.length) return
30
+
31
+ nodesLocal.value = newValue
32
+ },
33
+ { immediate: true, deep: true }
34
+ )
35
+
36
+ const onSelectNode = (item: any): void => {
37
+ emits('select-node', item)
38
+ }
39
+
40
+ const onShowNodes = ({ node, cb }: { node: any; cb: () => void }): void => {
41
+ // emits('show-nodes', +node.id) // ???
42
+ emits('show-nodes', node.id) // Для делева бэкапов
43
+
44
+ cb()
45
+ }
46
+ </script>
47
+
48
+ <style scoped lang="scss">
49
+ .tree-view {
50
+ height: 90%;
51
+ }
52
+ </style>
@@ -1,72 +1,72 @@
1
- <template>
2
- <common-vm-actions-add-folder-tree-view-new
3
- v-if="isNewView"
4
- :nodes="nodes"
5
- :loading="loading"
6
- @show-nodes="showNodes"
7
- @select-node="selectNode"
8
- />
9
- <common-vm-actions-add-folder-tree-view-old
10
- v-else
11
- :nodes="nodes"
12
- :loading="loading"
13
- @show-nodes="showNodes"
14
- @select-node="selectNode"
15
- />
16
- </template>
17
-
18
- <script setup lang="ts">
19
- import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
20
-
21
- const props = defineProps<{
22
- dataCenter: UI_I_TreeNode
23
- }>()
24
- const emits = defineEmits<{
25
- (event: 'select-node', value: UI_I_TreeNode): void
26
- }>()
27
-
28
- const { $store }: any = useNuxtApp()
29
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
30
-
31
- const nodes = computed<UI_I_TreeNode[]>(
32
- () => $store.getters['inventory/getFolderTree'] || []
33
- )
34
- const loading = ref<boolean>(false)
35
- const getTree = async (): Promise<void> => {
36
- loading.value = true
37
- await $store.dispatch('inventory/A_GET_FOLDER_TREE', null)
38
- loading.value = false
39
- }
40
- getTree().then(() => {
41
- selectNode(props.dataCenter)
42
- })
43
-
44
- const showNodes = ({
45
- node,
46
- cb,
47
- }: {
48
- node: UI_I_TreeNode
49
- cb: () => void
50
- }): void => {
51
- const payload: any = { node, treeName: 'folderTree' }
52
- $store.dispatch('inventory/A_SHOW_NODE', payload)
53
- cb()
54
- }
55
- const selectNode = (node: UI_I_TreeNode): void => {
56
- const payload: any = {
57
- node,
58
- treeName: 'folderTree',
59
- doSelect: false,
60
- }
61
- $store.dispatch('inventory/A_SELECT_NODE', payload)
62
-
63
- emits('select-node', node)
64
- }
65
-
66
- onUnmounted(() => {
67
- $store.dispatch('inventory/A_CLEAR_FOLDER_TREE', null)
68
- })
69
- </script>
70
-
71
- <style scoped lang="scss">
72
- </style>
1
+ <template>
2
+ <common-vm-actions-add-folder-tree-view-new
3
+ v-if="isNewView"
4
+ :nodes="nodes"
5
+ :loading="loading"
6
+ @show-nodes="showNodes"
7
+ @select-node="selectNode"
8
+ />
9
+ <common-vm-actions-add-folder-tree-view-old
10
+ v-else
11
+ :nodes="nodes"
12
+ :loading="loading"
13
+ @show-nodes="showNodes"
14
+ @select-node="selectNode"
15
+ />
16
+ </template>
17
+
18
+ <script setup lang="ts">
19
+ import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
20
+
21
+ const props = defineProps<{
22
+ dataCenter: UI_I_TreeNode
23
+ }>()
24
+ const emits = defineEmits<{
25
+ (event: 'select-node', value: UI_I_TreeNode): void
26
+ }>()
27
+
28
+ const { $store }: any = useNuxtApp()
29
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
30
+
31
+ const nodes = computed<UI_I_TreeNode[]>(
32
+ () => $store.getters['inventory/getFolderTree'] || []
33
+ )
34
+ const loading = ref<boolean>(false)
35
+ const getTree = async (): Promise<void> => {
36
+ loading.value = true
37
+ await $store.dispatch('inventory/A_GET_FOLDER_TREE', null)
38
+ loading.value = false
39
+ }
40
+ getTree().then(() => {
41
+ selectNode(props.dataCenter)
42
+ })
43
+
44
+ const showNodes = ({
45
+ node,
46
+ cb,
47
+ }: {
48
+ node: UI_I_TreeNode
49
+ cb: () => void
50
+ }): void => {
51
+ const payload: any = { node, treeName: 'folderTree' }
52
+ $store.dispatch('inventory/A_SHOW_NODE', payload)
53
+ cb()
54
+ }
55
+ const selectNode = (node: UI_I_TreeNode): void => {
56
+ const payload: any = {
57
+ node,
58
+ treeName: 'folderTree',
59
+ doSelect: false,
60
+ }
61
+ $store.dispatch('inventory/A_SELECT_NODE', payload)
62
+
63
+ emits('select-node', node)
64
+ }
65
+
66
+ onUnmounted(() => {
67
+ $store.dispatch('inventory/A_CLEAR_FOLDER_TREE', null)
68
+ })
69
+ </script>
70
+
71
+ <style scoped lang="scss">
72
+ </style>
@@ -1,40 +1,40 @@
1
- <template>
2
- <div class="tree-view">
3
- <ui-tree
4
- :nodes="props.nodes"
5
- :expand-all="false"
6
- :is-loading="props.loading"
7
- @toggle-node="onShowNodes"
8
- @select-node="emits('select-node', $event)"
9
- >
10
- <template #content="{ node }">
11
- <div class="flex-align-center">
12
- <span :class="['node-icon', node.iconClassName]"></span>
13
- <span class="node-name">{{ node.name }}</span>
14
- </div>
15
- </template>
16
- </ui-tree>
17
- </div>
18
- </template>
19
-
20
- <script setup lang="ts">
21
- import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
22
-
23
- const props = defineProps<{
24
- loading: boolean
25
- nodes: UI_I_TreeNode[]
26
- }>()
27
- const emits = defineEmits<{
28
- (event: 'select-node', value: UI_I_TreeNode): void
29
- (event: 'show-nodes', value: {
30
- node: UI_I_TreeNode
31
- cb: () => void
32
- }): void
33
- }>()
34
-
35
- const onShowNodes = (node: UI_I_TreeNode) => {
36
- emits('show-nodes', { node, cb: (): void => {} })
37
- }
38
- </script>
39
-
40
- <style scoped lang="scss"></style>
1
+ <template>
2
+ <div class="tree-view">
3
+ <ui-tree
4
+ :nodes="props.nodes"
5
+ :expand-all="false"
6
+ :is-loading="props.loading"
7
+ @toggle-node="onShowNodes"
8
+ @select-node="emits('select-node', $event)"
9
+ >
10
+ <template #content="{ node }">
11
+ <div class="flex-align-center">
12
+ <span :class="['node-icon', node.iconClassName]"></span>
13
+ <span class="node-name">{{ node.name }}</span>
14
+ </div>
15
+ </template>
16
+ </ui-tree>
17
+ </div>
18
+ </template>
19
+
20
+ <script setup lang="ts">
21
+ import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
22
+
23
+ const props = defineProps<{
24
+ loading: boolean
25
+ nodes: UI_I_TreeNode[]
26
+ }>()
27
+ const emits = defineEmits<{
28
+ (event: 'select-node', value: UI_I_TreeNode): void
29
+ (event: 'show-nodes', value: {
30
+ node: UI_I_TreeNode
31
+ cb: () => void
32
+ }): void
33
+ }>()
34
+
35
+ const onShowNodes = (node: UI_I_TreeNode) => {
36
+ emits('show-nodes', { node, cb: (): void => {} })
37
+ }
38
+ </script>
39
+
40
+ <style scoped lang="scss"></style>
@@ -98,7 +98,8 @@ const files = computed<UI_I_FileTreeNode[]>(() => {
98
98
  let type = 3
99
99
  if (selectedFileType.value === 'iso') type = 2
100
100
 
101
- return files.filter((file) => file.provisioned_type === type)
101
+ // return files.filter((file) => file.provisioned_type === type)
102
+ return files.filter((file) => file.type === type) // mm [QA] Procurator
102
103
  })
103
104
 
104
105
  const getRootNodeById = (id: string): UI_I_FileTreeNode | null => {
@@ -1,25 +1,25 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
3
- v-if="isNewView"
4
- v-model:cd-dvd-media="cdDvdMedia"
5
- @browse="emits('browse')"
6
- />
7
- <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
8
- v-else
9
- v-model:cd-dvd-media="cdDvdMedia"
10
- @browse="emits('browse')"
11
- />
12
- </template>
13
-
14
- <script setup lang="ts">
15
- const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
16
-
17
- const emits = defineEmits<{
18
- (event: 'browse'): void
19
- }>()
20
-
21
- const { $store }: any = useNuxtApp()
22
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
23
- </script>
24
-
25
- <style scoped></style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
3
+ v-if="isNewView"
4
+ v-model:cd-dvd-media="cdDvdMedia"
5
+ @browse="emits('browse')"
6
+ />
7
+ <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
8
+ v-else
9
+ v-model:cd-dvd-media="cdDvdMedia"
10
+ @browse="emits('browse')"
11
+ />
12
+ </template>
13
+
14
+ <script setup lang="ts">
15
+ const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
16
+
17
+ const emits = defineEmits<{
18
+ (event: 'browse'): void
19
+ }>()
20
+
21
+ const { $store }: any = useNuxtApp()
22
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
23
+ </script>
24
+
25
+ <style scoped></style>
@@ -1,78 +1,78 @@
1
- <template>
2
- <ui-stack-block :has-children="false">
3
- <template #stackBlockKey>
4
- {{ localization.common.cdDvdMedia }}
5
- </template>
6
- <template #stackBlockContent>
7
- <div class="media-content flex-align-center">
8
- <ui-input
9
- id="vm-wizard-dvd-media-input"
10
- v-model="cdDvdMedia"
11
- test-id="vm-wizard-dvd-media-input"
12
- type="text"
13
- size="sm"
14
- disabled
15
- />
16
- <ui-button
17
- id="vm-wizard-dvd-media-button"
18
- test-id="vm-wizard-dvd-media-button"
19
- size="sm"
20
- class="media-button"
21
- variant="text"
22
- @click="emits('browse')"
23
- >
24
- {{ localization.vmWizard.browse }}
25
- </ui-button>
26
- <div class="divider"></div>
27
- <ui-button
28
- id="vm-wizard-dvd-media-eject"
29
- data-id="vm-wizard-dvd-media-eject"
30
- size="sm"
31
- class="eject-button"
32
- variant="text"
33
- type="error"
34
- @click="cdDvdMedia = ''"
35
- >
36
- {{ localization.vmWizard.eject }}
37
- </ui-button>
38
- </div>
39
- </template>
40
- </ui-stack-block>
41
- </template>
42
-
43
- <script setup lang="ts">
44
- import type { UI_I_Localization } from '~/lib/models/interfaces'
45
-
46
- const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
47
-
48
- const emits = defineEmits<{
49
- (event: 'browse'): void
50
- }>()
51
-
52
- const localization = computed<UI_I_Localization>(() => useLocal())
53
- </script>
54
-
55
- <style>
56
- :root {
57
- --media-content-border-color: #e9ebeda3;
58
- }
59
- :root.dark-theme {
60
- --media-content-border-color: #e9ebed1f;
61
- }
62
- </style>
63
- <style lang="scss" scoped>
64
- .media-content {
65
- gap: 12px;
66
-
67
- .media-button,
68
- .eject-button {
69
- white-space: nowrap;
70
- padding: 0;
71
- }
72
- .divider {
73
- width: 1px;
74
- height: 20px;
75
- background-color: var(--media-content-border-color);
76
- }
77
- }
78
- </style>
1
+ <template>
2
+ <ui-stack-block :has-children="false">
3
+ <template #stackBlockKey>
4
+ {{ localization.common.cdDvdMedia }}
5
+ </template>
6
+ <template #stackBlockContent>
7
+ <div class="media-content flex-align-center">
8
+ <ui-input
9
+ id="vm-wizard-dvd-media-input"
10
+ v-model="cdDvdMedia"
11
+ test-id="vm-wizard-dvd-media-input"
12
+ type="text"
13
+ size="sm"
14
+ disabled
15
+ />
16
+ <ui-button
17
+ id="vm-wizard-dvd-media-button"
18
+ test-id="vm-wizard-dvd-media-button"
19
+ size="sm"
20
+ class="media-button"
21
+ variant="text"
22
+ @click="emits('browse')"
23
+ >
24
+ {{ localization.vmWizard.browse }}
25
+ </ui-button>
26
+ <div class="divider"></div>
27
+ <ui-button
28
+ id="vm-wizard-dvd-media-eject"
29
+ data-id="vm-wizard-dvd-media-eject"
30
+ size="sm"
31
+ class="eject-button"
32
+ variant="text"
33
+ type="error"
34
+ @click="cdDvdMedia = ''"
35
+ >
36
+ {{ localization.vmWizard.eject }}
37
+ </ui-button>
38
+ </div>
39
+ </template>
40
+ </ui-stack-block>
41
+ </template>
42
+
43
+ <script setup lang="ts">
44
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
45
+
46
+ const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
47
+
48
+ const emits = defineEmits<{
49
+ (event: 'browse'): void
50
+ }>()
51
+
52
+ const localization = computed<UI_I_Localization>(() => useLocal())
53
+ </script>
54
+
55
+ <style>
56
+ :root {
57
+ --media-content-border-color: #e9ebeda3;
58
+ }
59
+ :root.dark-theme {
60
+ --media-content-border-color: #e9ebed1f;
61
+ }
62
+ </style>
63
+ <style lang="scss" scoped>
64
+ .media-content {
65
+ gap: 12px;
66
+
67
+ .media-button,
68
+ .eject-button {
69
+ white-space: nowrap;
70
+ padding: 0;
71
+ }
72
+ .divider {
73
+ width: 1px;
74
+ height: 20px;
75
+ background-color: var(--media-content-border-color);
76
+ }
77
+ }
78
+ </style>
@@ -1,50 +1,50 @@
1
- <template>
2
- <div class="">
3
- <atoms-stack-block :has-children="false">
4
- <template #stackBlockKey>
5
- {{ localization.common.cdDvdMedia }}
6
- </template>
7
- <template #stackBlockContent>
8
- <div class="flex-align-center">
9
- <input
10
- id="vm-wizard-dvd-media-input"
11
- v-model="cdDvdMedia"
12
- data-id="vm-wizard-dvd-media-input"
13
- type="text"
14
- disabled
15
- />
16
- <button
17
- id="vm-wizard-dvd-media-browse"
18
- data-id="vm-wizard-dvd-media-browse"
19
- class="button btn btn-default btn-sm"
20
- @click="emits('browse')"
21
- >
22
- {{ localization.common.browse }}...
23
- </button>
24
- <button
25
- id="vm-wizard-dvd-media-eject"
26
- data-id="vm-wizard-dvd-media-eject"
27
- class="button btn btn-default btn-sm"
28
- @click="cdDvdMedia = ''"
29
- >
30
- {{ localization.vmWizard.eject }}
31
- </button>
32
- </div>
33
- </template>
34
- </atoms-stack-block>
35
- </div>
36
- </template>
37
-
38
- <script setup lang="ts">
39
- import type { UI_I_Localization } from '~/lib/models/interfaces'
40
-
41
- const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
42
-
43
- const emits = defineEmits<{
44
- (event: 'browse'): void
45
- }>()
46
-
47
- const localization = computed<UI_I_Localization>(() => useLocal())
48
- </script>
49
-
50
- <style scoped></style>
1
+ <template>
2
+ <div class="">
3
+ <atoms-stack-block :has-children="false">
4
+ <template #stackBlockKey>
5
+ {{ localization.common.cdDvdMedia }}
6
+ </template>
7
+ <template #stackBlockContent>
8
+ <div class="flex-align-center">
9
+ <input
10
+ id="vm-wizard-dvd-media-input"
11
+ v-model="cdDvdMedia"
12
+ data-id="vm-wizard-dvd-media-input"
13
+ type="text"
14
+ disabled
15
+ />
16
+ <button
17
+ id="vm-wizard-dvd-media-browse"
18
+ data-id="vm-wizard-dvd-media-browse"
19
+ class="button btn btn-default btn-sm"
20
+ @click="emits('browse')"
21
+ >
22
+ {{ localization.common.browse }}...
23
+ </button>
24
+ <button
25
+ id="vm-wizard-dvd-media-eject"
26
+ data-id="vm-wizard-dvd-media-eject"
27
+ class="button btn btn-default btn-sm"
28
+ @click="cdDvdMedia = ''"
29
+ >
30
+ {{ localization.vmWizard.eject }}
31
+ </button>
32
+ </div>
33
+ </template>
34
+ </atoms-stack-block>
35
+ </div>
36
+ </template>
37
+
38
+ <script setup lang="ts">
39
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
40
+
41
+ const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
42
+
43
+ const emits = defineEmits<{
44
+ (event: 'browse'): void
45
+ }>()
46
+
47
+ const localization = computed<UI_I_Localization>(() => useLocal())
48
+ </script>
49
+
50
+ <style scoped></style>
@@ -340,9 +340,11 @@ watch(
340
340
  switch (newValue.model) {
341
341
  case 'host-passthrough':
342
342
  passthroughHostCpu.value = true
343
+ hostModelCpu.value = false
343
344
  cpuModel.value = ''
344
345
  break
345
346
  case 'host-model':
347
+ passthroughHostCpu.value = false
346
348
  hostModelCpu.value = true
347
349
  cpuModel.value = ''
348
350
  break