Merge pull request #126 from datalab-mi/feat/add-new-stat-variable-se…

…lect-option

Add new stat variables

backend/src/main.py

@@ -322,8 +322,10 @@ async def log_tutorial_feedback(request: Request, user_id: Union[str, None] = Co
         "bg_label": res["label"],
         "bg_confidence": res["confidence"],
         "bg_confidence_level": res["confidence_level"],
-        "bg_current_step": res["current_step"],
         "bg_route_name": res["route_name"],
+        "bg_current_step": res["current_step"],
+        "bg_tutorial_option": res["tutorial_option"],
+        "bg_tutorial_ammo": res["tutorial_ammo"],
         "bg_user_id": user_id,
         "bg_device": get_device(user_agent),
         "bg_device_family": user_agent.device.family,

frontend/package.json

@@ -12,7 +12,7 @@
     "pretest:unit": "npm run lint"
   },
   "dependencies": {
-    "@gouvminint/vue-dsfr": "~1.6.0",
+    "@gouvminint/vue-dsfr": "~2.0.0",
     "@vue/compat": "^3.2.40",
     "@vueuse/core": "^9.6.0",
     "axios": "^0.27.2",

frontend/src/components/HeaderMain.vue

@@ -119,25 +119,22 @@ export default {
 </script>
 
 <style scoped>
-
 header.fr-header {
-  -webkit-box-shadow: none;
-  -webkit-filter: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
+  box-shadow: none;
+  filter: none;
 }
 
 .nav-container {
-  margin: .2em auto;
+  margin: 0.2em auto;
   display: flex;
   justify-content: space-between;
 }
 
 :deep(.fr-header__logo) {
-    padding: .75rem 0 !important;
+  padding: 0.75rem 0 !important;
 }
 
-.container-link  {
+.container-link {
   display: flex;
   justify-content: flex-start;
   flex-direction: column;
@@ -162,7 +159,7 @@ header.fr-header {
 }
 
 :deep(.fr-modal__header) {
-    padding: 0 1rem;
+  padding: 0 1rem;
 }
 
 .btn-open-modal {
@@ -177,7 +174,7 @@ header.fr-header {
 }
 
 .btn-menu-information:hover {
-    color: #1660CB !important;
+  color: #1660cb !important;
 }
 
 </style>

frontend/src/components/OnboardingSwiper.vue

@@ -85,7 +85,6 @@ export default {
 </script>
 
 <style scoped>
-
 .swiper {
   width: 100%;
   height: 100%;
@@ -122,6 +121,7 @@ export default {
   top: 45%;
   color: #000091 !important;
 }
+
 :deep(.swiper-button-next) {
   position: fixed;
   top: 45%;
@@ -131,6 +131,7 @@ export default {
 :deep(.swiper-button-prev)::after {
   font-size: 28px;
 }
+
 :deep(.swiper-button-next)::after {
   font-size: 28px;
 }
@@ -139,7 +140,7 @@ export default {
   display: none;
 }
 
- :deep(.swiper-pagination-bullet-active) {
+:deep(.swiper-pagination-bullet-active) {
   background: #00c7c8;
 }
 

frontend/src/components/UploadButton.vue

@@ -1,12 +1,12 @@
 <template>
   <div
     id="demarrer"
-    style="width: 0; height: 1px; display: none;"
+    style="width: 0; height: 1px; display: none;"
   >
     <input
       ref="fileInput"
       type="file"
-      style="width: 0; height: 1px"
+      style="width: 0; height: 1px"
       :accept="handledImageTypes"
       @change="onFileSelected($event)"
     >

frontend/src/icons.js

@@ -9,4 +9,5 @@ export {
   RiZoomInLine,
   RiArrowGoBackFill,
   RiListOrdered,
+  RiLogoutBoxRLine,
 } from 'oh-vue-icons/icons/ri/index.js'

frontend/src/main.css

@@ -66,7 +66,7 @@
 }
 
 .blank {
-  height: 120px;
+  height: 80px;
   z-index: 1
 }
 

frontend/src/stores/steps.js

@@ -12,6 +12,8 @@ export const useStepsStore = defineStore('steps', () => {
 
   const isFactice = computed(() => selectedAmmo === 'billes')
 
+  const isOpened = useLocalStorage('isOpened', undefined, { serializer })
+
   function setCurrentStep (newStep) {
     currentStep.value = newStep
   }
@@ -30,6 +32,7 @@ export const useStepsStore = defineStore('steps', () => {
     selectedAmmo,
     tutorialFeedback,
     isFactice,
+    isOpened,
     setCurrentStep,
     setOption,
     setAmmo,

frontend/src/utils/firearms-utils.js

@@ -68,7 +68,7 @@ export const results = {
 }
 
 export const guideFacticeSelectOption = {
-  pistolet_semi_auto_moderne_text_option: "Sélectionner ce que vous voyez sur votre arme : <br> bouton à proximité <span class='bold-highlight'>du pontet du côté gauche de la poignée</span>,ou <span class='bold-highlight'>bouton sur le talon</span> de la crosse.",
+  pistolet_semi_auto_moderne_text_option: "Sélectionner ce que vous voyez sur votre arme : bouton à proximité <span class='bold-highlight'>du pontet du côté gauche de la poignée</span>, ou <span class='bold-highlight'>bouton sur le talon</span> de la crosse.",
   pistolet_semi_auto_moderne: {
     pontet: {
       label: 'bouton pontet',
@@ -122,6 +122,13 @@ export const guideFacticeSelectOption = {
       img: 'autre-epaule-p90_arrow2.jpg',
       video: 'p90_sm.mp4',
     },
+    bouton_poignee: {
+      label: 'bouton à la base de la poignée',
+      value: 'bouton_poignee',
+      text: '<span class="bold-highlight">Appuyer sur le bouton</span> avec le pouce de la main droite, puis <span class="bold-highlight"> extraire le chargeur </span>avec la main gauche en le tirant ou en le laissant glisser.',
+      img: 'autre-epaule-pistolet-mitrailleur.png',
+      video: 'pistolet_mitrailleur_sm.mp4',
+    },
   },
   autre_pistolet:
     {
@@ -141,7 +148,6 @@ export const guideFacticeSelectOption = {
       label: 'pas de chargeur présent',
       value: 'sans_chargeur',
       img: 'verrou_sans_chargeur_arrow2.jpg',
-      // text: 'Info -  Ce tutoriel n’est valable que pour les armes à verrou avec chargeur externe',
     },
   },
   revolver_text_option: 'Sélectionner ce que vous voyez sur l’arme',
@@ -188,18 +194,18 @@ export const guideFacticeSelectAmmo = {
       img_ammo: 'autre-epaule-balls.jpg',
     },
   },
-  autre_pistolet: {
-    cartouches: {
-      label: 'cartouches',
-      value: 'cartouches',
-      img_ammo: 'autre-pistolet-cartridge.jpg',
-    },
-    billes: {
-      label: 'billes',
-      value: 'billes',
-      img_ammo: 'autre-pistolet-balls.jpg',
-    },
-  },
+  // autre_pistolet: {
+  //   cartouches: {
+  //     label: 'cartouches',
+  //     value: 'cartouches',
+  //     img_ammo: 'autre-pistolet-cartridge.jpg',
+  //   },
+  //   billes: {
+  //     label: 'billes',
+  //     value: 'billes',
+  //     img_ammo: 'autre-pistolet-balls.jpg',
+  //   },
+  // },
   epaule_a_verrou: {
     cartouches: {
       label: 'cartouches',

frontend/src/utils/storage-utils.js

@@ -10,6 +10,7 @@ export const clearLocalStorage = (to, from, next) => {
   const { setOption, setAmmo, setCurrentStep } = useStepsStore()
   const { setResult } = useResultStore()
 
+  useStepsStore.isOpened = undefined
   setOption(undefined)
   setAmmo(undefined)
   setCurrentStep(0)

frontend/src/views/About.vue

@@ -6,21 +6,6 @@ import AboutInformationTabs from '@/views/InformationTabs/AboutInformationTabs.v
   <div>
     <div class="content">
       <h2>À propos</h2>
-      <!-- <div class="d-flex align-items-center">
-        <router-link
-          :to="{name:'Start'}"
-          class="small-link small-text"
-        >
-          Accueil
-        </router-link>
-        <span
-          class="fr-fi-arrow-right-s-line"
-          aria-hidden="true"
-        />
-        <p class="small-text">
-          À propos
-        </p>
-      </div> -->
       <AboutInformationTabs />
     </div>
   </div>

frontend/src/views/Contact.vue

@@ -6,21 +6,6 @@ import ContactInformationTabs from '@/views/InformationTabs/ContactInformationTa
   <div>
     <div class="content">
       <h2>Contact</h2>
-      <!-- <div class="d-flex align-items-center">
-        <router-link
-          :to="{name:'Start'}"
-          class="small-link small-text"
-        >
-          Accueil
-        </router-link>
-        <span
-          class="fr-fi-arrow-right-s-line"
-          aria-hidden="true"
-        />
-        <p class="small-text">
-          Contact
-        </p>
-      </div> -->
       <ContactInformationTabs />
     </div>
   </div>

frontend/src/views/Error.vue

@@ -10,7 +10,7 @@
       </p>
       <router-link
         v-slot="{navigate}"
-        :to="{name:'Home'}"
+        :to="{name:'Start'}"
       >
         <DsfrButton
           label="Retour"