diff --git a/code/index.css b/code/index.css
index 1a9c50f..cd75168 100644
--- a/code/index.css
+++ b/code/index.css
@@ -59,7 +59,7 @@
flex-direction: column;
}
- .vitrail {
+ .vitrail-plein {
margin: 3px;
padding: 6px;
background-image: url(ress/fond_fin.png);
@@ -68,6 +68,14 @@
background-size: cover;
}
+ .vitrail-vide {
+ margin: 3px;
+ padding: 6px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ }
+
.vitrail-select {
margin: 3px;
padding: 6px;
diff --git a/code/index.html b/code/index.html
index 35112c7..ab2bce2 100644
--- a/code/index.html
+++ b/code/index.html
@@ -21,21 +21,21 @@
diff --git a/code/vitraux.js b/code/vitraux.js
index 480d29f..b538c8a 100644
--- a/code/vitraux.js
+++ b/code/vitraux.js
@@ -300,9 +300,9 @@ var canvasT = document.getElementById('canvasTotal');
console.log(mousePos[0]+" vers "+canvasNumber+", mouseOnRes?"+mouseOnRes);
- if(mouseOnRes && !canvasNumber.includes("R"))
+ if(mouseOnRes && !canvasNumber.includes("R")) //clic dans la réserve, relâche sur la pile en jeu
{
- if(!isVisible(canvasNumber))
+ if(!isVisible(canvasNumber)) //relâche sur emplacement vide au centre
{
toggleVisible(canvasNumber);
tabR[canvasNumber]=[];
@@ -311,11 +311,11 @@ var canvasT = document.getElementById('canvasTotal');
}
else
{
- if(isVisible(mousePos[0]))
+ if(isVisible(mousePos[0])) //clic sur un vitrail présent
{
- if(canvasNumber.includes("R"))
+ if(canvasNumber.includes("R")) //relâche dans réserve
{
- if(tabR[canvasNumber]==null)
+ if(tabR[canvasNumber]==null) //emplacement de réserve vide
{
toggleVisible(mousePos[0]);
tabR[mousePos[0]]=copyMDArray(eval("tab"+mousePos[0]));
@@ -324,7 +324,7 @@ var canvasT = document.getElementById('canvasTotal');
toutDessiner(tabR[mousePos[0]],eval("canvasR"+mousePos[0]),eval("ctxR"+mousePos[0]));
//console.log(eval("tabR["+(mousePos[0]-1)+"]"));
}
- else
+ else //emplacement de réesrve occupé
{
changeOrder(mousePos[0],canvasNumber);
}