From 2bcddaabcf256b66eb4a944a3fd45c310135f74a Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Thu, 15 Feb 2024 09:57:04 +0100
Subject: [PATCH] feat: Ajout de traductions

---
 src/components/Score.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Score.vue b/src/components/Score.vue
index e0cfb37..3175b32 100644
--- a/src/components/Score.vue
+++ b/src/components/Score.vue
@@ -154,6 +154,15 @@ async function share() {
   saveAs(dataUrl, `Ceiba-score-${fileName}.png`);
   sharing.value = false;
 }
+const trad = store.language == "fr-FR" ? {
+  "failure": "Probabilité d'échec",
+  "params": "Rappel des paramètres choisis",
+  "sigle": "PdE",
+} : {
+  "failure": "Likelihood of Failure",
+  "params": "Chosen parameters",
+  "sigle": "LoF",
+}
 </script>
 
 <template>
@@ -182,19 +191,20 @@ async function share() {
     <SplideSlide class="latest">
       <template v-if="displayScoreResult && result">
         <div>
-          <h2 class="center">Probabilité d'échec</h2>
+          <h2 class="center">{{ trad.failure }}</h2>
           <h2 class="center">{{ result.pde_qtra }}</h2>
           <div class="gradient">
             <div
               v-for="(item, index) in [...Array(7).keys()]"
               :class="{ active: result && result.pde_qtra === index + 1 }"
               :key="item"
+              :data-title=trad.sigle
             >
               {{ index + 1 }}
             </div>
           </div>
           <div class="details">
-            <p>Rappel des paramètres choisis :</p>
+            <p>{{ trad.params }} :</p>
             <ul>
               <li v-for="question in questions" :key="question.id">
                 {{ question.title }} :
@@ -402,7 +412,7 @@ label
       justify-content: center
 
     &::after
-      content: "PdE"
+      content: attr(data-title)
       position: absolute
       font-size: 1rem
       top: -2rem