From 5b1065d0dfe53170f73d83e739aa3049fb0b7b82 Mon Sep 17 00:00:00 2001
From: Nadeige COUTHON <nadeige.couthon@gmail.com>
Date: Fri, 17 Mar 2023 23:12:17 +0100
Subject: [PATCH] remove code Tabs

---
 frontend/src/views/About.vue                  | 102 +++++++++++++++-
 frontend/src/views/Contact.vue                |   7 +-
 .../InformationTabs/AboutInformationTabs.vue  | 114 ------------------
 .../ContactInformationTabs.vue                |  13 --
 .../InformationTabs/LegalInformationTabs.vue  |  59 ---------
 frontend/src/views/Legal.vue                  |  57 ++++++++-
 6 files changed, 160 insertions(+), 192 deletions(-)
 delete mode 100644 frontend/src/views/InformationTabs/AboutInformationTabs.vue
 delete mode 100644 frontend/src/views/InformationTabs/ContactInformationTabs.vue
 delete mode 100644 frontend/src/views/InformationTabs/LegalInformationTabs.vue

diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
index bbb1dff6a..331aa3e25 100644
--- a/frontend/src/views/About.vue
+++ b/frontend/src/views/About.vue
@@ -1,12 +1,83 @@
 <script setup>
-import AboutInformationTabs from '@/views/InformationTabs/AboutInformationTabs.vue'
+import { ref } from 'vue'
+
+import logoDnum from '@/assets/logo_dnum.jpg'
+import logoSCAE from '@/assets/logo_scae.png'
+import logoPN from '@/assets/logo_police.png'
+import logoGendarmerie from '@/assets/logo_gendarmerie.png'
+
+const imgs = ref([
+  {
+    alt: "Logo Ministère de l'interieur",
+    id: 'logo_dnum',
+    src: logoDnum,
+  },
+  {
+    alt: 'Logo SCAE',
+    id: 'logo_scae',
+    src: logoSCAE,
+  },
+  {
+    alt: 'Logo Police Nationale',
+    id: 'logo_pn',
+    src: logoPN,
+  },
+  {
+    alt: 'Logo Gendarmerie',
+    id: 'logo_gendarmerie',
+    src: logoGendarmerie,
+  },
+])
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>À propos</h2>
-      <AboutInformationTabs />
+      <div>
+        <p class="title-space">
+          Basegun est un projet d'application par apprentissage automatique capable
+          d'identifier et de classifier de manière fiable et rapide une arme à feu.
+        </p>
+        <p>
+          Le projet a été initié en 2021 dans le contexte du programme
+          <a
+            target="_blank"
+            href="https://eig.etalab.gouv.fr/defis/basegun/"
+          >Entrepreneurs d’Intérêt Général</a>.
+        </p>
+        <p>
+          Il est actuellement piloté par le Datalab de la Direction du Numérique du Ministère de l'Intérieur,
+          en partenariat avec le Service Central des Armes et Explosifs. La Direction Générale de la Police Nationale
+          et la Direction Générale de la Gendarmerie Nationale sont associées pour les tests et le suivi de l'application.
+        </p>
+        <div />
+        <p>
+          A ce jour, Basegun permet de prendre en photo une arme à feu et d'obtenir un
+          résultat parmi 10 typologies possibles. Ce résultat donne une indication sur la ou les catégories légales
+          à laquelle l'arme appartient.
+        </p>
+        <p class="fr-callout">
+          <VIcon
+            class="fr-icon-alert-fill"
+            name="ri-alert-fill"
+          />Basegun prend en compte uniquement l'identification d'armes à feu létales et d'armes factices type airsoft.
+          <br>Elle ne permet donc pas encore de distinguer les armes à air comprimé > 2 joules, les armes à blanc ou neutralisées.
+        </p>
+
+        <div class="container-img">
+          <div
+            v-for="img in imgs"
+            :key="img.id"
+          >
+            <img
+              class="img"
+              :src="img.src"
+              :alt="img.alt"
+            >
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -33,4 +104,31 @@ import AboutInformationTabs from '@/views/InformationTabs/AboutInformationTabs.v
       color: #1212ff
     }
 
