bfg-common 1.5.423 → 1.5.425
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 +2 -1
- package/assets/localization/local_en.json +2 -1
- package/assets/localization/local_hy.json +2 -1
- package/assets/localization/local_kk.json +2 -1
- package/assets/localization/local_ru.json +2 -1
- package/assets/localization/local_zh.json +2 -1
- 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/lib/config/settingsTable.ts +94 -94
- package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
- package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
- package/components/common/context/lib/models/interfaces.ts +33 -33
- package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
- package/components/common/diagramMain/modals/lib/config/portModal.ts +9 -3
- package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +4 -2
- package/components/common/diagramMain/port/Port.vue +4 -2
- package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
- 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/Modals.vue +231 -231
- package/components/common/pages/backups/modals/createBackup/CreateBackup.vue +376 -376
- 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/datastores/tableView/lib/config/table.ts +119 -119
- 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/steps.ts +117 -117
- 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/Restore.vue +417 -417
- 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/lib/config/steps.ts +108 -108
- 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/clone/lib/config/steps.ts +291 -291
- package/components/common/vm/actions/clone/toTemplate/ToTemplate.vue +2 -2
- package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +4 -2
- package/components/common/vm/actions/clone/toTemplate/lib/models/interfaces.ts +1 -1
- 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/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/newHardDisk/maximumSize/MaximumSize.vue +23 -23
- 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/generalOptions/GeneralOptionsNew.vue +2 -2
- package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue +2 -2
- 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/config/items.ts +48 -48
- 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/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/vmt/actions/add/New.vue +5 -3
- package/components/common/vmt/actions/add/Old.vue +5 -3
- package/components/common/vmt/actions/add/lib/config/steps.ts +2 -2
- package/components/common/vmt/actions/add/lib/models/interfaces.ts +23 -23
- package/components/common/wizards/datastore/add/steps/nameAndConfigure/_serversList/lib/config/tableKeys.ts +2 -2
- package/components/common/wizards/datastore/add/steps/nameAndConfigure/_serversList/lib/models/types.ts +1 -1
- package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
- package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
- package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
- 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
- package/store/tasks/lib/models/enums.ts +5 -0
- package/store/tasks/mappers/recentTasks.ts +14 -3
@@ -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>
|