mirror of https://github.com/requarks/wiki
Timo Kruth
1 year ago
committed by
GitHub
commit
b2208ac350
@ -0,0 +1,72 @@
|
|||||||
|
<template lang="pug">
|
||||||
|
.page-toc-item
|
||||||
|
template(v-if='level >= min')
|
||||||
|
v-list-item(@click='click(item.anchor)', v-if='max > level', :key='item.anchor', :class='[isNestedLevel ? "pl-9" : "pl-6"]')
|
||||||
|
v-icon.pl-0(small, color='grey lighten-1', v-if='item.children.length > 0') {{ $vuetify.rtl ? `mdi-menu-up` : `mdi-menu-up` }}
|
||||||
|
v-list-item-title.pl-4(v-bind:class='titleClasses') {{item.title}}
|
||||||
|
v-list-group(v-else, sub-group, v-bind:class='{"pl-6": isNestedLevel}')
|
||||||
|
template(v-slot:activator)
|
||||||
|
v-list-item.pl-0(@click='click(item.anchor)', :key='item.anchor')
|
||||||
|
v-list-item-title(v-bind:class='titleClasses') {{item.title}}
|
||||||
|
page-toc-item(v-if='item.children.length > 0', v-for='subItem in item.children', :key='subItem.anchor', :item='subItem', :level='level + 1', :min='min', :max='max')
|
||||||
|
page-toc-item(v-show='max > level && item.children.length > 0', v-for='subItem in item.children', :key='subItem.anchor', :item='subItem', :level='level + 1', :min='min', :max='max')
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'PageTocItem',
|
||||||
|
props: {
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
min: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
},
|
||||||
|
max: {
|
||||||
|
type: Number,
|
||||||
|
default: 2
|
||||||
|
},
|
||||||
|
level: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
scrollOpts: {
|
||||||
|
duration: 1500,
|
||||||
|
offset: 0,
|
||||||
|
easing: 'easeInOutCubic'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isNestedLevel() {
|
||||||
|
return this.level > this.min
|
||||||
|
},
|
||||||
|
titleClasses() {
|
||||||
|
return {
|
||||||
|
'caption': this.isNestedLevel,
|
||||||
|
'grey--text': this.isNestedLevel,
|
||||||
|
'text--lighten-1': this.$vuetify.theme.dark && this.isNestedLevel,
|
||||||
|
'text--darken-1': !this.$vuetify.theme.dark && this.isNestedLevel
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
click (anchor) {
|
||||||
|
this.$vuetify.goTo(anchor, this.scrollOpts)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang='scss'>
|
||||||
|
// Hack to fix animations of multi level nesting v-list-group
|
||||||
|
.page-toc-item .v-list-group--sub-group.v-list-group--active .v-list-item:not(.v-list-item--active) .v-list-item__icon.v-list-group__header__prepend-icon .v-icon {
|
||||||
|
transform: rotate(0deg)!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
exports.up = async knex => {
|
||||||
|
await knex.schema
|
||||||
|
.alterTable('pages', table => {
|
||||||
|
table.json('tocOptions').notNullable().defaultTo(JSON.stringify({
|
||||||
|
min: 1,
|
||||||
|
max: 2,
|
||||||
|
useDefault: true
|
||||||
|
}))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
exports.down = knex => { }
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
exports.up = async knex => {
|
||||||
|
await knex.schema
|
||||||
|
.alterTable('pages', table => {
|
||||||
|
table.json('tocOptions').notNullable().defaultTo(JSON.stringify({
|
||||||
|
min: 1,
|
||||||
|
max: 2,
|
||||||
|
useDefault: true
|
||||||
|
}))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
exports.down = knex => { }
|
||||||
Loading…
Reference in new issue