refactor: ♻️ Add highlight bold on tutorial texts manipulations

frontend/src/components/AskingExpert.vue

@@ -49,6 +49,7 @@ async function sendTutorialFeedback () {
     .finally(setTimeout(() => {
       stepsStore.setCurrentStep(undefined)
       stepsStore.tutorialFeedback = ''
+      // VOIR AVEC STAN
       router.push({ name: 'ResultPage' }).catch(() => {})
     }, 3000))
 }

frontend/src/utils/firearms-utils/autre-pistolet.js

@@ -28,7 +28,7 @@ export const autre_pistolet = {
       text_steps: {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span>',
         2: '<span class="font-bold">Pivoter l’arrière de la culasse</span> légèrement vers la gauche',
-        3: '<span class="font-bold">Tirer la glissière</span> vers l’arrière pour extraire la munition éventuelle',
+        3: '<span class="font-bold">Tirer la glissière</span> vers l’arrière pour <span class="font-bold">extraire la munition</span> éventuelle',
         4: '<span class="font-bold">Actionner la culasse</span> d’avant en arrière',
         5: '<span class="font-bold">Contrôler visuellement</span> que la chambre est bien vide',
       },
@@ -42,7 +42,7 @@ export const autre_pistolet = {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span>',
         2: 'Pivoter le <span class="font-bold">levier de déverrouillage</span>',
         3: 'Casser/Basculer les canons vers le haut',
-        4: 'Pencher l’entrée des canons pour extraire les munitions éventuelles',
+        4: 'Pencher l’entrée des canons pour <span class="font-bold">extraire les munitions</span> éventuelles',
         5: 'Contrôler visuellement que la chambre est bien vide',
       },
       img: autrePistoletDerringerImg,
@@ -53,9 +53,9 @@ export const autre_pistolet = {
       value: 'thompson_contender',
       text_steps: {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span> ',
-        2: 'Tirer sur le levier situé sous le pontet avec la main tenant la poignée',
+        2: 'Tirer sur <span class="font-bold">le levier situé sous le pontet</span> avec la main tenant la poignée',
         3: 'Casser/Basculer le canon vers le bas',
-        4: 'Retourner l’arme pour extraire la munition éventuelle',
+        4: 'Retourner l’arme pour <span class="font-bold">extraire la munition</span> éventuelle',
         5: 'Contrôler visuellement que la chambre est bien vide',
       },
       img: autrePistoletThompsonImg,
@@ -68,7 +68,7 @@ export const autre_pistolet = {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span> ',
         2: 'Pousser sur la clef avec le pouce tenant la poignée de l’arme',
         3: 'Casser/Basculer le canon de l’arme',
-        4: 'Retirer les munitions éventuelles',
+        4: '<span class="font-bold">Retirer les munitions</span> éventuelles',
         5: 'Contrôler visuellement que les chambres sont bien vides',
       },
       img: autrePistoletFusilScieImg,

frontend/src/utils/firearms-utils/epaule-a-levier-sous-garde.js

@@ -19,11 +19,11 @@ export const epaule_a_levier_sous_garde = {
       label: 'Embout rugueux',
       value: 'front_magazine',
       text_steps: {
-        1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
-        2: 'Faites très attention à ne pas déclencher l’arme durant cette manipulation. Dévisser la baguette à l’avant du tube magasin',
+        1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
+        2: '<span class="font-bold">Faites très attention à ne pas déclencher l’arme durant cette manipulation</span>. Dévisser la baguette à l’avant du tube magasin',
         3: 'Retirer complètement la baguette du magasin',
         4: 'Vider le magasin en tapotant l’arme orientée légèrement vers le bas',
-        5: 'Actionner le levier de sous garde jusqu’en position basse et retirer la munition éventuelle de la chambre',
+        5: 'Actionner le levier de sous garde jusqu’en position basse et <span class="font-bold">retirer la munition</span> éventuelle de la chambre',
         6: 'Contrôler visuellement que la chambre est vide',
       },
       img: levierSousGardeMagasinAvantImg,
@@ -33,8 +33,8 @@ export const epaule_a_levier_sous_garde = {
       label: 'Pas d’embout',
       value: 'fixed_magazine',
       text_steps: {
-        1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
-        2: 'Abaisser le levier de sous garde en position basse et retirer la munition éventuelle de la chambre',
+        1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
+        2: 'Abaisser le levier de sous garde en position basse et <span class="font-bold">retirer la munition</span> éventuelle de la chambre',
         3: '<span class="font-bold" style="color:red">[ Veiller à ne pas appuyer sur la queue de détente pendant cette manipulation ! ]</span> <br> Relever et abaisser le levier de sous garde tout en extrayant les munitions tant qu’il y a toujours des munitions présentes dans le tube magasin',
         4: 'Contrôler visuellement que la chambre est vide',
       },

frontend/src/utils/firearms-utils/epaule-a-pompe.js

@@ -11,21 +11,21 @@ export const epaule_a_pompe = {
   isSecuringOptions: true,
   options_text: '',
   text_steps: {
-    1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
-    2: 'Si la pompe est bloquée, appuyer sur le bouton de déverrouillage situé à l’avant ou sous le pontet',
-    3: 'Actionner la pompe doucement d’arrière en avant afin d’extraire toutes les munitions',
-    4: 'Verrouiller l’arme en avançant légèrement la pompe vers l’avant',
+    1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
+    2: 'Si la pompe est bloquée, <span class="font-bold">appuyer sur le bouton de déverrouillage</span> situé à l’avant ou sous le pontet',
+    3: 'Actionner la pompe doucement d’arrière en avant afin d’<span class="font-bold">extraire toutes les munitions</span>',
+    4: '<span class="font-bold">Verrouiller l’arme</span> en avançant légèrement la pompe vers l’avant',
     5: 'Contrôler visuellement que la chambre est vide',
-    6: 'Contrôler l’orifice du tube magasin et constater que celui-ci est bien vide',
+    6: '<span class="font-bold">Contrôler l’orifice du tube magasin</span> et constater que celui-ci est bien vide',
   },
   video: epaulePompeSimpleVideo,
   // text_steps: {
-  //   1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
+  //   1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
   //   2: 'Retourner l’arme et appuyer sur la planchette élévatrice',
   //   3: 'Appuyer sur l’ergot/crochet maintenant les cartouches afin de vider le magasin',
   //   4: 'Vérifier que le magasin est vide en appuyant sur le poussoir',
   //   5: 'Si la pompe est bloquée, appuyer sur le bouton de déverrouillage situé à l’avant ou sous le pontet',
-  //   6: 'Actionner la pompe pour extraire la munition par la fenêtre d’éjection',
+  //   6: 'Actionner la pompe pour <span class="font-bold">extraire la munition</span> par la fenêtre d’éjection',
   //   7: 'Contrôler visuellement que la chambre est vide',
   //   8: 'Verrouiller l’arme en actionnant la pompe vers l’avant',
   // },

frontend/src/utils/firearms-utils/epaule-a-un-coup-par-canon.js

@@ -20,9 +20,9 @@ export const epaule_a_un_coup_par_canon = {
       label: 'Clé supérieure',
       value: 'cle_pouce',
       text_steps: {
-        1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
+        1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
         2: 'Pousser sur la clef d’ouverture à l’aide de votre pouce, et ouvrir l’arme en la cassant tout en restant appuyé sur la clef',
-        3: 'Retirer les munitions éventuelles',
+        3: '<span class="font-bold">Retirer les munitions</span> éventuelles',
         4: 'Contrôler visuellement les chambres',
       },
       img: epauleAUnCoupParCanonCleDarne,
@@ -32,11 +32,11 @@ export const epaule_a_un_coup_par_canon = {
       label: 'Grande clé sous le canon',
       value: 'cle_lefaucheux',
       text_steps: {
-        1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
+        1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
         2: 'Repérer la clef présente sous les canons',
-        3: 'Tourner la clef vers la droite',
+        3: '<span class="font-bold"></span>Tourner la clef vers la droite',
         4: 'Ouvrir l’arme en la cassant',
-        5: 'Retirer les munitions éventuelles',
+        5: '<span class="font-bold">Retirer les munitions</span> éventuelles',
         6: 'Contrôler visuellement les chambres',
       },
       img: epauleAUnCoupParCanonCleDarne,
@@ -46,10 +46,10 @@ export const epaule_a_un_coup_par_canon = {
       label: 'Clé à oreilles',
       value: 'cle_darne',
       text_steps: {
-        1: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
+        1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
         2: 'Tirer sur les oreilles vers l’arrière',
         3: 'Tirez pour faire coulisser la culasse vers l’arrière',
-        4: 'Retirer les munitions éventuelles',
+        4: '<span class="font-bold">Retirer les munitions</span> éventuelles',
         5: 'Contrôler visuellement que la chambre est vide',
       },
       img: epauleAUnCoupParCanonCleDarne,

frontend/src/utils/firearms-utils/epaule-a-verrou.js

@@ -15,7 +15,7 @@ export const epaule_a_verrou = {
     1: {
       title: 'Observer l’arme',
       time: '2 sec',
-      content: 'Observer l’arme en l’orientant dans une direction sans risque, en manipulant avec précaution',
+      content: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
     },
     2: {
       title: 'Ouvrez la culasse',
@@ -25,12 +25,12 @@ export const epaule_a_verrou = {
     3: {
       title: 'Retourner l’arme',
       time: '1 min 30',
-      content: 'Retourner l’arme et chercher la présence éventuelle de levier ou bouton devant le pontent indiquant la présence d’un chargeur externe. Si tel est le cas, extraire le chargeur en appuyant ou en tirant sur ces derniers',
+      content: 'Retourner l’arme et chercher la présence éventuelle de levier ou bouton devant le pontet en indiquant la présence d’un chargeur externe. Si tel est le cas, <span class="font-bold">extraire le chargeur</span> en appuyant ou en tirant sur ces derniers',
     },
     4: {
       title: 'Vider le magasin',
       time: '5 sec',
-      content: 'Si vous n’avez pas enlevé de chargeur, vider le magasin des munitions éventuelles en les faisant glisser vers l’avant à l’aide de votre pouce',
+      content: 'Si vous n’avez pas enlevé de chargeur, <span class="font-bold">vider le magasin des munitions</span> éventuelles en les faisant glisser vers l’avant à l’aide de votre pouce',
     },
     5: {
       title: 'Contrôle',

frontend/src/utils/firearms-utils/pistolet-semi-auto-moderne.js

@@ -23,9 +23,9 @@ export const pistolet_semi_auto_moderne = {
       value: 'bouton_pontet',
       text_steps: {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span> ',
-        2: 'Appuyer sur le bouton de déverrouillage de chargeur situé à l’arrière du pontet',
-        3: 'Retirer le chargeur de l’arme',
-        4: 'Tirer la glissière vers l’arrière pour extraire  la munition éventuelle',
+        2: '<span class="font-bold">Appuyer sur le bouton de déverrouillage</span> de chargeur situé à l’arrière du pontet',
+        3: '<span class="font-bold">Retirer le chargeur de l’arme</span>',
+        4: 'Tirer la glissière vers l’arrière pour <span class="font-bold">extraire la munition</span> éventuelle',
         5: 'Actionner la culasse d’avant en arrière',
         6: 'Contrôler visuellement que la chambre est vide',
       },
@@ -37,9 +37,9 @@ export const pistolet_semi_auto_moderne = {
       value: 'poussoir_talon',
       text_steps: {
         1: 'Analyser l’arme en  <span class="font-bold">direction sécurisée</span> ',
-        2: 'Appuyer sur le bouton de déverrouillage de chargeur situé sous la poignée',
-        3: 'Retirer le chargeur de l’arme',
-        4: 'Tirer la glissière vers l’arrière pour extraire  la munition éventuelle',
+        2: '<span class="font-bold">Appuyer sur le bouton de déverrouillage de chargeur</span> situé sous la poignée',
+        3: '<span class="font-bold">Retirer le chargeur de l’arme</span>',
+        4: 'Tirer la glissière vers l’arrière pour <span class="font-bold">extraire la munition</span> éventuelle',
         5: 'Actionner la culasse d’avant en arrière',
         6: 'Contrôler visuellement que la chambre est vide',
       },