|
|
|
@ -12,44 +12,44 @@
|
|
|
|
|
:width='2'
|
|
|
|
|
v-show='searchLoading'
|
|
|
|
|
)
|
|
|
|
|
.d-flex(style='min-height:400px;')
|
|
|
|
|
v-flex(xs4).grey(:class='darkMode ? `darken-4` : `lighten-3`')
|
|
|
|
|
v-toolbar(color='grey darken-3', dark, dense, flat)
|
|
|
|
|
.body-2 Folders
|
|
|
|
|
v-spacer
|
|
|
|
|
v-btn(icon): v-icon create_new_folder
|
|
|
|
|
v-treeview(
|
|
|
|
|
v-model='tree'
|
|
|
|
|
:items='treeFolders'
|
|
|
|
|
:load-children='fetchFolders'
|
|
|
|
|
activatable
|
|
|
|
|
open-on-click
|
|
|
|
|
hoverable
|
|
|
|
|
)
|
|
|
|
|
template(slot='prepend', slot-scope='{ item, open, leaf }')
|
|
|
|
|
v-icon {{ open ? 'folder_open' : 'folder' }}
|
|
|
|
|
v-flex(xs8)
|
|
|
|
|
v-toolbar(color='grey darken-2', dark, dense, flat)
|
|
|
|
|
.body-2 Pages
|
|
|
|
|
v-spacer
|
|
|
|
|
v-btn(icon): v-icon forward
|
|
|
|
|
v-btn(icon): v-icon delete
|
|
|
|
|
v-list(dense)
|
|
|
|
|
v-list-tile
|
|
|
|
|
v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
v-list-tile-title File A
|
|
|
|
|
v-divider
|
|
|
|
|
v-list-tile
|
|
|
|
|
v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
v-list-tile-title File B
|
|
|
|
|
v-divider
|
|
|
|
|
v-list-tile
|
|
|
|
|
v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
v-list-tile-title File C
|
|
|
|
|
v-divider
|
|
|
|
|
v-list-tile
|
|
|
|
|
v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
v-list-tile-title File D
|
|
|
|
|
//- .d-flex(style='min-height:400px;')
|
|
|
|
|
//- v-flex(xs4).grey(:class='darkMode ? `darken-4` : `lighten-3`')
|
|
|
|
|
//- v-toolbar(color='grey darken-3', dark, dense, flat)
|
|
|
|
|
//- .body-2 Folders
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-btn(icon): v-icon create_new_folder
|
|
|
|
|
//- v-treeview(
|
|
|
|
|
//- v-model='tree'
|
|
|
|
|
//- :items='treeFolders'
|
|
|
|
|
//- :load-children='fetchFolders'
|
|
|
|
|
//- activatable
|
|
|
|
|
//- open-on-click
|
|
|
|
|
//- hoverable
|
|
|
|
|
//- )
|
|
|
|
|
//- template(slot='prepend', slot-scope='{ item, open, leaf }')
|
|
|
|
|
//- v-icon {{ open ? 'folder_open' : 'folder' }}
|
|
|
|
|
//- v-flex(xs8)
|
|
|
|
|
//- v-toolbar(color='grey darken-2', dark, dense, flat)
|
|
|
|
|
//- .body-2 Pages
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-btn(icon): v-icon forward
|
|
|
|
|
//- v-btn(icon): v-icon delete
|
|
|
|
|
//- v-list(dense)
|
|
|
|
|
//- v-list-tile
|
|
|
|
|
//- v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
//- v-list-tile-title File A
|
|
|
|
|
//- v-divider
|
|
|
|
|
//- v-list-tile
|
|
|
|
|
//- v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
//- v-list-tile-title File B
|
|
|
|
|
//- v-divider
|
|
|
|
|
//- v-list-tile
|
|
|
|
|
//- v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
//- v-list-tile-title File C
|
|
|
|
|
//- v-divider
|
|
|
|
|
//- v-list-tile
|
|
|
|
|
//- v-list-tile-avatar: v-icon insert_drive_file
|
|
|
|
|
//- v-list-tile-title File D
|
|
|
|
|
v-card-actions.grey.pa-2(:class='darkMode ? `darken-3-d5` : `lighten-1`')
|
|
|
|
|
v-select(
|
|
|
|
|
solo
|
|
|
|
@ -80,6 +80,8 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { get } from 'vuex-pathify'
|
|
|
|
|
|
|
|
|
|
/* global siteLangs, siteConfig */
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
value: {
|
|
|
|
@ -110,7 +112,7 @@ export default {
|
|
|
|
|
currentPath: 'new-page',
|
|
|
|
|
tree: [],
|
|
|
|
|
treeChildren: [],
|
|
|
|
|
namespaces: ['en']
|
|
|
|
|
namespaces: siteLangs.length ? siteLangs.map(ns => ns.code) : [siteConfig.lang]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|