- resultStore.typology)
Abandon
+Fin de la démarche guidée
Il n'est pas possible de poursuivre la démarche guidée.
-Ce tutoriel n’est valable que pour les armes à verrou avec chargeur externe.
-Pour plus d'information vous pouvez nous contacter.
+Votre arme nécessite des manipulations complexes. Veuillez contacter un expert.
-
+
@@ -37,9 +37,9 @@ const typology = computed(() => resultStore.typology)
-
+
@@ -59,8 +59,40 @@ const typology = computed(() => resultStore.typology)
diff --git a/frontend/src/views/GuideFactice/FirearmDirection.vue b/frontend/src/views/GuideFactice/FirearmDirection.vue
index bc29a59d..1fdc2a31 100644
--- a/frontend/src/views/GuideFactice/FirearmDirection.vue
+++ b/frontend/src/views/GuideFactice/FirearmDirection.vue
@@ -4,7 +4,7 @@
Tenir l’arme en la dirigeant toujours dans une DIRECTION SÛRE
par la poignée en maintenant toujours le doigt hors du pontet.
-
+
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
import { guideFacticeSelectAmmo } from '@/utils/firearms-utils'
import AskingExpert from './AskingExpert.vue'
@@ -26,10 +26,71 @@ const zoom = ref('')
const zoomOn = (imgValue) => {
zoom.value = imgValue
}
+
+const showModal = ref(false)
+
+function closeModal () {
+ showModal.value = false
+}
+
+function openModal () {
+ showModal.value = true
+ useStepsStore.isOpened = true
+}
+
+onMounted(() => {
+ if (useStepsStore.isOpened === undefined) {
+ openModal()
+ } else { showModal.value = false }
+})
+
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
import { guideFacticeSelectAmmo } from '@/utils/firearms-utils'
import AskingExpert from './AskingExpert.vue'
@@ -26,10 +26,71 @@ const zoom = ref('')
const zoomOn = (imgValue) => {
zoom.value = imgValue
}
+
+const showModal = ref(false)
+
+function closeModal () {
+ showModal.value = false
+}
+
+function openModal () {
+ showModal.value = true
+ useStepsStore.isOpened = true
+}
+
+onMounted(() => {
+ if (useStepsStore.isOpened === undefined) {
+ openModal()
+ } else { showModal.value = false }
+})
+
+
+
+
+
@@ -97,7 +90,17 @@ function readInstruction () {
}
:deep(.fr-alert) {
-margin: 1em;
+ margin: 1em;
+}
+
+:deep([class*=" fr-ratio"]) {
+ width: auto !important;
+ max-width: 95%;
+ object-fit: contain;
+}
+
+:deep(.fr-content-media) {
+ margin: 1rem auto;
}
.container-img {
@@ -120,27 +123,39 @@ img {
.loading {
color: #000091;
}
-.loading:after {
- content: ' .';
- animation: dots 1s steps(5, end) infinite;}
+
+.loading::after {
+ content: " .";
+ animation: dots 1s steps(5, end) infinite;
+}
@keyframes dots {
- 0%, 20% {
- color: rgba(0,0,0,0);
+ 0%,
+ 20% {
+ color: rgb(0 0 0 / 0%);
text-shadow:
- .25em 0 0 rgba(0,0,0,0),
- .5em 0 0 rgba(0,0,0,0);}
+ 0.25em 0 0 rgb(0 0 0 / 0%),
+ 0.5em 0 0 rgb(0 0 0 / 0%);
+ }
+
40% {
color: #000091;
text-shadow:
- .25em 0 0 rgba(0,0,0,0),
- .5em 0 0 rgba(0,0,0,0);}
+ 0.25em 0 0 rgb(0 0 0 / 0%),
+ 0.5em 0 0 rgb(0 0 0 / 0%);
+ }
+
60% {
text-shadow:
- .25em 0 0 #000091,
- .5em 0 0 rgba(0,0,0,0);}
- 80%, 100% {
+ 0.25em 0 0 #000091,
+ 0.5em 0 0 rgb(0 0 0 / 0%);
+ }
+
+ 80%,
+ 100% {
text-shadow:
- .25em 0 0 #000091,
- .5em 0 0 #000091;}}
+ 0.25em 0 0 #000091,
+ 0.5em 0 0 #000091;
+ }
+}
diff --git a/frontend/src/views/Legal.vue b/frontend/src/views/Legal.vue
index 2fa87afa..17d13576 100644
--- a/frontend/src/views/Legal.vue
+++ b/frontend/src/views/Legal.vue
@@ -6,21 +6,6 @@ import LegalInformationTabs from '@/views/InformationTabs/LegalInformationTabs.v
+
+
+
+
+
+
+ { v-else class="mt-3" > - Sélectionner le type de munition du chargeur + Sélectionner le type de munition du chargeur. + Chargeur transparent ? +
-
{
justify-content: center;
}
+:deep(.fr-content-media) {
+ margin: 2.5rem .5rem;
+}
+
:deep(.fr-radio-rich input[type="radio"] + label) {
height: 13rem;
}
@@ -138,4 +209,38 @@ const zoomOn = (imgValue) => {
.instructions {
padding-bottom: 2em;
}
+
+.transparent-mag {
+ width: 50%;
+ padding: 1rem;
+}
+
+.open-info {
+ justify-content: end;
+}
+
+.warning {
+ cursor: pointer;
+}
+
+.modale {
+ display: flex;
+ flex-direction: column;
+}
+
+.modale-contenu {
+ flex: 1;
+ overflow-y: auto;
+}
+
+.modale-footer {
+ position: sticky;
+ bottom: 0;
+ text-align: center;
+ background-color: #f5f5fe;
+ box-shadow: 0 -4px 16px rgb(0 0 0 / 25%);
+ padding: 15px !important;
+ width: 100%;
+}
+
diff --git a/frontend/src/views/Instructions.vue b/frontend/src/views/Instructions.vue
index c39f58bf..6c7868da 100644
--- a/frontend/src/views/Instructions.vue
+++ b/frontend/src/views/Instructions.vue
@@ -34,24 +34,17 @@ function readInstruction () {
-
- 
-
-
- - Exemple d'une bonne photo -
-
- 
-
+
- - Exemple d'une mauvaise photo -
-Vous avez saisi ou suivi un lien vers une page qui n'existe pas.