|
|
@ -14,7 +14,7 @@ |
|
|
|
depressed |
|
|
|
:color='$vuetify.theme.dark ? `grey darken-4` : `blue darken-2`' |
|
|
|
style='flex: 1 1 100%;' |
|
|
|
@click='switchMode(`browse`)' |
|
|
|
@click='switchMode(`tree`)' |
|
|
|
) |
|
|
|
v-icon(left) mdi-file-tree |
|
|
|
.body-2.text-none {{$t('common:sidebar.browse')}} |
|
|
@ -77,27 +77,27 @@ |
|
|
|
span(v-else) {{item.name}} |
|
|
|
|
|
|
|
//-> Browse |
|
|
|
v-list.py-2(v-else-if='currentMode === `browse`', dense, :class='color', :dark='dark') |
|
|
|
template(v-if='currentParent.id > 0') |
|
|
|
v-list-item(v-for='(item, idx) of parents', :key='`parent-` + item.id', @click='fetchBrowseItems(item)', style='min-height: 30px;') |
|
|
|
v-list-item-avatar(size='18', :style='`padding-left: ` + (idx * 8) + `px; width: auto; margin: 0 5px 0 0;`') |
|
|
|
v-icon(small) mdi-folder-open |
|
|
|
v-list-item-title {{ item.title }} |
|
|
|
v-divider.mt-2 |
|
|
|
v-list-item.mt-2(v-if='currentParent.pageId > 0', :href='`/` + currentParent.locale + `/` + currentParent.path', :key='`directorypage-` + currentParent.id', :input-value='path === currentParent.path') |
|
|
|
v-list-item-avatar(size='24') |
|
|
|
v-icon mdi-text-box |
|
|
|
v-list-item-title {{ currentParent.title }} |
|
|
|
v-subheader.pl-4 {{$t('common:sidebar.currentDirectory')}} |
|
|
|
template(v-for='item of currentItems') |
|
|
|
v-list-item(v-if='item.isFolder', :key='`childfolder-` + item.id', @click='fetchBrowseItems(item)') |
|
|
|
v-list-item-avatar(size='24') |
|
|
|
v-icon mdi-folder |
|
|
|
v-list-item-title {{ item.title }} |
|
|
|
v-list-item(v-else, :href='`/` + item.locale + `/` + item.path', :key='`childpage-` + item.id', :input-value='path === item.path') |
|
|
|
v-list-item-avatar(size='24') |
|
|
|
v-icon mdi-text-box |
|
|
|
v-list-item-title {{ item.title }} |
|
|
|
//v-list.py-2(v-else-if='currentMode === `browse`', dense, :class='color', :dark='dark') |
|
|
|
// template(v-if='currentParent.id > 0') |
|
|
|
// v-list-item(v-for='(item, idx) of parents', :key='`parent-` + item.id', @click='fetchBrowseItems(item)', style='min-height: 30px;') |
|
|
|
// v-list-item-avatar(size='18', :style='`padding-left: ` + (idx * 8) + `px; width: auto; margin: 0 5px 0 0;`') |
|
|
|
// v-icon(small) mdi-folder-open |
|
|
|
// v-list-item-title {{ item.title }} |
|
|
|
// v-divider.mt-2 |
|
|
|
// v-list-item.mt-2(v-if='currentParent.pageId > 0', :href='`/` + currentParent.locale + `/` + currentParent.path', :key='`directorypage-` + currentParent.id', :input-value='path === currentParent.path') |
|
|
|
// v-list-item-avatar(size='24') |
|
|
|
// v-icon mdi-text-box |
|
|
|
// v-list-item-title {{ currentParent.title }} |
|
|
|
// v-subheader.pl-4 {{$t('common:sidebar.currentDirectory')}} |
|
|
|
// template(v-for='item of currentItems') |
|
|
|
// v-list-item(v-if='item.isFolder', :key='`childfolder-` + item.id', @click='fetchBrowseItems(item)') |
|
|
|
// v-list-item-avatar(size='24') |
|
|
|
// v-icon mdi-folder |
|
|
|
// v-list-item-title {{ item.title }} |
|
|
|
// v-list-item(v-else, :href='`/` + item.locale + `/` + item.path', :key='`childpage-` + item.id', :input-value='path === item.path') |
|
|
|
// v-list-item-avatar(size='24') |
|
|
|
// v-icon mdi-text-box |
|
|
|
// v-list-item-title {{ item.title }} |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|