From 51a722a2ce7692b4e88d5086d30bc564b520b9e3 Mon Sep 17 00:00:00 2001
From: pisouvigne <pisouvigne>
Date: Tue, 23 Jun 2020 17:26:56 +0200
Subject: [PATCH] fix

---
 site/vue/css/style.css       |  46 ++++++-
 site/vue/img/more.png        | Bin 0 -> 5037 bytes
 site/vue/index.html          |  44 ++++---
 site/vue/js/const.js         |   4 +-
 site/vue/js/createElement.js |   2 -
 site/vue/js/func.js          |  34 +++++-
 site/vue/js/generateGame.js  | 227 +++++++++++++++++++++++++++++++++++
 site/vue/js/main.js          | 148 -----------------------
 8 files changed, 332 insertions(+), 173 deletions(-)
 create mode 100644 site/vue/img/more.png
 create mode 100644 site/vue/js/generateGame.js

diff --git a/site/vue/css/style.css b/site/vue/css/style.css
index 3fc846f..b3e3979 100644
--- a/site/vue/css/style.css
+++ b/site/vue/css/style.css
@@ -12,9 +12,6 @@
     --cool-color: #fe8a71;
 }
 
-* {
-    transition: .01s;
-}
 
 body {
     font-family: main;
@@ -71,6 +68,49 @@ html {
     justify-content: center;
 }
 
+#generate_button_perso {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100px;
+    width: 300px;
+    font-size: x-large;
+    transition: .5s;
+    margin-top: 25px;
+    padding: 0 25px 0 25px;
+}
+
+@keyframes loopiloop {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.fa-arrow-right {
+    margin-left: 25px;
+}
+
+.fa-spinner {
+    animation: loopiloop 2s infinite;
+    margin-left: 25px;
+}
+
+#generate_button_perso:hover {
+    cursor: pointer;
+}
+
+.more_perso:hover {
+    cursor: pointer;
+}
+
+#colonne_number_ask {
+    display: none;
+}
+
 #perso-setupContainer {
     height: 95%;
     display: flex;
diff --git a/site/vue/img/more.png b/site/vue/img/more.png
new file mode 100644
index 0000000000000000000000000000000000000000..451a702974c49ceae7b2db091ddb0848fade9510
GIT binary patch
literal 5037
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
Ty`7BSo<Ue}Bzb<p`hEWaJM<jN

literal 0
HcmV?d00001

diff --git a/site/vue/index.html b/site/vue/index.html
index cb23fd7..74f22ea 100644
--- a/site/vue/index.html
+++ b/site/vue/index.html
@@ -39,33 +39,45 @@
             <div>
                 <p>Fonctions Logiques : </p>
                 <div>
-                    <input type="checkbox" id="etLogique" name="etLogique" checked>
-                    <label for="etLogique">ET</label>
+                    <input type="checkbox" id="logique1" name="logique1" checked>
+                    <label for="logique1">ET</label>
                 </div>
                 <div>
-                    <input type="checkbox" id="etLogique" name="etLogique">
-                    <label for="etLogique">OU</label>
+                    <input type="checkbox" id="logique2" name="logique2">
+                    <label for="logique2">OU</label>
                 </div>
                 <div>
-                    <input type="checkbox" id="etLogique" name="etLogique">
-                    <label for="etLogique">NON</label>
+                    <input type="checkbox" id="logique3" name="logique3">
+                    <label for="logique3">NON</label>
                 </div>
                 <div>
-                    <input type="checkbox" id="etLogique" name="etLogique">
-                    <label for="etLogique">NON-ET</label>
+                    <input type="checkbox" id="logique4" name="logique4">
+                    <label for="logique4">NON-ET</label>
                 </div>
                 <div>
-                    <input type="checkbox" id="etLogique" name="etLogique">
-                    <label for="etLogique">NON-OU</label>
+                    <input type="checkbox" id="logique5" name="logique5">
+                    <label for="logique5">NON-OU</label>
                 </div>
-            </div><br><br><br>
-
+            </div><br>
             <div>
