Skip to content

Commit

Permalink
refactor: ♻️ refactor revolver file
Browse files Browse the repository at this point in the history
  • Loading branch information
@nutfdt
nutfdt committed May 27, 2024
1 parent 0faa171 commit 86fc6c6
Show file tree
Hide file tree
Showing 3 changed files with 177 additions and 167 deletions.
273 changes: 117 additions & 156 deletions frontend/src/utils/firearms-utils/revolver.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,169 +33,130 @@ export const revolver = {
categoryWithoutSecuring: 'B ou D',
isDummyTypology: true,
securingSteps: {
step_1_text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span> , sélectionnez ce que vous voyez.',
step_1: {
black_powder: {
label: 'Petites Cheminées',
value: 'revolver_black_powder',
img: revolver1ChemineesImg,
},
bullets: {
label: 'Arrière plat',
value: 'revolver_bullets',
img: revolver2CartouchesImg,
},
},
step_2_text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span>, tournez-la pour observer l’arrière du barillet. Sélectionnez ce que vous voyez.',
step_2: {
revolver_bouton_barillet: {
label: 'Bouton à côté du barillet',
value: 'revolver_bouton_barillet',
text_steps: {
1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
2: 'Tirer ou pousser le <span class="font-bold">bouton de déverrouillage</span> du barillet situé côté gauche vers l’avant',
3: '<span class="font-bold">Basculer le barillet</span> sur le côté',
4: 'Pencher l’arme légèrement vers l’arrière',
5: '<span class="font-bold">Vider les munitions</span> éventuelles du barillet en appuyant sur la tige d’extraction située à l’avant du barillet',
6: 'Contrôler visuellement que les chambres sont vides',
},
img: revolver2BoutoneBarilletImg,
video: revolver2BoutoneBarilletVideo,
},
revolver_portiere: {
label: 'Portière qui cache le côté droit du barillet',
value: 'revolver_portiere',
img: revolver2PortiereImg,
},
revolver_1873_us: {
label: 'Encoche près du chien sur côté droit barillet',
value: 'revolver_1873_us',
text_steps: {
1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
2: 'Tirer légèrement le chien/marteau vers l’arrière jusqu’à <span class="font-bold">entendre un premier clic</span>',
3: 'Ouvrir la portière pivotante sur la droite',
4: 'Actionner la tringle d’extraction vers l’arrière pour chaque chambre du barillet',
5: 'Contrôler que chaque chambre est bien vide en faisant tourner le barillet',
},
img: revolver21873USImg,
video: revolver21873USVideo,
},
revolver_enfield: {
label: 'Levier côté gauche du barillet',
value: 'revolver_enfield',
text_steps: {
1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
2: 'Appuyer sur le levier de déverrouillage côté gauche de l’arme',
3: 'Casser/basculer l’ensemble canon et barillet',
4: 'Retourner l’arme et <span class="font-bold">vider les munitions</span> éventuelles du barillet',
5: 'Contrôler visuellement que les chambres sont vides',
},
img: revolver2EwBrisureImg,
video: revolver2EwBrisureVideo,
},
revolver_ancien_brisure: {
label: 'Verrou en T à l’avant du chien',
value: 'revolver_ancien_brisure',
text_steps: {
1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
2: 'Soulever le verrou en appuyant sur son petit bouton poussoir et casser/basculer l’ensemble canon et barillet',
3: 'Retourner l’arme afin de disposer l’arrière du barillet vers le bas et <span class="font-bold">vider les munitions</span>',
4: 'Contrôler visuellement les chambres du barillet',
},
img: revolver2SwBrisureImg,
video: revolver2SwBrisureVideo,
},
revolver_axe_barillet: {
label: 'Aucun des systèmes précédents',
value: 'revolver_axe_barillet',
text_steps: {
1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
2: 'Tirer l’axe du barillet vers l’avant et basculer le barillet sur le côté',
3: 'Pencher l’arme légèrement vers l’arrière',
4: 'Appuyer sur l’axe du barillet vers l’arrière pour <span class="font-bold">extraire les cartouches</span>',
5: 'Contrôler visuellement que les chambres sont bien vides',
},
img: revolver2AxeBarilletImg,
video: revolver2AxeBarilletVideo,
steps: [
{
text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span> , sélectionnez ce que vous voyez.',
options: [
{
label: 'Petites Cheminées',
value: 'revolver_black_powder',
img: revolver1ChemineesImg,
},
{
label: 'Arrière plat',
value: 'revolver_bullets',
img: revolver2CartouchesImg,
},
],
},
},
// options_step_3_text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span>, tirez la portière vers l’arrière avec le pouce, puis essayez de pousser sur un côté du barillet pour le faire basculer.',
// options_step_3_video_pre_text: 'Texte à afficher avant la vidéo',
step_3_video_post_text: 'Sélectionner le comportement de votre barillet : le barillet <span class="font-bold"> ne bascule pas</span>, ou le barillet <span class="font-bold">bascule.</span>',
step_3_video_title: 'Titre de la vidéo',
// options_step_3_video_caption: 'Veuillez suivre la vidéo afin de réaliser les instructions ci-dessus',
step_3_video: revolver2PortiereVideo,
step_3: {
revolver_1873_fr: {
label: 'Le barillet ne bascule pas',
value: 'revolver_1873_fr',
text_steps: {
// 1: {
// title: 'Etape 1',
// time: '4 sec',
// content: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
// video: revolver2PortiereP1Video,
// },
// 2: {
// title: 'Etape 2',
// time: '10 sec',
// content: 'Tirer le haut du levier de verrouillage de barillet vers l’arrière',
// video: revolver2PortiereP2Video,
// },
// 3: {
// title: 'Etape 3',
// time: '6 sec',
// content: 'Tirer légèrement le chien/marteau vers l’arrière jusqu’à entendre un premier clic',
// video: revolver2PortiereP3Video,
// },
1: {
title: 'Etape 1',
time: '9 sec',
content: 'Faire tourner le barillet jusqu’à trouver une munition',
video: revolver2PortiereP4Video,
{
text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span>, tournez-la pour observer l’arrière du barillet. Sélectionnez ce que vous voyez.',
options: [
{
label: 'Bouton à côté du barillet',
value: 'revolver_bouton_barillet',
text_steps: [
'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
'Tirer ou pousser le <span class="font-bold">bouton de déverrouillage</span> du barillet situé côté gauche vers l’avant',
'<span class="font-bold">Basculer le barillet</span> sur le côté',
'Pencher l’arme légèrement vers l’arrière',
'<span class="font-bold">Vider les munitions</span> éventuelles du barillet en appuyant sur la tige d’extraction située à l’avant du barillet',
'Contrôler visuellement que les chambres sont vides',
],
img: revolver2BoutoneBarilletImg,
video: revolver2BoutoneBarilletVideo,
},
{
label: 'Portière qui cache le côté droit du barillet',
value: 'revolver_portiere',
img: revolver2PortiereImg,
},
2: {
title: 'Etape 2',
time: '7 sec',
content: 'Déverrouiller la tringle d’éjection en tournant son extrémité d’un quart de tour',
video: revolver2PortiereP5Video,
{
label: 'Encoche près du chien sur côté droit barillet',
value: 'revolver_1873_us',
text_steps: [
'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
'Tirer légèrement le chien/marteau vers l’arrière jusqu’à <span class="font-bold">entendre un premier clic</span>',
'Ouvrir la portière pivotante sur la droite',
'Actionner la tringle d’extraction vers l’arrière pour chaque chambre du barillet',
'Contrôler que chaque chambre est bien vide en faisant tourner le barillet',
],
img: revolver21873USImg,
video: revolver21873USVideo,
},
3: {
title: 'Etape 3',
time: '18 sec',
content: 'Actionner la tringle d’extraction vers l’arrière pour chaque chambre du barillet contenant une munition',
video: revolver2PortiereP6Video,
{
label: 'Levier côté gauche du barillet',
value: 'revolver_enfield',
text_steps: [
'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
'Appuyer sur le levier de déverrouillage côté gauche de l’arme',
'Casser/basculer l’ensemble canon et barillet',
'Retourner l’arme et <span class="font-bold">vider les munitions</span> éventuelles du barillet',
'Contrôler visuellement que les chambres sont vides',
],
img: revolver2EwBrisureImg,
video: revolver2EwBrisureVideo,
},
4: {
title: 'Etape 4',
time: '4 sec',
content: 'Contrôler que chaque chambre est bien vide en faisant tourner le barillet',
video: revolver2PortiereP7Video,
{
label: 'Verrou en T à l’avant du chien',
value: 'revolver_ancien_brisure',
text_steps: [
'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
'Soulever le verrou en appuyant sur son petit bouton poussoir et casser/basculer l’ensemble canon et barillet',
'Retourner l’arme afin de disposer l’arrière du barillet vers le bas et <span class="font-bold">vider les munitions</span>',
'Contrôler visuellement les chambres du barillet',
],
img: revolver2SwBrisureImg,
video: revolver2SwBrisureVideo,
},
// '': {
// title: 'Video intégrale',
// time: '56 sec',
// content: 'Veuillez suivre les indications dans l’ordre afin de mettre en sécurité votre arme',
// video: revolver2PortiereVideo,
// },
},
img: revolver3PortiereImg,
{
label: 'Aucun des systèmes précédents',
value: 'revolver_axe_barillet',
text_steps: [
'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
'Tirer l’axe du barillet vers l’avant et basculer le barillet sur le côté',
'Pencher l’arme légèrement vers l’arrière',
'Appuyer sur l’axe du barillet vers l’arrière pour <span class="font-bold">extraire les cartouches</span>',
'Contrôler visuellement que les chambres sont bien vides',
],
img: revolver2AxeBarilletImg,
video: revolver2AxeBarilletVideo,
},
],
},
revolver_verrou_1892: {
label: 'Le barillet bascule',
value: 'revolver_verrou_1892',
text_steps: {
// 1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
// 2: 'Tirer le haut du levier de verrouillage de barillet vers l’arrière',
1: '<span class="font-bold">Basculer le barillet</span> sur le côté',
2: 'Pencher l’arme légèrement vers l’arrière',
3: '<span class="font-bold">Vider les munitions</span> éventuelles du barillet en appuyant sur la tige d’extraction située à l’avant du barillet',
4: 'Contrôler visuellement que les chambres sont vides',
},
img: revolver31892Img,
video: revolver31892Video,
{
text: 'En maintenant l’arme dans une <span class="font-bold">direction sécurisée</span>, tirez la portière vers l’arrière avec le pouce, puis essayez de pousser sur un côté du barillet pour le faire basculer.',
video_post_text: 'Sélectionner le comportement de votre barillet : le barillet <span class="font-bold"> ne bascule pas</span>, ou le barillet <span class="font-bold">bascule.</span>',
video_title: 'Titre de la vidéo',
video: revolver2PortiereVideo,
options: [
{
label: 'Le barillet ne bascule pas',
value: 'revolver_1873_fr',
text_steps: [
'<span class="font-bold">Faire tourner le barillet</span> jusqu’à trouver une munition',
'<span class="font-bold">Déverrouiller la tringle d’éjection</span> en tournant son extrémité d’un quart de tour',
'<span class="font-bold">Actionner la tringle d’extraction vers l’arrière</span> pour chaque chambre du barillet contenant une munition',
'Contrôler que chaque chambre est bien vide en faisant tourner le barillet',
],
img: revolver3PortiereImg,
video: revolver2PortiereVideo,
},
{
label: 'Le barillet bascule',
value: 'revolver_verrou_1892',
text_steps: [
'<span class="font-bold">Basculer le barillet</span> sur le côté',
'Pencher l’arme légèrement vers l’arrière',
'<span class="font-bold">Vider les munitions</span> éventuelles du barillet en appuyant sur la tige d’extraction située à l’avant du barillet',
'Contrôler visuellement que les chambres sont vides',
],
img: revolver31892Img,
video: revolver31892Video,
},
],
},
},
],
},
guideFactice: {
cartouches: {
Expand Down
17 changes: 11 additions & 6 deletions frontend/src/views/GuideSecuringFirearm/SecuringSelectOptionContent.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,9 +101,8 @@ const backTo = computed(() => {
Choix du type d'arme
</h3>
<div
v-if="TYPOLOGIES[typology].securingSteps?.[`step_${step}_video`]"
v-if="step === 3"
>
<p v-html="TYPOLOGIES[typology].securingSteps?.[`step_${step}_video_pre_text`]" />
<div class="fr-col-sm-6 fr-col-lg-12 mx-auto">
<div class="fr-content-media relative">
<video
Expand All @@ -113,8 +112,8 @@ const backTo = computed(() => {
playsinline
loop
muted
:title="TYPOLOGIES[typology].securingSteps?.[`step_${step}_video_title`]"
:src="TYPOLOGIES[typology].securingSteps?.[`step_${step}_video`]"
:title="TYPOLOGIES[typology]?.securingSteps?.steps[2]?.video_title"
:src="TYPOLOGIES[typology]?.securingSteps?.steps[2]?.video"
/>
<span class="absolute -bottom-1.5rem right-0 text-sm">Environ 30 sec</span>
</div>
Expand All @@ -128,10 +127,16 @@ const backTo = computed(() => {
</ol>
</div>
</div>
<p v-html="TYPOLOGIES[typology].securingSteps?.[`step_${step}_video_post_text`]" />
<p v-html="TYPOLOGIES[typology]?.securingSteps?.steps[2]?.video_post_text" />
</div>
<div
v-for="option of (typology !== 'revolver' ? TYPOLOGIES[typology]?.securingSteps : TYPOLOGIES[typology].securingSteps?.[`step_${step}`])"
v-for="(option) in (
step === 3 ? TYPOLOGIES[typology]?.securingSteps?.steps[2]?.options :
step === 2 ? TYPOLOGIES[typology]?.securingSteps?.steps[1]?.options :
(typology !== 'revolver' ? TYPOLOGIES[typology]?.securingSteps :
TYPOLOGIES[typology]?.securingSteps?.steps[0]?.options)
)"
:key="option.value"
>
<div class="item">
Expand Down
Loading

0 comments on commit 86fc6c6

Please sign in to comment.