51 lines
No EOL
1 KiB
Vue
51 lines
No EOL
1 KiB
Vue
<script setup lang="ts">
|
|
import {ref} from "vue";
|
|
import Archive from "@/components/content/Archive.vue";
|
|
import Blocks from "@/components/content/Blocks.vue";
|
|
|
|
const tab = ref(null)
|
|
const tabs = [
|
|
{
|
|
id: 'archive',
|
|
title: 'Archivio',
|
|
},
|
|
{
|
|
id: 'blocks',
|
|
title: 'Blocchi dinamici',
|
|
},
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<v-tabs
|
|
v-model="tab"
|
|
bg-color="primary"
|
|
>
|
|
<v-tab
|
|
v-for="tab in tabs"
|
|
:value="tab.id"
|
|
>{{ tab.title }}</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-window v-model="tab">
|
|
<v-tabs-window-item
|
|
v-for="tab in tabs"
|
|
:value="tab.id">
|
|
<Archive
|
|
v-if="tab.id === 'archive'"
|
|
:show-select="false"
|
|
:is-draggable="true"
|
|
:hideColumns="['mtime', 'actions']"
|
|
/>
|
|
<Blocks
|
|
v-if="tab.id === 'blocks'"
|
|
:show-select="false"
|
|
:is-draggable="true"
|
|
:hideColumns="['mtime', 'utime', 'actions']"
|
|
/>
|
|
</v-tabs-window-item>
|
|
</v-tabs-window>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |