création du composant timesSeries.vue

src/router/index.js

@@ -115,6 +115,11 @@ const routes = [
     path: '/results-weights',
     name: 'results-weights',
     component: () => import(/* webpackChunkName: "results-weights" */ '../views/ResultsWeightsView.vue')
+  },
+  {
+    path: '/results-time-series',
+    name: 'results-time-series',
+    component: () => import(/* webpackChunkName: "results-weights" */ '../views/ResultsTimeSeries.vue')
   }
 ]
 

src/store/index.js

@@ -24,6 +24,7 @@ const moduleA = {
         currentHandler : null,
         file : {},
         files : [],
+        isMulti : false,
         loadImage_ctx :  {
             imageSession : {},
             imageToLoad : [],

src/views/ResultsTimeSeries.vue

+<template>
+  <div class="container-interface">
+    <div class="results">
+      <div class="onglet d-flex space-around align-center"><router-link to="/classification"><i class="fa-solid fa-circle-arrow-left"></i></router-link><span>Data panel</span><span class="btn-close">X</span></div>
+      <div class="results-content">
+        <div class="results-col d-flex">
+          <div class="results-col__left d-flex column">
+            <div class="d-flex align-end">
+              <div class="toolbar d-flex column">
+                <i class="fa-solid fa-magnifying-glass-plus"></i>
+                <i class="fa-solid fa-magnifying-glass-minus"></i>
+              </div>
+              <div class="stats-results">
+                <h2>Time series</h2>
+                <div id="myDiv"></div>
+              </div>
+            </div>
+            <div class="d-flex align-start space-between">
+              <div class="button-menu d-flex">
+                <router-link to="/results-projection-panel">Projection Panel</router-link>
+                <router-link to="/results-centroids">Centroids</router-link>
+                <router-link to="/results-cardinality">Cardinality</router-link>
+                <router-link to="/results-scatter-plot">Scatter plot</router-link>
+                <router-link to="/results-evaluation" >Evaluation</router-link>
+                <router-link to="/results-similarity">Similarity HeatMap</router-link>
+                <router-link to="/results-weights">Weights</router-link>
+                <router-link to="/results-image">Image result</router-link>
+                <router-link to="/results-historique">Historique</router-link>
+              </div>
+            </div>
+          </div>
+          <div class="results-col__right">
+            <ResultsRightSide />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Plotly from 'plotly.js-dist-min'
+export default {
+  name: "ResultsTimeSeries",
+  mounted(){
+    var data;
+    Plotly.newPlot('myDiv', data);
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

src/views/imagesSelected.vue

 <template>
   <div class="container-interface d-flex column align-center space-between" id="main_catalogue">
     <div class="div_catalogue">
-      <div>
-        <input type="checkbox" name="selectAll" id="selectAll" v-on:click="selectAllCheckboxes($event)">
-        <label for="selectAll">Tout sélectionner</label>
-      </div>
+<!--      <div>-->
+<!--        <input type="checkbox" name="selectAll" id="selectAll" v-on:click="selectAllCheckboxes()">-->
+<!--        <label for="selectAll">Tout sélectionner</label>-->
+<!--      </div>-->
       <div class="image-import d-flex column align-center justify-center">
 
         <div class="image-import__view" v-for="(image, index) in imagesPNG" :key="image.name">
@@ -63,14 +63,14 @@ export default {
     /*clique(e){
     console.log(e)
   },*/
-    selectAllCheckboxes(e){
-      if(e.target.checked == true){
-        for(let i = 0; i < toRaw(this.ifCheck).length; i++){
-          console.log(toRaw(this.ifCheck))
-          toRaw(this.ifCheck)[i].checked = true
-        }
-      }
-    },
+    // selectAllCheckboxes(e){
+    //   if(e.target.checked == true){
+    //     for(let i = 0; i < toRaw(this.ifCheck).length; i++){
+    //       console.log(toRaw(this.ifCheck))
+    //       toRaw(this.ifCheck)[i].checked = true
+    //     }
+    //   }
+    // },
     calculateMD5Hash(file, bufferSize) {
       var def = Q.defer();
 
@@ -117,20 +117,10 @@ export default {
       return def.promise;
     },
     pushImagetoGetFiles(e){
-      if(document.querySelector("#selectAll").checked === true){
-        for(let i = 0; i < toRaw(this.ifCheck).length; i++){
-          // if(toRaw(this.ifCheck)[i]){
-            console.log(i, toRaw( this.imagesPNG[i]))
-            this.imageTab.push(toRaw( this.imagesPNG[i]))
-          // }
-        }
-      }else{
         if(e.target.checked){
           console.log(e.target.id, toRaw( this.imagesPNG[e.target.id]))
           this.imageTab.push(toRaw( this.imagesPNG[e.target.id]))
         }
-      }
-
       console.log(toRaw(this.imageTab))
     },
     requeteVersServeur() {