-                <input type="number" id="colonne_number_setup" oninput="colonne_check_setup(this.value)">
-                <label>Nombre de colonnes</label>
-            </div><br><br>
+                <label>Nombres de portes logiques : </label>
+                <input type="number" id="colonne_number_setup_global" value="4">
+            </div><br>
+            <div onclick="show_more_perso(this)">
+                <label class="more_perso">Plus de personnalisation </label>
+                <i class="fa fa-arrow-down" aria-hidden="true"></i>
+            </div><br>
+            <div id="colonne_number_ask">
+                <input type=" number" id="colonne_number_setup" oninput="colonne_check_setup(this.value)" value="0">
+                <label>Nombre de colonnes</label><br><br>
+            </div>
+            <div class="border background dys" id="generate_button_perso" onclick="buttonSpin()">
+                <a>Générer le niveau</a>
+                <i class="fa fa-arrow-right" aria-hidden="true"></i>
+            </div>
         </div>
     </div>
+    </div>
     <!--Play Page-->
     <div id="playPage">
         <div id="success" class="modal">
@@ -464,7 +476,7 @@
 <script src="js/creator.js"></script>
 <script src="js/timer.js"></script>
 <script src="js/db.js"></script>
-
+<script src="js/generateGame.js"></script>
 <script>
     initAll();
 </script>
diff --git a/site/vue/js/const.js b/site/vue/js/const.js
index b81ddba..6dee878 100644
--- a/site/vue/js/const.js
+++ b/site/vue/js/const.js
@@ -60,4 +60,6 @@ var double = false;
 
 var click = 0;
 
-var successPanel = true;
\ No newline at end of file
+var successPanel = true;
+
+var arrayPorte = [];
\ No newline at end of file
diff --git a/site/vue/js/createElement.js b/site/vue/js/createElement.js
index d153b8b..bef7982 100644
--- a/site/vue/js/createElement.js
+++ b/site/vue/js/createElement.js
@@ -368,7 +368,5 @@ function createStage(container) {
       });
     }
   }
-
   stage.draw();
-
 }
