From 8dc2a896edd23b85dede253282a3d995817fae2c Mon Sep 17 00:00:00 2001
From: adplantade <adrien.plantade@etu.uca.fr>
Date: Wed, 12 Aug 2020 19:42:31 +0200
Subject: [PATCH] ajout de l'affichage "both" dans le nombre de dots

---
 code/button_displayer.js | 25 ++++++++++++++++++++++++-
 code/index.php           | 21 ++++++++++++++++++++-
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/code/button_displayer.js b/code/button_displayer.js
index d668842..976cc91 100644
--- a/code/button_displayer.js
+++ b/code/button_displayer.js
@@ -225,12 +225,35 @@ function dispDots()
             document.getElementById("col"+cpt+"D").style.visibility="hidden";
         }
     }
-    else// if(displ=="gems")
+    else
     {
         for(var cpt=1;cpt<9;cpt++)
         {
             document.getElementById("col"+cpt+"D").style.display="none";
             document.getElementById("gem"+cpt+"D").style.display="";
+
+            console.log(gemsSelected[cpt-1]+"|"+cpt);
+
+            document.getElementById("img_gem"+cpt).src="ress/"+gemsSelected[cpt-1]+".png";
+
+            document.getElementById("gem"+cpt+"D").appendChild(document.getElementById("img_gem"+cpt));
+            document.getElementById("img_gem"+cpt).style.height=size/6;
+            document.getElementById("img_gem"+cpt).style.width=size/6;
+
+            if(displ=="both")
+            {
+                document.getElementById("gem"+cpt+"D").classList.add("dot");
+                document.getElementById("gem"+cpt+"D").style.backgroundColor=gemsSelected[cpt-1];
+
+                document.getElementById("img_gem"+cpt).style.height=size/8;
+                document.getElementById("img_gem"+cpt).style.width=size/8;
+
+            }
+            else
+            {
+                document.getElementById("gem"+cpt+"D").classList.remove("dot");
+                document.getElementById("gem"+cpt+"D").style.backgroundColor="";
+            }
         }
 
         for(var cpt=1;cpt<amountI+1;cpt++)
diff --git a/code/index.php b/code/index.php
index db180ef..3ca118d 100644
--- a/code/index.php
+++ b/code/index.php
@@ -104,6 +104,25 @@
                         <span id="col6D" class="dot"></span>
                         <span id="col7D" class="dot"></span>
                         <span id="col8D" class="dot"></span>
+
+                        <img id="img_gem1" class="gem"/>
+                        <img id="img_gem2" class="gem"/>
+                        <img id="img_gem3" class="gem"/>
+                        <img id="img_gem4" class="gem"/>
+                        <img id="img_gem5" class="gem"/>
+                        <img id="img_gem6" class="gem"/>
+                        <img id="img_gem7" class="gem"/>
+                        <img id="img_gem8" class="gem"/>
+
+                        <span id="gem1D" class="slot"></span>
+                        <span id="gem2D" class="slot"></span>
+                        <span id="gem3D" class="slot"></span>
+                        <span id="gem4D" class="slot"></span>
+                        <span id="gem5D" class="slot"></span>
+                        <span id="gem6D" class="slot"></span>
+                        <span id="gem7D" class="slot"></span>
+                        <span id="gem8D" class="slot"></span>
+                        <!--
                         <img id="gem1D" class=" slot" />
                         <img id="gem2D" class=" slot" />
                         <img id="gem3D" class=" slot" />
@@ -111,7 +130,7 @@
                         <img id="gem5D" class=" slot" />
                         <img id="gem6D" class=" slot" />
                         <img id="gem7D" class=" slot" />
-                        <img id="gem8D" class=" slot" />
+                        <img id="gem8D" class=" slot" />-->
                     </span>
                     <img src="ress/+" onClick="more()" id="+"/>
                     <input type="hidden" name="dotsAmount" id="amountHi"/></p>