github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-19 10:14:33 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'aggregation' into insights

Browse Source
This commit is contained in:
rijkvanzanten
2021-05-28 10:23:54 -04:00
parent 367d781ee6 749ce52da4
commit 2c3ecdb0ec
14 changed files with 602 additions and 388 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/src/modules/files/components/folder-picker-list-item.vue
View File

@@ -1,30 +1,32 @@
<template>
<v-list-item
v-if="folder.children.length === 0"
@click="clickHandler(folder.id)"
:active="currentFolder === folder.id"
:disabled="disabled"
>
<v-list-item-icon><v-icon :name="currentFolder === folder.id ? 'folder_open' : 'folder'" /></v-list-item-icon>
<v-list-item-content>{{ folder.name }}</v-list-item-content>
</v-list-item>
<v-list-group v-else @click="clickHandler(folder.id)" :active="currentFolder === folder.id" :disabled="disabled">
<template #activator>
<v-list-item-icon>
<v-icon :name="currentFolder === folder.id ? 'folder_open' : 'folder'" />
</v-list-item-icon>
<div class="folder-picker-list-item">
<v-list-item
v-if="folder.children.length === 0"
@click="clickHandler(folder.id)"
:active="currentFolder === folder.id"
:disabled="disabled"
>
<v-list-item-icon><v-icon :name="currentFolder === folder.id ? 'folder_open' : 'folder'" /></v-list-item-icon>
<v-list-item-content>{{ folder.name }}</v-list-item-content>
</template>
<folder-picker-list-item
v-for="childFolder in folder.children"
:key="childFolder.id"
:folder="childFolder"
:current-folder="currentFolder"
:click-handler="clickHandler"
:disabled="disabledFolders.includes(childFolder.id)"
:disabled-folders="disabledFolders"
/>
</v-list-group>
</v-list-item>
<v-list-group v-else @click="clickHandler(folder.id)" :active="currentFolder === folder.id" :disabled="disabled">
<template #activator>
<v-list-item-icon>
<v-icon :name="currentFolder === folder.id ? 'folder_open' : 'folder'" />
</v-list-item-icon>
<v-list-item-content>{{ folder.name }}</v-list-item-content>
</template>
<folder-picker-list-item
v-for="childFolder in folder.children"
:key="childFolder.id"
:folder="childFolder"
:current-folder="currentFolder"
:click-handler="clickHandler"
:disabled="disabledFolders.includes(childFolder.id)"
:disabled-folders="disabledFolders"
/>
</v-list-group>
</div>
</template>
<script lang="ts">
@@ -62,3 +64,10 @@ export default defineComponent({
},
});
</script>
<style scoped>
.folder-picker-list-item {
--v-list-item-background-color-hover: var(--background-normal-alt);
--v-list-item-background-color-active: var(--background-normal-alt);
}
</style>