flfeders/FEDEO
2
1
Fork 0
Code Issues 62 Pull Requests Actions Packages Projects 21 Releases Wiki Activity

Changed to new Layout System

Browse Source
This commit is contained in:
Florian Federspiel
2024-02-23 19:30:43 +01:00
parent 96d4ee7356
commit 0d86e4c4f9
32 changed files with 1690 additions and 2214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
spaces/pages/documents.vue
View File

@@ -110,14 +110,20 @@ const downloadSelected = async () => {
</script>
<template>
<div>
<Toolbar>
<UDashboardNavbar
title="Dokumente"
>
</UDashboardNavbar>
<UDashboardToolbar>
<template #left>
<UButton @click="uploadModalOpen = true">Hochladen</UButton>
<UButton
@click="downloadSelected"
:disabled="dataStore.documents.filter(doc => doc.selected).length === 0"
>Herunterladen</UButton>
</template>
<template #right>
<USelectMenu
:options="tags"
v-model="selectedTags"
@@ -127,63 +133,63 @@ const downloadSelected = async () => {
{{selectedTags}}
</template>
</USelectMenu>
</template>
</UDashboardToolbar>
</Toolbar>
<div class="scrollList">
<USlideover
v-model="uploadModalOpen"
>
<div class="scrollList">
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
<template #header>
Datei Hochladen
</template>
<DocumentList
:documents="filteredDocuments"
/>
</div>
<USlideover
v-model="uploadModalOpen"
>
<div class="h-full">
<UFormGroup
label="Datei:"
>
<UInput
type="file"
id="fileUploadInput"
multiple
/>
</UFormGroup>
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
<template #header>
Datei Hochladen
</template>
<UFormGroup
label="Tags:"
class="mt-3"
>
<USelectMenu
multiple
searchable
searchable-placeholder="Suchen..."
:options="tags"
v-model="fileUploadFormData.tags"
/>
</UFormGroup>
</div>
<div class="h-full">
<UFormGroup
label="Datei:"
>
<UInput
type="file"
id="fileUploadInput"
multiple
/>
</UFormGroup>
<template #footer>
<UButton
v-if="!uploadInProgress"
class="mt-3"
@click="uploadFiles"
>Hochladen</UButton>
<UProgress
<UFormGroup
label="Tags:"
class="mt-3"
>
<USelectMenu
multiple
searchable
searchable-placeholder="Suchen..."
:options="tags"
v-model="fileUploadFormData.tags"
/>
</UFormGroup>
</div>
<template #footer>
<UButton
v-if="!uploadInProgress"
class="mt-3"
@click="uploadFiles"
>Hochladen</UButton>
<UProgress
v-else
animation="carousel"
/>
</template>
</UCard>
</USlideover>
<DocumentList
:documents="filteredDocuments"
/>
</div>
</div>
/>
</template>
</UCard>
</USlideover>
</template>