MALIO-DEV/Inventory
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: enhance document management UI

Browse Source
This commit is contained in:
Matthieu
2025-09-17 12:41:51 +02:00
parent 0fbf77ab43
commit 3c0c22ad0f
8 changed files with 660 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/pages/sites.vue
View File

@@ -316,10 +316,15 @@
:key="document.id"
class="flex items-center justify-between rounded border border-base-200 bg-base-100 px-3 py-2"
>
<div class="text-sm">
<div class="font-medium">{{ document.name }}</div>
<div class="text-xs text-gray-500">
{{ document.mimeType || 'Inconnu' }} • {{ formatSize(document.size) }}
<div class="flex items-center gap-3 text-sm">
<span class="text-xl" :class="documentIcon(document).colorClass">
{{ documentIcon(document).icon }}
</span>
<div>
<div class="font-medium">{{ document.name }}</div>
<div class="text-xs text-gray-500">
{{ document.mimeType || 'Inconnu' }} • {{ formatSize(document.size) }}
</div>
</div>
</div>
<div class="flex items-center gap-2">
@@ -359,10 +364,11 @@ import { ref, reactive, onMounted, computed } from 'vue'
import { useSites } from '~/composables/useSites'
import { useToast } from '~/composables/useToast'
import { useDocuments } from '~/composables/useDocuments'
import { getFileIcon } from '~/utils/fileIcons'
import DocumentUpload from '~/components/DocumentUpload.vue'
const { sites, loading, loadSites, createSite, updateSite, deleteSite } = useSites()
const { uploadDocuments, deleteDocument, loadDocumentsBySite, documents: documentStore } = useDocuments()
const { uploadDocuments, deleteDocument, loadDocumentsBySite } = useDocuments()
// Data
const showAddSiteModal = ref(false)
@@ -392,6 +398,7 @@ const selectedFiles = ref([])
const uploadingDocuments = ref(false)
const siteDocuments = computed(() => siteBeingEdited.value?.documents || [])
const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
// Methods
const handleCreateSite = async () => {
@@ -446,10 +453,13 @@ const handleUpdateSite = async () => {
let uploadedDocuments = []
if (selectedFiles.value.length) {
uploadingDocuments.value = true
const uploadResult = await uploadDocuments({
files: selectedFiles.value,
context: { siteId: siteBeingEdited.value.id }
})
const uploadResult = await uploadDocuments(
{
files: selectedFiles.value,
context: { siteId: siteBeingEdited.value.id }
},
{ updateStore: false }
)
uploadingDocuments.value = false
if (uploadResult.success) {
@@ -502,7 +512,7 @@ const closeEditModal = () => {
const handleRemoveSiteDocument = async (documentId) => {
if (!documentId) return
const result = await deleteDocument(documentId)
const result = await deleteDocument(documentId, { updateStore: false })
if (result.success) {
if (siteBeingEdited.value) {
siteBeingEdited.value.documents = (siteBeingEdited.value.documents || []).filter(doc => doc.id !== documentId)
@@ -535,9 +545,9 @@ const downloadDocument = (doc) => {
const refreshSiteDocuments = async (siteId) => {
if (!siteId) return
const result = await loadDocumentsBySite(siteId)
const result = await loadDocumentsBySite(siteId, { updateStore: false })
if (result.success && siteBeingEdited.value && siteBeingEdited.value.id === siteId) {
const cloned = [...documentStore.value]
const cloned = Array.isArray(result.data) ? [...result.data] : []
siteBeingEdited.value.documents = cloned
const index = sites.value.findIndex(site => site.id === siteId)
if (index !== -1) {