bfg-common 1.5.443 → 1.5.444
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.
- package/CODE_STYLE.md +109 -109
- package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
- package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
- package/assets/img/icons/icons-sprite-light-3.svg +227 -227
- package/assets/img/icons/icons-sprite-light-5.svg +488 -488
- package/assets/localization/local_be.json +1 -0
- package/assets/localization/local_en.json +3 -2
- package/assets/localization/local_hy.json +1 -0
- package/assets/localization/local_kk.json +1 -0
- package/assets/localization/local_ru.json +1 -0
- package/assets/localization/local_zh.json +1 -0
- package/components/atoms/TheIcon3.vue +50 -50
- package/components/atoms/collapse/CollapseNav.vue +170 -170
- package/components/atoms/perPage/PerPage.vue +58 -58
- package/components/atoms/table/dataGrid/DataGrid.vue +1694 -1694
- package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
- package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
- package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
- package/components/common/browse/blocks/Container.vue +235 -235
- package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
- package/components/common/browse/blocks/lib/models/types.ts +1 -1
- package/components/common/browse/lib/models/interfaces.ts +5 -5
- package/components/common/context/lib/models/interfaces.ts +33 -33
- package/components/common/countdownTimer/CountdownTimer.vue +15 -26
- package/components/common/countdownTimer/CountdownTimerNew.vue +53 -0
- package/components/common/countdownTimer/CountdownTimerOld.vue +33 -0
- package/components/common/diagramMain/lib/config/initial.ts +50 -50
- package/components/common/diagramMain/lib/models/types.ts +21 -21
- package/components/common/diagramMain/lib/utils/utils.ts +331 -331
- package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
- package/components/common/diagramMain/modals/lib/config/portModal.ts +251 -251
- package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
- package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
- package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
- package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
- package/components/common/diagramMain/port/Port.vue +580 -580
- package/components/common/diagramMain/port/Ports.vue +47 -47
- package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
- package/components/common/layout/theHeader/modals/{Reconnect.vue → reconnect/Reconnect.vue} +43 -56
- package/components/common/layout/theHeader/modals/reconnect/ReconnectNew.vue +74 -0
- package/components/common/layout/theHeader/modals/reconnect/ReconnectOld.vue +67 -0
- package/components/common/pages/backups/Backups.vue +102 -102
- package/components/common/pages/backups/DetailView.vue +52 -52
- package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
- package/components/common/pages/backups/modals/createBackup/configuration/Configuration.vue +29 -29
- package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue +26 -26
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue +66 -66
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
- package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue +35 -35
- package/components/common/pages/backups/modals/createBackup/datastores/Datastores.vue +59 -59
- package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue +95 -95
- package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/table.ts +117 -117
- package/components/common/pages/backups/modals/createBackup/general/General.vue +135 -135
- package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts +12 -12
- package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
- package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
- package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
- package/components/common/pages/backups/modals/restore/disks/tableView/TableView.vue +102 -102
- package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
- package/components/common/pages/backups/modals/restore/name/Name.vue +160 -160
- package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
- package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
- package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
- package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
- package/components/common/pages/backups/tools/Tools.vue +75 -75
- package/components/common/pages/backups/tools/lib/config/tabs.ts +36 -36
- package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
- package/components/common/pages/home/lib/models/interfaces.ts +48 -48
- package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
- package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
- package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
- package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
- package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
- package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
- package/components/common/select/radio/RadioGroup.vue +137 -137
- package/components/common/spiceConsole/Drawer.vue +381 -381
- package/components/common/spiceConsole/SpiceConsole.vue +127 -127
- package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
- package/components/common/tools/Actions.vue +207 -207
- package/components/common/treeView/TreeView.vue +52 -52
- package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
- package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +2 -0
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +85 -85
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapOld.vue +44 -44
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
- package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
- package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
- package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
- package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
- package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
- package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/os/Old.vue +152 -152
- package/components/common/vm/actions/common/select/os/Os.vue +139 -139
- package/components/common/vm/actions/common/select/storage/new/New.vue +320 -320
- package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
- package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
- package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
- package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
- package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
- package/components/common/wizards/vm/migrate/select/type/lib/config/typeOptions.ts +45 -45
- package/composables/productNameLocal.ts +30 -30
- package/composables/useAppVersion.ts +21 -21
- package/package.json +1 -1
- package/plugins/date.ts +233 -233
- package/plugins/panelStates.ts +70 -70
- package/plugins/text.ts +59 -59
- package/public/spice-console/lib/images/bitmap.js +203 -203
- package/public/spice-console/network/spicechannel.js +390 -390
- package/store/main/mutations.ts +7 -7
- 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>
|
@@ -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
|