suite allemand en cours

clavier/views.py

@@ -210,6 +210,8 @@ def playIpa(request):
             loc = "Celine" if voix == "f" else "Mathieu"
         elif lang == "en":
             loc = "Amy" if voix == "f" else "Brian"
+        elif lang == "de":
+            loc = "Marlene" if voix == "f" else "Hans"
 
         print("Lecture de ["+ipa+"] débit 80%")
         audioBytes, lenssml = lambda_handler(ipa, loc)

static/js/clavier.js

@@ -172,10 +172,21 @@ function recupPhon(identifiant){
         var phonId = rectId.replace("rect", "phon")
 
         var newCarte = document.createElement('div')
-        newCarte.classList = "carte text " + phonId + " noTextClip";
+        // newCarte.classList = "carte text " + phonId + " noTextClip";
         newCarte.draggable = true
-        if (identifiant != "space") newCarte.style.backgroundImage = "url('/static/cartes/"+ famille + "/" + phonId + ".jpg')"
+        // if (identifiant != "space") newCarte.style.backgroundImage = "url('/static/cartes/"+ famille + "/" + phonId + ".jpg')"
         // if (identifiant != "space") newCarte.style.background = "url('/static/bouches/"+ boucheId + ".jpg'), linear-gradient(to bottom,  #7abcff 0%,#4096ee 100%);"
+        
+        
+        newCarte.classList = "carte " + phonId + " noTextClip";// on garde rectId, pour connaître le phonème mais sans appeler les styles de phonochromie-alem.css
+        
+        if (!identifiant.match(/space/)) { 
+            var newCarteIn = document.createElement('div')
+            newCarteIn.classList = "carteIn"
+            newCarteIn.style.backgroundImage = `url('../../../media/phonocartes/do_${famille}/${phonId}.png')`; //"url('/static/cartes/"+ famille +"/"+ phonId + ".jpg')"}
+            newCarte.appendChild(newCarteIn)
+        } 
+        
         newCarte.addEventListener("dblclick", function(e) {
             var tgt = e.target
             // on passe le curseurb sur la carte d'avant
@@ -212,9 +223,10 @@ function recupPhon(identifiant){
         //// IF modeGraphies
         //// → lister les graphies
 
-        if (thisPageLang != "dz" && thisPageLang != "shy" && thisPageLang != "de") {
+        currentPhon = identifiant;
 
-            currentPhon = identifiant
+        if (thisPageLang != "dz" && thisPageLang != "shy" && thisPageLang != "de") {
+    
             var graphZone = document.getElementById("graphiesZone")
             var gz = ''
             

static/js/syntheseVocale.js

@@ -9,7 +9,7 @@ async function playIpa(line="") {
     console.log("PLAYIPA", thisPageLang)
 
     if (thisAppli == "phonographe") {
-        if (thisPageLang == 'fr' || thisPageLang == 'en'){
+        if (thisPageLang == 'fr' || thisPageLang == 'en' || thisPageLang == 'de'){
             // Si quelque chose est écrit...
             var phonEllist = document.getElementsByClassName('text')
             

static/styles/clavier.css

@@ -365,6 +365,10 @@
 }
 .right {
     flex: 50%;
+    display: -ms-flexbox; /* IE10 */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 /* Calques A. Do */