diff options
Diffstat (limited to 'apps/files/src/components/FilesListHeader.vue')
| -rw-r--r-- | apps/files/src/components/FilesListHeader.vue | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/apps/files/src/components/FilesListHeader.vue b/apps/files/src/components/FilesListHeader.vue index b09feae04f2..81b56331f9c 100644 --- a/apps/files/src/components/FilesListHeader.vue +++ b/apps/files/src/components/FilesListHeader.vue @@ -40,6 +40,13 @@ <!-- Actions --> <th class="files-list__row-actions" /> + + <!-- Custom views columns --> + <th v-for="column in columns" + :key="column.id" + :class="`files-list__row-column--custom files-list__row-${currentView.id}-${column.id}`"> + {{ column.title }} + </th> </tr> </template> @@ -56,6 +63,7 @@ import { useFilesStore } from '../store/files' import { useSelectionStore } from '../store/selection' import { useSortingStore } from '../store/sorting' import logger from '../logger.js' +import Navigation from '../services/Navigation' export default Vue.extend({ name: 'FilesListHeader', @@ -87,6 +95,15 @@ export default Vue.extend({ computed: { ...mapState(useSortingStore, ['defaultFileSorting', 'defaultFileSortingDirection']), + /** @return {Navigation} */ + currentView() { + return this.$navigation.active + }, + + columns() { + return this.currentView?.columns || [] + }, + dir() { // Remove any trailing slash but leave root slash return (this.$route?.query?.dir || '/').replace(/^(.+)\/$/, '$1') |