update graphe for video static

src/views/HomeView.vue

@@ -28,13 +28,7 @@ const dragActive = ref(false)
 const selectedTestImage = ref(null)
 
 // Image de test
-const testImage = ref({
-  id: 'field1',
-  name: 'Terrain de test',
-  description: 'Image d\'exemple pour tester l\'analyse',
-  thumbnail: fieldTestImage,
-  fullUrl: fieldTestImage
-})
+const testImageUrl = ref(fieldTestImage)
 
 // États pour la vue manuelle
 const thumbnail = ref(null)
@@ -148,14 +142,14 @@ const selectMode = (mode) => {
   calibrationStore.setMode(mode)
 }
 
-const selectTestImage = async (testImage) => {
+const selectTestImage = async () => {
   try {
-    selectedTestImage.value = testImage.id
+    selectedTestImage.value = 'test'
     
     // Créer un objet File à partir de l'URL de l'image de test
-    const response = await fetch(testImage.fullUrl)
+    const response = await fetch(testImageUrl.value)
     const blob = await response.blob()
-    const file = new File([blob], `${testImage.name}.jpg`, { type: 'image/jpeg' })
+    const file = new File([blob], 'field_test_thumb.jpg', { type: 'image/jpeg' })
     
     uploadStore.setFile(file)
     
@@ -171,8 +165,8 @@ const selectTestImage = async (testImage) => {
   } catch (error) {
     console.error('Erreur lors du chargement de l\'image de test:', error)
     // Fallback: utiliser l'URL directement pour la preview
-    uploadStore.filePreview = testImage.fullUrl
-    uploadStore.selectedFile = { name: `${testImage.name}.jpg`, size: 0 }
+    uploadStore.filePreview = testImageUrl.value
+    uploadStore.selectedFile = { name: 'test-image.jpg', size: 0 }
     uploadStore.fileType = 'image'
   }
 }
@@ -723,10 +717,10 @@ const onChartError = (error) => {
           <div class="test-image-container">
             <div 
               class="test-image-card single"
-              @click="selectTestImage(testImage)"
-              :class="{ selected: selectedTestImage === testImage.id }"
+              @click="selectTestImage"
+              :class="{ selected: selectedTestImage === 'test' }"
             >
-              <img :src="testImage.thumbnail" :alt="testImage.name" class="test-image-thumb">
+              <img :src="testImageUrl" :alt="'Test Image'" class="test-image-thumb">
               <div class="test-image-overlay">
                 <div class="overlay-content">
                   <p>Vue Drone</p>
@@ -949,8 +943,8 @@ const onChartError = (error) => {
           </button>
         </div>
 
-        <!-- Graphique 3D pour les images avec calibration réussie -->
-        <div v-if="uploadStore.isImage" class="result-chart">
+        <!-- Graphique 3D pour les images et vidéos statiques avec calibration réussie -->
+        <div v-if="uploadStore.isImage || uploadStore.isStaticVideo" class="result-chart">
           <h3>Terrain de Football - Vue 3D</h3>
           <PlotlyChart 
             data-type="football-field"
@@ -1363,12 +1357,7 @@ const onChartError = (error) => {
   color: white;
 }
 
-.overlay-content h4 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin: 0 0 0.5rem 0;
-  color: var(--color-primary);
-}
+
 
 .overlay-content p {
   font-size: 0.9rem;