\ No newline at end of file
diff --git a/site/vue/js/func.js b/site/vue/js/func.js
index 9098141..303d308 100644
--- a/site/vue/js/func.js
+++ b/site/vue/js/func.js
@@ -87,6 +87,8 @@ document.querySelector("#button_mode3").onmouseover = function () { mouseOver(do
 document.querySelector("#button_mode3").onmouseout = function () { mouseOut(document.querySelector("#button_mode3")) };
 document.querySelector("#button_mode4").onmouseover = function () { mouseOver(document.querySelector("#button_mode4")) };
 document.querySelector("#button_mode4").onmouseout = function () { mouseOut(document.querySelector("#button_mode4")) };
+document.querySelector("#generate_button_perso").onmouseover = function () { mouseOver(document.querySelector("#generate_button_perso")) };
+document.querySelector("#generate_button_perso").onmouseout = function () { mouseOut(document.querySelector("#generate_button_perso")) };
 
 function mouseOver(button) {
     button.style.backgroundColor = document.querySelector(".modal-body").style.borderColor;
@@ -573,7 +575,6 @@ function playNormal() {
 function colonne_check_setup(value) {
     if (value != "" || value != null || value != undefined) {
         document.querySelectorAll(".colonne_selection").forEach(function (element) {
-            console.log("e");
             element.remove();
         });
         for (let i = 0; i < value; i++) {
@@ -582,14 +583,41 @@ function colonne_check_setup(value) {
             var label = document.createElement("label");
             let colonne_number = i + 1;
             input.type = "number";
+            input.value = 1;
+            input.oninput = refresh_input;
+            input.id = i;
+            input.classList = "input_refresh";
             div.classList.add("colonne_selection");
-            label.innerHTML = "Nombre de fonctions dans la colonne " + colonne_number;
+            label.innerHTML = " Nombre de fonctions dans la colonne " + colonne_number;
             div.appendChild(input);
             div.appendChild(label);
-            document.querySelector('#perso-setupContainer').appendChild(div);
+            div.appendChild(document.createElement("br"));
+            document.querySelector('#colonne_number_ask').appendChild(div);
         }
     }
 }
+function refresh_input(e) {
+    if (document.querySelector("#colonne_number_setup_global").value == "" || document.querySelector("#colonne_number_setup_global").value == undefined || document.querySelector("#colonne_number_setup_global").value == null)
+        document.querySelector("#colonne_number_setup_global").value = "0";
+    document.querySelector("#colonne_number_setup_global").value = parseInt(document.querySelector("#colonne_number_setup_global").value) + parseInt(e.target.value);
+}
+
+function show_more_perso(div) {
+    if (div.childNodes[3].className === "fa fa-arrow-down") {
+        div.childNodes[3].className = "fa fa-arrow-up";
+        document.querySelector("#colonne_number_ask").style.display = "block";
+        document.querySelector("#colonne_number_setup_global").disabled = true;
+        document.querySelector("#colonne_number_setup_global").value = 1;
+    } else {
+        div.childNodes[3].className = "fa fa-arrow-down";
+        document.querySelector("#colonne_number_ask").style.display = "none";
+        document.querySelector("#colonne_number_setup").value = "0";
+        document.querySelectorAll(".colonne_selection").forEach(function (element) {
+            element.remove();
+        });
+        document.querySelector("#colonne_number_setup_global").disabled = false;
+    }
+}
 
 function launchGameOne() {
     document.querySelector(".niveau").innerHTML = niveauActuel;
diff --git a/site/vue/js/generateGame.js b/site/vue/js/generateGame.js
new file mode 100644
index 0000000..f45ab57
--- /dev/null
+++ b/site/vue/js/generateGame.js
@@ -0,0 +1,227 @@
+const isTrue = (currentValue) => currentValue[0] == true;
+
+
+
+function generate_perso_level() {
+
+    var isEtNonAllowed = false;
+    var isOuNonAllowed = false;
+    var isNotAllowed = false;
+    var isOuAllowed = false;
+    timeEnd = 25;
+    double = false;
+    isTuto = false;
+
+    createStage("play_container");
+    stage.add(layer);
+    var logiqueCount = 0;
+    for (let i = 0; i < colonneTot; i++) {
+        liveColonneNumber.push([]);
+    }
+    for (let i = 0; i < colonneTot; i++) {
+        for (let j = 0; j < numberPerColonne[i]; j++) {
+            logiqueCount++;
+            let numberRandom = getRandomArbitrary(0, arrayPorte.length);
+            insertLogiqueColonne("logique" + logiqueCount, arrayPorte[numberRandom][1], i);
+        }
+    }
+
+
+    logiques.forEach(function (element) {
+        createLinkAuto(element.name);
+    });
+    initEndGame();
+    timer.stop();
+}
+
+
+
+function loadPerso() {
+
+    arrayPorte = [[document.querySelector("#logique1").checked, "et"], [document.querySelector("#logique2").checked, "ou"], [document.querySelector("#logique3").checked, "inv"], [document.querySelector("#logique4").checked, "etnon"], [document.querySelector("#logique5").checked, "nonou"]];
+    document.querySelector("#PersoSetupPage").style.display = 'none';
+    document.querySelector("#playPage").style.display = 'block';
+    resetAllTabs(false);
+    niveauActuel = 1;
+    timeTot = 0;
+    windowWidth = window.innerWidth;
+    windowHeight = window.innerHeight;
+    if (document.querySelector("#colonne_number_setup").value == 0) {
+        var porteTotal = parseInt(document.querySelector("#colonne_number_setup_global").value);
+        colonneTot = 0;
+        while (porteTotal > 2) {
+            porteTotal = porteTotal / 2;
+            numberPerColonne.push(porteTotal);
+            colonneTot++;
+        }
+        numberPerColonne.push(porteTotal);
+        colonneTot++;
+
+    } else {
+        colonneTot = parseInt(document.querySelector("#colonne_number_setup").value);
+        document.querySelectorAll(".input_refresh").forEach(function (element) {
+            numberPerColonne.push(parseInt(element.value));
+        });
+    }
+    arrayPorte = arrayPorte.filter(function (e) { if (e[0] === true) return e; })
+    generate_perso_level();
+    click = 0;
+    while (checkIfEnd() || isLineCollapsing()) {
+        resetAllTabs(false);
+        generate_perso_level();
+    }
+}
+
+function buttonSpin() {
+    document.querySelector("#generate_button_perso").childNodes[3].classList = "fa fa-spinner";
+    setTimeout(loadPerso, 10);
+}
+
+function createGameOne(niveau) {
+    windowWidth = window.innerWidth;
+    windowHeight = window.innerHeight;
+    var numberColonne1 = 2;
+    var numberColonne2 = 1;
+    var isEtNonAllowed = false;
+    var isOuNonAllowed = false;
+    var isNotAllowed = false;
+    var isOuAllowed = false;
+    double = false;
+    var firstTime = [];
+    switch (niveauActuel) {
+        case 1:
+            firstTime.push("et");
+            break;
+        case 2:
+            numberColonne1 = 2;
+            numberColonne2 = 0;
+            timeEnd = 15;
+            break;
+        case 3:
+            numberColonne1 = 2;
+            numberColonne2 = 1;
+            timeEnd = 15;
+            break;
+        case 4:
+            numberColonne1 = 3;
+            numberColonne2 = 1;
+            timeEnd = 20;
+            break;
+        //Fin premiere serie
+        case 5:
+            firstTime.push("inv");
+            isNotAllowed = true;
+            timeEnd = 20;
+            break;
+        case 6:
+            numberColonne1 = 2;
+            numberColonne2 = 0;
+            isNotAllowed = true;
+            timeEnd = 20;
+            break;
+        case 7:
+            numberColonne1 = 2;
+            numberColonne2 = 1;
+            isNotAllowed = true;
+            timeEnd = 20;
+            break;
+        case 8:
+            numberColonne1 = 3;
+            numberColonne2 = 1;
+            isNotAllowed = true;
+            timeEnd = 20;
+            break;
+        case 9:
+            numberColonne1 = 7;
+            numberColonne2 = 10;
+            isNotAllowed = true;
+            isOuAllowed = true;
+            double = true;
+            timeEnd = 5000;
+            break;
+        case 10:
+            firstTime.push("ou");
+            break;
+        case 11:
+            isNotAllowed = true;
+            isOuAllowed = true;
+            numberColonne1 = 3;
+            numberColonne2 = 1;
+            timeEnd = 20;
+            break;
+        case 12:
+        case 13:
+        case 14:
+            isNotAllowed = true;
+            isOuAllowed = true;
+            numberColonne1 = 3;
+            numberColonne2 = 1;
+            timeEnd = 20;
+            break;
+        default:
+            isEtNonAllowed = true;
+            isOuNonAllowed = true;
+            timeEnd = 20;
+            numberColonne1 = 4;
+            numberColonne2 = 4;
+            break;
+    }
+    isTuto = false;
+    createStage("play_container");
+    stage.add(layer);
+    colonneTot = 3;
+    numberPerColonne = [numberColonne1, numberColonne2, 2];
+    var logiqueCount = 0;
+
+    if (firstTime.length > 0) {
+        numberColonne1 = 1;
+        numberColonne2 = 0;
+        numberPerColonne = [numberColonne1, numberColonne2];
+        liveColonneNumber.push([]);
+        timeEnd = 20;
+        insertLogiqueColonne("logique" + logiqueCount, firstTime[0], 0);
+        if (allowedInfoPorte) {
+            openModal('firstTime' + firstTime[0]);
+            timer.pause();
+        }
+    } else {
+        for (let i = 0; i < colonneTot; i++) {
+            liveColonneNumber.push([]);
+        }
+        for (let i = 0; i < colonneTot; i++) {
+            for (let j = 0; j < numberPerColonne[i]; j++) {
+                logiqueCount++;
+                let type = null;
+                let x = 1;
+                if (isOuAllowed) x++;
+                if (isEtNonAllowed) x++;
+                if (isOuNonAllowed) x++;
+                if (isNotAllowed) x++;
+                let numberRandom = getRandomArbitrary(0, x);
+                switch (numberRandom) {
+                    case 0:
+                        type = "et";
+                        break;
+                    case 1:
+                        type = "inv";
+                        break;
+                    case 2:
+                        type = "ou";
+                        break;
+                    case 3:
+                        type = "etnon";
+                        break;
+                    case 4:
+                        type = "nonou";
+                        break;
+                }
+                insertLogiqueColonne("logique" + logiqueCount, type, i);
+            }
+        }
+    }
+
+    logiques.forEach(function (element) {
+        createLinkAuto(element.name);
+    });
+    initEndGame();
+}
diff --git a/site/vue/js/main.js b/site/vue/js/main.js
index 67bda6a..dd09382 100644
--- a/site/vue/js/main.js
+++ b/site/vue/js/main.js
@@ -83,154 +83,6 @@ function gameOne() {
     //checkAllSortieLogique();
 }
 
-function createGameOne(niveau) {
-    windowWidth = window.innerWidth;
-    windowHeight = window.innerHeight;
-    var numberColonne1 = 2;
-    var numberColonne2 = 1;
-    var isEtNonAllowed = false;
-    var isOuNonAllowed = false;
-    var isNotAllowed = false;
-    var isOuAllowed = false;
-    double = false;
-    var firstTime = [];
-    switch (9) {
-        case 1:
-            firstTime.push("et");
-            break;
-        case 2:
-            numberColonne1 = 2;
-            numberColonne2 = 0;
-            timeEnd = 15;
-            break;
-        case 3:
-            numberColonne1 = 2;
-            numberColonne2 = 1;
-            timeEnd = 15;
-            break;
-        case 4:
-            numberColonne1 = 3;
-            numberColonne2 = 1;
-            timeEnd = 20;
-            break;
-        //Fin premiere serie
-        case 5:
-            firstTime.push("inv");
-            isNotAllowed = true;
-            timeEnd = 20;
-            break;
-        case 6:
-            numberColonne1 = 2;
-            numberColonne2 = 0;
-            isNotAllowed = true;
-            timeEnd = 20;
-            break;
-        case 7:
-            numberColonne1 = 2;
-            numberColonne2 = 1;
-            isNotAllowed = true;
-            timeEnd = 20;
-            break;
-        case 8:
-            numberColonne1 = 3;
-            numberColonne2 = 1;
-            isNotAllowed = true;
-            timeEnd = 20;
-            break;
-        case 9:
-            numberColonne1 = 7;
-            numberColonne2 = 4;
-            isNotAllowed = true;
-            isOuAllowed = true;
-            double = true;
-            timeEnd = 5000;
-            break;
-        case 10:
-            firstTime.push("ou");
-            break;
-        case 11:
-            isNotAllowed = true;
-            isOuAllowed = true;
-            numberColonne1 = 3;
-            numberColonne2 = 1;
-            timeEnd = 20;
-            break;
-        case 12:
-        case 13:
-        case 14:
-            isNotAllowed = true;
-            isOuAllowed = true;
-            numberColonne1 = 3;
-            numberColonne2 = 1;
-            timeEnd = 20;
-            break;
-        default:
-            isEtNonAllowed = true;
-            isOuNonAllowed = true;
-            timeEnd = 20;
-            numberColonne1 = 4;
-            numberColonne2 = 4;
-            break;
-    }
-    isTuto = false;
-    createStage("play_container");
-    stage.add(layer);
-    colonneTot = 3;
-    numberPerColonne = [numberColonne1, numberColonne2, 2];
-    var logiqueCount = 0;
-
-    if (firstTime.length > 0) {
-        numberColonne1 = 1;
-        numberColonne2 = 0;
-        numberPerColonne = [numberColonne1, numberColonne2];
-        liveColonneNumber.push([]);
-        timeEnd = 20;
-        insertLogiqueColonne("logique" + logiqueCount, firstTime[0], 0);
-        if (allowedInfoPorte) {
-            openModal('firstTime' + firstTime[0]);
-            timer.pause();
-        }
-    } else {
-        for (let i = 0; i < colonneTot; i++) {
-            liveColonneNumber.push([]);
-        }
-        for (let i = 0; i < colonneTot; i++) {
-            for (let j = 0; j < numberPerColonne[i]; j++) {
-                logiqueCount++;
-                let type = null;
-                let x = 1;
-                if (isOuAllowed) x++;
-                if (isEtNonAllowed) x++;
-                if (isOuNonAllowed) x++;
-                if (isNotAllowed) x++;
-                let numberRandom = getRandomArbitrary(0, x);
-                switch (numberRandom) {
-                    case 0:
-                        type = "et";
-                        break;
-                    case 1:
-                        type = "inv";
-                        break;
-                    case 2:
-                        type = "ou";
-                        break;
-                    case 3:
-                        type = "etnon";
-                        break;
-                    case 4:
-                        type = "nonou";
-                        break;
-                }
-                insertLogiqueColonne("logique" + logiqueCount, type, i);
-            }
-        }
-    }
-
-    logiques.forEach(function (element) {
-        createLinkAuto(element.name);
-    });
-    initEndGame();
-}
 
 function initEndGame() {