feat(documents) : pastille et libellé Partage sur les documents liés au partage SMB

frontend/components/task/TaskDocumentList.vue

@@ -11,31 +11,36 @@
                 @click="$emit('preview', doc)"
             >
                 <!-- Thumbnail or icon -->
-                <div class="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded">
+                <div class="relative h-10 w-10 shrink-0">
-                    <img
+                    <div class="flex h-10 w-10 items-center justify-center overflow-hidden rounded">
-                        v-if="isImage(doc.mimeType)"
+                        <img
-                        :src="getDownloadUrl(doc.id)"
+                            v-if="isImage(doc.mimeType)"
-                        :alt="doc.originalName"
+                            :src="getDownloadUrl(doc.id)"
-                        class="h-10 w-10 object-cover"
+                            :alt="doc.originalName"
-                    />
+                            class="h-10 w-10 object-cover"
-                    <Icon
+                        />
-                        v-else
+                        <Icon
-                        :name="getIconForMime(doc.mimeType)"
+                            v-else
-                        class="h-6 w-6 text-neutral-400"
+                            :name="getIconForMime(doc.mimeType)"
-                    />
+                            class="h-6 w-6 text-neutral-400"
+                        />
+                    </div>
+                    <!-- Pastille : document lié depuis le partage SMB -->
+                    <span
+                        v-if="doc.sharePath"
+                        class="absolute -bottom-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary-500 ring-2 ring-white"
+                        :title="$t('taskDocuments.shareLinkBadge')"
+                    >
+                        <Icon name="heroicons:link" class="h-2.5 w-2.5 text-white" />
+                    </span>
                 </div>
 
                 <!-- File info -->
                 <div class="min-w-0 flex-1">
                     <p class="truncate text-xs font-medium text-neutral-700">{{ doc.originalName }}</p>
-                    <p class="flex items-center gap-1 text-xs text-neutral-400">
+                    <p class="text-xs text-neutral-400">
-                        <Icon
+                        <span v-if="doc.sharePath" class="font-medium text-primary-500">{{ $t('taskDocuments.shareLinkLabel') }}</span>
-                            v-if="doc.sharePath"
+                        <span v-if="doc.sharePath"> · </span>{{ formatFileSize(doc.size) }}
-                            name="heroicons:link"
-                            class="h-3 w-3 shrink-0 text-primary-400"
-                            :title="$t('taskDocuments.shareLinkBadge')"
-                        />
-                        {{ formatFileSize(doc.size) }}
                     </p>
                 </div>
 

frontend/i18n/locales/fr.json

@@ -134,7 +134,8 @@
         "linkShareHint": "Cliquez sur un dossier pour naviguer, sur un fichier pour le lier au ticket.",
         "linkShareSuccess": "Fichier du partage lié au ticket.",
         "linkShareError": "Impossible de lier ce fichier (type non autorisé ou introuvable).",
-        "shareLinkBadge": "Lien vers le partage"
+        "shareLinkBadge": "Lien vers le partage",
+        "shareLinkLabel": "Partage"
     },
     "tasks": {
         "created": "Ticket créé avec succès.",