maj arabe punctuation

static/js/interface.js

@@ -316,6 +316,12 @@ function interface(lang) {
         document.documentElement.style.setProperty('--startPointRtl', 'hidden');
 
         document.getElementById("msg_dz").style.display = "none";
+
+        var punctAr1s = document.querySelectorAll('.punctAr1');
+        for (el of punctAr1s) el.style.display = "none";
+
+        var punctAr0s = document.querySelectorAll('.punctAr0');
+        for (el of punctAr0s) el.style.display = "block";
     }
 
     if (lang == "en") {
@@ -357,6 +363,12 @@ function interface(lang) {
 
         document.getElementById("msg_dz").style.display = "block";
 
+        var punctAr1s = document.querySelectorAll('.punctAr1');
+        for (el of punctAr1s) el.style.display = "block";
+
+        var punctAr0s = document.querySelectorAll('.punctAr0');
+        for (el of punctAr0s) el.style.display = "none";
+
     } else { // "fr" par défaut
         initInterface();
         

templates/clavier.html

@@ -69,24 +69,34 @@
 
         <div class="d-flex justify-content-around">
             <button type="button" class="btn btn-secondary" onclick="writeGraph('. ','punct pause')">.</button>
-            <button type="button" class="btn btn-secondary" onclick="writeGraph(', ','punct pause')">,</button>
+            <button type="button" class="btn btn-secondary punctAr0" onclick="writeGraph(', ','punct pause')">,</button>
+            <button type="button" class="btn btn-secondary punctAr1" style="display:none" onclick="writeGraph('، ','punct pause')">،</button>
             <button type="button" class="btn btn-secondary btnshowIfSmall" onclick="showPunct(this)" id="punctBtn">?!-</button>
-            <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' ? ','punct pause')">?</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr0" onclick="writeGraph(' ? ','punct pause')">?</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr1" style="display:none" onclick="writeGraph('؟ ','punct pause')">؟</button>
             <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' ! ','punct pause')">!</button>
             <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' : ','punct')">:</button>
-            <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' ; ','punct pause')">;</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr0" onclick="writeGraph(' ; ','punct pause')">;</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr1" style="display:none" onclick="writeGraph('؛ ','punct pause')">؛</button>
             <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph('-','punct')">-</button>
-            <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' « ','punct')">«</button>
-            <button type="button" class="btn btn-secondary btnhideIfSmall" onclick="writeGraph(' » ','punct')">»</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr0" onclick="writeGraph(' « ','punct')">«</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr1" style="display:none" onclick="writeGraph(' « ','punct')">»</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr0" onclick="writeGraph(' » ','punct')">»</button>
+            <button type="button" class="btn btn-secondary btnhideIfSmall punctAr1" style="display:none" onclick="writeGraph(' » ','punct')">«</button>
         </div>
         <button type="button" class="btn btn-warning btn-lg px-5" onclick="writeSpace()" class="btn-car-space"><span id="sp_btnspace" class="langspan"></span></button>
         <button type="button" class="btn btn-secondary langtitle" onclick="writeEnter()" class="btn-car-enter" id="ti_writeEnter">↵</button>
         <button type="button" class="btn btn-secondary" onclick="erasePreviousSpan()"><span id="sp_btnerase" class="langspan"></span></button>
-        <div>
+        <div class="punctAr0">
             <button type="button" class="btn btn-secondary langtitle" onclick="gotoPrecedent()" id="ti_previous"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-caret-left-fill nobg btnSvg" viewBox="0 0 16 16"><path d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg></button>
             <button type="button" class="btn btn-secondary langtitle" onclick="gotoNext()" id="ti_next"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-caret-right-fill nobg btnSvg" viewBox="0 0 16 16"><path d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg></button>
             <button type="button" class="btn btn-secondary langtitle" onclick="putAnchorOnLast()" id="ti_last"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-bar-right nobg btnSvg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0zM11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/></svg></button>
         </div>
+        <div class="punctAr1" style="display: none;">
+            <button type="button" class="btn btn-secondary" onclick="putAnchorOnLast()"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-bar-right nobg btnSvg" viewBox="0 0 16 16"><path style="fill-rule:evenodd" d="m 11.853106,3.646 a 0.5,0.5 0 0 1 0,0.708 L 8.2061062,8 11.853106,11.646 a 0.5006316,0.5006316 0 0 1 -0.708,0.708 l -3.9999998,-4 a 0.5,0.5 0 0 1 0,-0.708 l 3.9999998,-4 a 0.5,0.5 0 0 1 0.708,0 z M 4.4991062,1 a 0.5,0.5 0 0 0 -0.5,0.5 v 13 a 0.5,0.5 0 0 0 1,0 v -13 a 0.5,0.5 0 0 0 -0.5,-0.5 z"/></svg></button>
+            <button type="button" class="btn btn-secondary" onclick="gotoNext()"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-caret-left-fill nobg btnSvg" viewBox="0 0 16 16"><path d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg></button>
+            <button type="button" class="btn btn-secondary" onclick="gotoPrecedent()"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-caret-right-fill nobg btnSvg" viewBox="0 0 16 16"><path d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg></button>
+        </div>
         <button type="button" class="btn btn-danger" onclick="eraseAll()"><span id="sp_btneraseall" class="langspan"></span></button>
         <button type="button" class="btn btn-light langtitle" id="ti_toggleFullScreen" onclick="toggleFullScreen()" style="padding:5px 7px">
             <svg id="toggleFullScreenBtn" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16">