Add category and question list for Administrator

Source/Controller/ControllerAdmin.php

@@ -19,6 +19,10 @@ class ControllerAdmin
     public function goToAdminPage(): void
     {
         global $rep, $views;
+
+        $categories = (new ModelAdmin())->getCategories();
+        $questions = (new ModelAdmin())->getQuestions();
+
         require_once($rep.$views['admin']);
     }
 

Source/Model/ModelAdmin.php

@@ -53,4 +53,20 @@ class ModelAdmin
         $keyword = $_POST['keyword'];
         (new GatewayKeyword())->insertKeyword($keyword);
     }
+
+    public function getCategories(): array
+    {
+        $categories = [];
+        foreach ((new GatewayKeyword())->getAllKeyword() as $category)
+            $categories[] = $category["word"];
+
+        return $categories;
+    }
+
+    public function getQuestions(): array
+    {
+        $idForm = (new GatewayForm())->getForm()[0]["id"];
+        $questionsArray = (new GatewayQuestion())->getAllQuestions($idForm);
+        return Factory::getBuiltObjects($questionsArray, "Question");
+    }
 }

Source/Views/CSS/base.css

@@ -29,3 +29,9 @@ h1 {
     padding-left: 3%;
     padding-top: 2%;
 }
+
+#container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+}

Source/Views/HTML/admin.php

@@ -19,7 +19,7 @@
     <img id="logoUCA" src="<?php echo $logoUCA; ?>" height="35px" width="auto" alt="logo UCA">
     <h1>Administration</h1>
 
-    <h2>Ajouter une catégories :</h2>
+    <!--
     <form method="post">
         <label for="keyword">Écrivez la catégorie : </label>
         <input id="keyword" name="keyword" type="text" size="50">
@@ -27,6 +27,7 @@
         <input type="hidden" name="action" value="addKeyword">
     </form>
 
+
     <h2>Ajouter une question :</h2>
     <form method="post">
 
@@ -66,7 +67,51 @@
         <input type="submit" value="Confirmer">
         <input type="hidden" name="action" value="addQuestion">
     </form>
+    -->
+
+    <div id="container">
+        <div>
+            <form method="post">
+                <label for="keyword"></label><input id="keyword" name="keyword" type="text" size="25" placeholder="...">
+                <input type="submit" value="Ajouter">
+                <input type="hidden" name="action" value="addKeyword">
+            </form>
+            <button id="printCategory">Les catégories ▼</button>
+            <ul id="listCategories" style="visibility: hidden">
+                <?php
+                    foreach ($categories as $category) {
+                        ?> <li><?php echo $category; ?></li> <?php
+                    }
+                ?>
+            </ul>
+        </div>
+
+        <div>
+            <button id="printQuestion">Les questions ▼</button>
+            <ul id="listQuestions" style="visibility: hidden">
+                <?php
+                foreach ($questions as $question) {
+                    ?>
+                    <hr>
+                    <li><?php echo $question->printStrategy(); ?></li>
+                    <?php
+                }
+                ?>
+            </ul>
+        </div>
+    </div>
 
 </body>
 
+<script src="Views/JS/form_category.js"></script>
+<script src="Views/JS/form_question.js"></script>
+
+<script>
+    const printCategoryButton = document.querySelector('#printCategory');
+    printCategoryButton.addEventListener('click', printCategories);
+
+    const printQuestionButton = document.querySelector('#printQuestion');
+    printQuestionButton.addEventListener('click', printQuestion);
+</script>
+
 </html>

Source/Views/JS/constant.js

@@ -0,0 +1 @@
+

Source/Views/JS/form_category.js

@@ -0,0 +1,12 @@
+function printCategories() {
+    const printCategoryButton = document.querySelector('#printCategory');
+    const ul = document.querySelector("#listCategories");
+
+    if(printCategoryButton.innerText === "Les catégories ▲") {
+        printCategoryButton.innerText = "Les catégories ▼";
+        ul.style.visibility = "hidden";
+    } else {
+        printCategoryButton.innerText = "Les catégories ▲";
+        ul.style.visibility = "visible";
+    }
+}

Source/Views/JS/form_question.js

@@ -0,0 +1,12 @@
+function printQuestion() {
+    const printQuestionButton = document.querySelector('#printQuestion');
+    const ul = document.querySelector("#listQuestions");
+
+    if(printQuestionButton.innerText === "Les questions ▲") {
+        printQuestionButton.innerText = "Les questions ▼";
+        ul.style.visibility = "hidden";
+    } else {
+        printQuestionButton.innerText = "Les questions ▲";
+        ul.style.visibility = "visible";
+    }
+}