ajouté un mode symbole

site/vue/index.html

@@ -148,7 +148,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/and_test.png" class="margin-right"><img src="img/and_test.png"></p>
+                    <p><img src="img/txt_en/and.png" class="margin-right"><img src="img/sym/and.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -190,7 +190,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/or_test.png" class="margin-right"><img src="img/or_test.png"></p>
+                    <p><img src="img/txt_en/or.png" class="margin-right"><img src="img/sym/or.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -219,7 +219,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/not_test.png" class="margin-right"><img src="img/not_test.png"></p>
+                    <p><img src="img/txt_en/not.png" class="margin-right"><img src="img/sym/not.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right><a class="txt" id="close_helps"></a><input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -267,10 +267,16 @@
                     <br>
                     <p>
                         <a class="txt dys" id="themeDark"></a>
-                        <input id="darkcheck" type="checkbox" onclick="darkMode()" checked></p>
+                        <input id="darkcheck" type="checkbox" onclick="darkMode()" checked>
+                    </p>
                     <p>
                         <a class="txt dys" id="dysfont"></a>
-                        <input id="dyscheckbox" type="checkbox" onclick="dysFont()" checked></p>
+                        <input id="dyscheckbox" type="checkbox" onclick="dysFont()" checked>
+                    </p>
+                    <p>
+                        <a class="txt dys" id="symbole"></a>
+                        <input id=symcheckbox" type="checkbox" onclick="symbole(this)">
+                    </p>
                     <br>
                     <br><img onclick="setLang('fr')" class="img_france" src="img/france.png" />
                     <img onclick="setLang('en')" class="img_usa" src="img/usa.png" /><br><br><br>

site/vue/js/const.js

@@ -7,12 +7,12 @@ var imageRotation = 0;
 const blackColor = "#444442";
 const whiteColor = "#D7CCC8";
 //Image
-const pathImg = "img/";
-const imageLogiqueEt = "and_test.png";
-const imageLogiqueOu = "or_test.png";
-const imageLogiqueEtNon = "nand_test.png";
-const imageLogiqueInv = "not_test.png";
-const imageLogiqueNonOu = "nor_test.png";
+var pathImg = "img/txt_en/";
+const imageLogiqueEt = "and.png";
+const imageLogiqueOu = "or.png";
+const imageLogiqueEtNon = "nand.png";
+const imageLogiqueInv = "not.png";
+const imageLogiqueNonOu = "nor.png";
 
 //line
 var colorLineInnactive = "black";

site/vue/js/func.js

@@ -19,6 +19,17 @@ function darkMode() {
         setColor("white");
     }
 }
+
+function symbole(checkbox) {
+    if (checkbox.checked == true) {
+        pathImg = "img/sym/";
+    }
+    else {
+        pathImg = "img/txt_en/";
+    }
+    saveStage();
+}
+
 function dysFont() {
     var checkbox = document.getElementById("dyscheckbox");
     var textToChange = document.querySelectorAll(".dys");

site/vue/js/lang.js

@@ -32,6 +32,7 @@ const lang = {
         close_helps: "Ne plus afficher les aides",
         successTitle: "Niveau réussi !",
         successInfo: "Vous avez réussi en ",
+        symbole: "Mode symboles",
 
     },
     en: {