feat: ajout de la gestion des sources de contenu avec création de composants, formulaires et API pour l'importation, l'exportation et la configuration des sources de scraping.

2025-06-27 16:40:48 +02:00
parent 32b4e4fbb2
commit dac2f91998
15 changed files with 1364 additions and 15 deletions
--- a/assets/vue/app/domain/setting/presentation/components/ContentSourceCard.vue
+++ b/assets/vue/app/domain/setting/presentation/components/ContentSourceCard.vue
@@ -0,0 +1,89 @@
+<template>
+    <div
+        @click="$emit('edit', source)"
+        class="bg-white dark:bg-gray-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 p-6 hover:shadow-lg transition-shadow duration-200 cursor-pointer">
+        <!-- Header avec URL et icône externe -->
+        <div class="flex items-center justify-between mb-4">
+            <h3 class="text-lg font-semibold text-gray-900 dark:text-white truncate" :title="source.cleanBaseUrl">
+                {{ truncateUrl(source.cleanBaseUrl) }}
+            </h3>
+            <button
+                @click.stop="$emit('openLink', source.baseUrl)"
+                class="p-1.5 text-gray-400 hover:text-gray-600 transition-colors"
+                title="Ouvrir le site">
+                <ArrowTopRightOnSquareIcon class="w-4 h-4" />
+            </button>
+        </div>
+
+        <!-- Badges -->
+        <div class="flex flex-wrap gap-2 mb-4">
+            <!-- Badge type de scraping -->
+            <span
+                :class="getScrapingTypeBadgeClass(source.scrapingType)"
+                class="px-2 py-1 text-xs font-medium rounded-md">
+                {{ source.scrapingType?.toLowerCase() || 'N/A' }}
+            </span>
+
+            <!-- Badge orientation basé sur les sélecteurs -->
+            <span
+                :class="getOrientationBadgeClass(source)"
+                class="px-2 py-1 text-xs font-medium rounded-md">
+                {{ getOrientation(source) }}
+            </span>
+        </div>
+
+
+
+    </div>
+</template>
+
+<script setup>
+import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/outline';
+
+defineProps({
+    source: {
+        type: Object,
+        required: true
+    }
+});
+
+defineEmits(['edit', 'openLink']);
+
+// Fonction pour tronquer l'URL si elle est trop longue
+const truncateUrl = (url) => {
+    if (!url) return '';
+    const maxLength = 25; // Ajustez selon vos besoins
+    return url.length > maxLength ? url.substring(0, maxLength) + '...' : url;
+};
+
+const getScrapingTypeBadgeClass = (type) => {
+    switch (type?.toLowerCase()) {
+        case 'html':
+            return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300';
+        case 'javascript':
+            return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300';
+        default:
+            return 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300';
+    }
+};
+
+const getOrientation = (source) => {
+    // Logic pour déterminer l'orientation basée sur les sélecteurs ou autre logique métier
+    if (source.nextPageSelector) {
+        return 'vertical';
+    }
+    return 'horizontal';
+};
+
+const getOrientationBadgeClass = (source) => {
+    const orientation = getOrientation(source);
+    switch (orientation) {
+        case 'vertical':
+            return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300';
+        case 'horizontal':
+            return 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300';
+        default:
+            return 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300';
+    }
+};
+</script>