+     .title-space {
+    margin-top: 20px;
+  }
+
+  .container-img {
+    display: flex;
+    justify-content: center;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  .img {
+    margin: 2em;
+    width: 6em;
+    height: auto;
+  }
+
+  .list {
+    margin-left: 2em;
+    list-style: square;
+  }
+
+  :deep(.fr-icon-alert-fill) {
+    padding-right: .1em;
+  }
+
 </style>
diff --git a/frontend/src/views/Contact.vue b/frontend/src/views/Contact.vue
index 82c1125b0..2ad86522c 100644
--- a/frontend/src/views/Contact.vue
+++ b/frontend/src/views/Contact.vue
@@ -1,12 +1,15 @@
 <script setup>
-import ContactInformationTabs from '@/views/InformationTabs/ContactInformationTabs.vue'
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>Contact</h2>
-      <ContactInformationTabs />
+      <div>
+        <p class="title-space">
+          Toute question, remarque ou contribution concernant le projet Basegun est à adresser par email à <a href="mailto:basegun@interieur.gouv.fr">basegun@interieur.gouv.fr</a>.
+        </p>
+      </div>
     </div>
   </div>
 </template>
diff --git a/frontend/src/views/InformationTabs/AboutInformationTabs.vue b/frontend/src/views/InformationTabs/AboutInformationTabs.vue
deleted file mode 100644
index 29b4f5609..000000000
--- a/frontend/src/views/InformationTabs/AboutInformationTabs.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <div>
-    <p class="title-space">
-      Basegun est un projet d'application par apprentissage automatique capable
-      d'identifier et de classifier de manière fiable et rapide une arme à feu.
-    </p>
-    <p>
-      Le projet a été initié en 2021 dans le contexte du programme
-      <a
-        target="_blank"
-        href="https://eig.etalab.gouv.fr/defis/basegun/"
-      >Entrepreneurs d’Intérêt Général</a>.
-    </p>
-    <p>
-      Il est actuellement piloté par le Datalab de la Direction du Numérique du Ministère de l'Intérieur,
-      en partenariat avec le Service Central des Armes et Explosifs. La Direction Générale de la Police Nationale
-      et la Direction Générale de la Gendarmerie Nationale sont associées pour les tests et le suivi de l'application.
-    </p>
-    <div />
-    <p>
-      A ce jour, Basegun permet de prendre en photo une arme à feu et d'obtenir un
-      résultat parmi 10 typologies possibles. Ce résultat donne une indication sur la ou les catégories légales
-      à laquelle l'arme appartient.
-    </p>
-    <p class="fr-callout">
-      <VIcon
-        class="fr-icon-alert-fill"
-        name="ri-alert-fill"
-      />Basegun prend en compte uniquement l'identification d'armes à feu létales et d'armes factices type airsoft.
-      <br>Elle ne permet donc pas encore de distinguer les armes à air comprimé > 2 joules, les armes à blanc ou neutralisées.
-    </p>
-
-    <div class="container-img">
-      <div
-        v-for="img in imgs"
-        :key="img.id"
-      >
-        <img
-          class="img"
-          :src="img.src"
-          :alt="img.alt"
-        >
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-import logoDnum from '@/assets/logo_dnum.jpg'
-import logoSCAE from '@/assets/logo_scae.png'
-import logoPN from '@/assets/logo_police.png'
-import logoGendarmerie from '@/assets/logo_gendarmerie.png'
-
-export default {
-  name: 'AboutInformationTabs',
-
-  data () {
-    return {
-      imgs: [
-        {
-          alt: "Logo Ministère de l'interieur",
-          id: 'logo_dnum',
-          src: logoDnum,
-        },
-        {
-          alt: 'Logo SCAE',
-          id: 'logo_scae',
-          src: logoSCAE,
-        },
-        {
-          alt: 'Logo Police Nationale',
-          id: 'logo_pn',
-          src: logoPN,
-        },
-        {
-          alt: 'Logo Gendarmerie',
-          id: 'logo_gendarmerie',
-          src: logoGendarmerie,
-        },
-      ],
-    }
-  },
-}
-</script>
-
-<style scoped>
-  .title-space {
-    margin-top: 20px;
-  }
-
-  .container-img {
-    display: flex;
-    justify-content: center;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-  }
-
-  .img {
-    margin: 2em;
-    width: 6em;
-    height: auto;
-  }
-
-  .list {
-    margin-left: 2em;
-    list-style: square;
-  }
-
-  :deep(.fr-icon-alert-fill) {
-    padding-right: .1em;
-  }
-</style>
diff --git a/frontend/src/views/InformationTabs/ContactInformationTabs.vue b/frontend/src/views/InformationTabs/ContactInformationTabs.vue
deleted file mode 100644
index ed70f62ab..000000000
--- a/frontend/src/views/InformationTabs/ContactInformationTabs.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>
-    <p class="title-space">
-      Toute question, remarque ou contribution concernant le projet Basegun est à adresser par email à <a href="mailto:basegun@interieur.gouv.fr">basegun@interieur.gouv.fr</a>.
-    </p>
-  </div>
-</template>
-
-<style scoped>
-  .title-space {
-    margin-top: 20px;
-  }
-</style>
diff --git a/frontend/src/views/InformationTabs/LegalInformationTabs.vue b/frontend/src/views/InformationTabs/LegalInformationTabs.vue
deleted file mode 100644
index 02fb4206e..000000000
--- a/frontend/src/views/InformationTabs/LegalInformationTabs.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div>
-    <h3 class="title-space">
-      Editeur
-    </h3>
-    <p>Le site basegun.fr est édité et géré par l’équipe du Laboratoire de la Donnée, à la Sous-Direction Innovation et Transformation Numérique, Direction du Numérique du Ministère de l’Intérieur.</p>
-    <p>Adresse : 40 avenue des Terroirs de France, 75012 PARIS.</p>
-
-    <h3 class="title-space">
-      Données collectées
-    </h3>
-    <h6>Objectif</h6>
-    <p>Basegun est un projet récent, actuellement en phase de test auprès de potentiels utilisateurs. En collectant les données citées ci-dessous, nous pourrons mieux comprendre comment et dans quels contextes le service est utilisé, et avoir les informations nécessaires pour résoudre d’éventuels problèmes.</p>
-    <h6>Cadre</h6>
-    <p>Nous collectons uniquement les informations relatives à des requêtes pertinentes et correspondant à l’objectif de Basegun: identifier des armes à feu. C’est pourquoi nous demandons à nos utilisateurs de ne soumettre que des requêtes en lien avec cet objectif et de respecter les conditions de l’application.</p>
-    <p>Nous ne souhaitons en aucun cas traiter des informations personnelles (par exemple aucune photo où le visage d'une personne est visible ne doit être déposée sur l'application).</p>
-    <h6>Liste des données</h6>
-    <p>Pour chaque requête effectuée sur basegun.fr, nous collectons les données suivantes :</p>
-    <ul class="list-margin">
-      <li>Date et heure</li>
-      <li>Photo soumise</li>
-      <li>Résultat obtenu (label et taux de fiabilité)</li>
-      <li>Temps de traitement de la requête</li>
-      <li>Géolocalisation approximative de l’utilisateur (zone d’environ 10km de rayon)</li>
-      <li>Identification unique et chiffrée (cookie uuid) de l’utilisateur</li>
-      <li>Type d’appareil (mobile, tablette, ordinateur), système d’exploitation (iOS, Android, Windows...) et navigateur (Chrome, Firefox, Safari...) utilisés</li>
-      <li>Evaluation (positive ou négative) par l’utilisateur du résultat obtenu</li>
-    </ul>
-    <h6>Confidentialité</h6>
-    <p>Nous nous réservons le droit de supprimer les données collectées suite à des requêtes non pertinentes. Nous pouvons également, sur simple demande d’un utilisateur, supprimer les données relatives à une requête spécifique. Pour cela, il suffit de nous envoyer une demande à <a href="mailto:basegun@interieur.gouv.fr">basegun@interieur.gouv.fr</a>, en nous précisant la date et l’heure de la requête.</p>
-    <p>Les informations collectées ne sont en aucun cas confiées à des tiers.</p>
-
-    <h3 class="title-space">
-      Code source
-    </h3>
-    <p>
-      Le code source du projet est disponible publiquement à l'adresse <a
-        href="https://github.com/datalab-mi/Basegun"
-        target="blank"
-      >https://github.com/datalab-mi/Basegun</a>
-    </p>
-
-    <h3 class="title-space">
-      Hébergement
-    </h3>
-    <p>Le site basegun.fr est hébergé par la société OVH. Adresse : 2 rue Kellermann, 59100 ROUBAIX.</p>
-  </div>
-</template>
-
-<style scoped>
-    .title-space {
-      margin-top: 20px;
-    }
-
-    .list-margin {
-      margin-left: 2rem;
-      margin-bottom: 2rem;
-    }
-</style>
diff --git a/frontend/src/views/Legal.vue b/frontend/src/views/Legal.vue
index a171acab1..886262c4f 100644
--- a/frontend/src/views/Legal.vue
+++ b/frontend/src/views/Legal.vue
@@ -1,12 +1,56 @@
 <script setup>
-import LegalInformationTabs from '@/views/InformationTabs/LegalInformationTabs.vue'
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>Mentions légales</h2>
-      <LegalInformationTabs />
+      <div>
+        <h3 class="title-space">
+          Editeur
+        </h3>
+        <p>Le site basegun.fr est édité et géré par l’équipe du Laboratoire de la Donnée, à la Sous-Direction Innovation et Transformation Numérique, Direction du Numérique du Ministère de l’Intérieur.</p>
+        <p>Adresse : 40 avenue des Terroirs de France, 75012 PARIS.</p>
+
+        <h3 class="title-space">
+          Données collectées
+        </h3>
+        <h6>Objectif</h6>
+        <p>Basegun est un projet récent, actuellement en phase de test auprès de potentiels utilisateurs. En collectant les données citées ci-dessous, nous pourrons mieux comprendre comment et dans quels contextes le service est utilisé, et avoir les informations nécessaires pour résoudre d’éventuels problèmes.</p>
+        <h6>Cadre</h6>
+        <p>Nous collectons uniquement les informations relatives à des requêtes pertinentes et correspondant à l’objectif de Basegun: identifier des armes à feu. C’est pourquoi nous demandons à nos utilisateurs de ne soumettre que des requêtes en lien avec cet objectif et de respecter les conditions de l’application.</p>
+        <p>Nous ne souhaitons en aucun cas traiter des informations personnelles (par exemple aucune photo où le visage d'une personne est visible ne doit être déposée sur l'application).</p>
+        <h6>Liste des données</h6>
+        <p>Pour chaque requête effectuée sur basegun.fr, nous collectons les données suivantes :</p>
+        <ul class="list-margin">
+          <li>Date et heure</li>
+          <li>Photo soumise</li>
+          <li>Résultat obtenu (label et taux de fiabilité)</li>
+          <li>Temps de traitement de la requête</li>
+          <li>Géolocalisation approximative de l’utilisateur (zone d’environ 10km de rayon)</li>
+          <li>Identification unique et chiffrée (cookie uuid) de l’utilisateur</li>
+          <li>Type d’appareil (mobile, tablette, ordinateur), système d’exploitation (iOS, Android, Windows...) et navigateur (Chrome, Firefox, Safari...) utilisés</li>
+          <li>Evaluation (positive ou négative) par l’utilisateur du résultat obtenu</li>
+        </ul>
+        <h6>Confidentialité</h6>
+        <p>Nous nous réservons le droit de supprimer les données collectées suite à des requêtes non pertinentes. Nous pouvons également, sur simple demande d’un utilisateur, supprimer les données relatives à une requête spécifique. Pour cela, il suffit de nous envoyer une demande à <a href="mailto:basegun@interieur.gouv.fr">basegun@interieur.gouv.fr</a>, en nous précisant la date et l’heure de la requête.</p>
+        <p>Les informations collectées ne sont en aucun cas confiées à des tiers.</p>
+
+        <h3 class="title-space">
+          Code source
+        </h3>
+        <p>
+          Le code source du projet est disponible publiquement à l'adresse <a
+            href="https://github.com/datalab-mi/Basegun"
+            target="blank"
+          >https://github.com/datalab-mi/Basegun</a>
+        </p>
+
+        <h3 class="title-space">
+          Hébergement
+        </h3>
+        <p>Le site basegun.fr est hébergé par la société OVH. Adresse : 2 rue Kellermann, 59100 ROUBAIX.</p>
+      </div>
     </div>
   </div>
 </template>
@@ -29,4 +73,13 @@ import LegalInformationTabs from '@/views/InformationTabs/LegalInformationTabs.v
     color: #1212ff
   }
 
+  .title-space {
+    margin-top: 20px;
+  }
+
+  .list-margin {
+    margin-left: 2rem;
+    margin-bottom: 2rem;
+  }
+
 </style>