Merge pull request #1

feat/tree-view
pull/7619/head
Ruslan Semak 8 months ago committed by GitHub
commit 727c859592
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -26,7 +26,7 @@
@click='switchMode(`tree`)' @click='switchMode(`tree`)'
) )
v-icon(left) mdi-file-tree v-icon(left) mdi-file-tree
.body-2.text-none {{$t('common:sidebar.tree')}} .body-2.text-none {{'Обзор'}}
v-btn.ml-3( v-btn.ml-3(
v-else-if='currentMode === `tree`' v-else-if='currentMode === `tree`'
depressed depressed
@ -57,6 +57,7 @@
v-treeview( v-treeview(
v-else-if='currentMode === `tree`' v-else-if='currentMode === `tree`'
activatable activatable
dense
open-on-click open-on-click
:color='"white"' :color='"white"'
:active='treeDefaultActive' :active='treeDefaultActive'
@ -70,8 +71,8 @@
v-icon(v-else-if="open") mdi-folder-open v-icon(v-else-if="open") mdi-folder-open
v-icon(v-else) mdi-folder v-icon(v-else) mdi-folder
template(v-slot:label="{ item }") template(v-slot:label="{ item }")
div(class='tree-item' :class="{ 'tree-item-link': !item.children }") div(class='tree-item')
a(v-if="!item.children" :href="'/'+item.locale+'/'+item.path" class='tree-item-link') a(v-if="!item.children" :href="'/'+item.locale+'/'+item.path")
span {{item.name}} span {{item.name}}
span(v-else) {{item.name}} span(v-else) {{item.name}}
@ -276,7 +277,7 @@ export default {
return { id: item.id, level: level, path: item.path, locale: item.locale, name: item.title } return { id: item.id, level: level, path: item.path, locale: item.locale, name: item.title }
} }
}, },
activeTreeItem(id) { activeTreeItem([id]) {
const find = (items) => { const find = (items) => {
for (const item of items) { for (const item of items) {
if (item.id === id) { if (item.id === id) {
@ -320,7 +321,7 @@ export default {
this.treeItems = children.map(item => this.pageItem2TreeItem(item, 0)) this.treeItems = children.map(item => this.pageItem2TreeItem(item, 0))
this.checkTreeDefaultOpen(this.treeItems, 0) this.checkTreeDefaultOpen(this.treeItems, 0)
}, },
async checkTreeDefaultOpen(items) { checkTreeDefaultOpen(items) {
const item = items.find(item => item.children && this.path.startsWith(item.path)) const item = items.find(item => item.children && this.path.startsWith(item.path))
if (item) { if (item) {
setTimeout(() => { setTimeout(() => {
@ -361,14 +362,16 @@ export default {
mounted () { mounted () {
this.currentParent.title = `/ ${this.$t('common:sidebar.root')}` this.currentParent.title = `/ ${this.$t('common:sidebar.root')}`
if (this.navMode === 'TREE') { if (this.navMode === 'TREE') {
this.currentMode = 'browse' this.currentMode = 'tree'
} else if (this.navMode === 'STATIC') { }
if (this.navMode === 'STATIC') {
this.currentMode = 'custom' this.currentMode = 'custom'
} else if (this.navMode === 'NEWTREE') { } else if (this.navMode === 'NEWTREE') {
this.currentMode = 'tree' this.currentMode = 'tree'
} else { } else {
this.currentMode = window.localStorage.getItem('navPref') || 'custom' this.currentMode = window.localStorage.getItem('navPref') || 'custom'
} }
if (this.currentMode === 'browse') { if (this.currentMode === 'browse') {
this.loadFromCurrentPath() this.loadFromCurrentPath()
} }
@ -380,32 +383,12 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.v-treeview{ .v-treeview{
.tree-item { .tree-item {
width: 100%;
padding: 8px 0;
font-weight: 500; font-weight: 500;
line-height: 1rem; line-height: 1rem;
font-size: 0.8rem; font-size: 0.8rem;
} }
.tree-item-link {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
}
.tree-item-link a {
display: block;
width: 100%;
padding: 8px 16px;
margin: -8px 0;
text-decoration: none;
color: inherit;
}
a { a {
text-decoration: none; text-decoration: none;
} }
@ -415,4 +398,21 @@ export default {
} }
} }
} }
.v-treeview-node {
min-height: 32px; /* Уменьшаем минимальную высоту узла */
.v-treeview-node__root {
min-height: 32px; /* Уменьшаем минимальную высоту корневого элемента */
padding: 2px 0; /* Уменьшаем вертикальные отступы */
}
.v-treeview-node__content {
margin: 2px 0; /* Уменьшаем отступы содержимого */
}
.v-treeview-node__children {
margin-left: 16px; /* Уменьшаем отступ для дочерних элементов */
}
}
</style> </style>

@ -87,6 +87,10 @@ module.exports = {
WIKI.scheduler.start() WIKI.scheduler.start()
await WIKI.models.subscribeToNotifications() await WIKI.models.subscribeToNotifications()
WIKI.logger.info('=======================================')
WIKI.logger.info(`✅ ✅ ✅\tApplication is ready ✅ ✅ ✅\t`)
WIKI.logger.info('=======================================')
}, },
/** /**
* Init Telemetry * Init Telemetry

Loading…
Cancel
Save