alexi
2 years ago
commit
f2853c65f6
@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php
|
||||
global $googleApis, $googleStatic, $poppins, $icon, $logoUCA;
|
||||
?>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="Views/CSS/base.css" />
|
||||
<link rel="preconnect" href="<?php echo $googleApis; ?>">
|
||||
<link rel="preconnect" href="<?php echo $googleStatic; ?>" crossorigin>
|
||||
<link href="<?php echo $poppins; ?>" rel="stylesheet">
|
||||
<title>Formulaire de témoignage</title>
|
||||
<link rel="shortcut icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
||||
<link rel="icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<img id="logoUCA" src="<?php echo $logoUCA; ?>" height="35px" width="auto" alt="logo UCA">
|
||||
<h1>Administration</h1>
|
||||
|
||||
<!--
|
||||
<form method="post">
|
||||
<label for="keyword">Écrivez la catégorie : </label>
|
||||
<input id="keyword" name="keyword" type="text" size="50">
|
||||
<input type="submit" value="Ajouter">
|
||||
<input type="hidden" name="action" value="addKeyword">
|
||||
</form>
|
||||
|
||||
|
||||
<h2>Ajouter une question :</h2>
|
||||
<form method="post">
|
||||
|
||||
<label for="question">Écrivez la question : </label>
|
||||
<br>
|
||||
<input id="question" name="question" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
|
||||
<label for="type">Séléctionnez le type de question souhaitée :
|
||||
<br>- Text permet à l'utilisateur d'écrire lui même la réponse.
|
||||
<br>- ListBox permet à l'utilisateur de choisir une réponse parmi plusieurs possibilités.
|
||||
<br>- CheckBox permet à l'utilisateur de choisir une ou plusieurs réponses parmi plusieurs possibilités.
|
||||
</label>
|
||||
<br>
|
||||
<select id="type" name="type">
|
||||
<option value="BusinessClass\ListBoxQuestion">ListBox</option>
|
||||
<option value="BusinessClass\CheckBoxQuestion">CheckBox</option>
|
||||
<option value="BusinessClass\TextQuestion">Text</option>
|
||||
</select>
|
||||
|
||||
<br><br>
|
||||
<label for="responses">Écrivez la liste des réponses possibles en les séparant comme cela :
|
||||
<br>Réponse1; Réponse2; Réponse3;
|
||||
</label>
|
||||
<br>
|
||||
<input id="responses" name="responses" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
<label for="categories">Écrivez la liste des catégories associée à chaque question comme cela :
|
||||
<br>Catégorie1.1,Catégorié1.2; Catégorie2.1; Catégorié3.1,Catégorie3.2,Catégorie3.3;
|
||||
</label>
|
||||
<br>
|
||||
<input id="categories" name="categories" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
<input type="submit" value="Confirmer">
|
||||
<input type="hidden" name="action" value="addQuestion">
|
||||
</form>
|
||||
-->
|
||||
|
||||
<div style="text-align: center">
|
||||
<h2>Continuer d'ajouter des possibilités de réponses ?</h2>
|
||||
<form method="post">
|
||||
<input name="idQuestion" type="hidden" value="<?php echo $idQuestion; ?>">
|
||||
<input name="question" type="hidden" value="<?php echo $questionContent; ?>">
|
||||
<input name="type" type="hidden" value="<?php echo $type; ?>">
|
||||
|
||||
<input type="submit" name="choose" value="Oui">
|
||||
<input type="submit" name="choose" value="Non">
|
||||
<input type="hidden" name="action" value="continueResponse">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php
|
||||
global $googleApis, $googleStatic, $poppins, $icon, $logoUCA;
|
||||
?>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="Views/CSS/base.css" />
|
||||
<link rel="preconnect" href="<?php echo $googleApis; ?>">
|
||||
<link rel="preconnect" href="<?php echo $googleStatic; ?>" crossorigin>
|
||||
<link href="<?php echo $poppins; ?>" rel="stylesheet">
|
||||
<title>Formulaire de témoignage</title>
|
||||
<link rel="shortcut icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
||||
<link rel="icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<img id="logoUCA" src="<?php echo $logoUCA; ?>" height="35px" width="auto" alt="logo UCA">
|
||||
<h1>Administration</h1>
|
||||
|
||||
<!--
|
||||
<form method="post">
|
||||
<label for="keyword">Écrivez la catégorie : </label>
|
||||
<input id="keyword" name="keyword" type="text" size="50">
|
||||
<input type="submit" value="Ajouter">
|
||||
<input type="hidden" name="action" value="addKeyword">
|
||||
</form>
|
||||
|
||||
|
||||
<h2>Ajouter une question :</h2>
|
||||
<form method="post">
|
||||
|
||||
<label for="question">Écrivez la question : </label>
|
||||
<br>
|
||||
<input id="question" name="question" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
|
||||
<label for="type">Séléctionnez le type de question souhaitée :
|
||||
<br>- Text permet à l'utilisateur d'écrire lui même la réponse.
|
||||
<br>- ListBox permet à l'utilisateur de choisir une réponse parmi plusieurs possibilités.
|
||||
<br>- CheckBox permet à l'utilisateur de choisir une ou plusieurs réponses parmi plusieurs possibilités.
|
||||
</label>
|
||||
<br>
|
||||
<select id="type" name="type">
|
||||
<option value="BusinessClass\ListBoxQuestion">ListBox</option>
|
||||
<option value="BusinessClass\CheckBoxQuestion">CheckBox</option>
|
||||
<option value="BusinessClass\TextQuestion">Text</option>
|
||||
</select>
|
||||
|
||||
<br><br>
|
||||
<label for="responses">Écrivez la liste des réponses possibles en les séparant comme cela :
|
||||
<br>Réponse1; Réponse2; Réponse3;
|
||||
</label>
|
||||
<br>
|
||||
<input id="responses" name="responses" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
<label for="categories">Écrivez la liste des catégories associée à chaque question comme cela :
|
||||
<br>Catégorie1.1,Catégorié1.2; Catégorie2.1; Catégorié3.1,Catégorie3.2,Catégorie3.3;
|
||||
</label>
|
||||
<br>
|
||||
<input id="categories" name="categories" type="text" size="100">
|
||||
|
||||
<br><br>
|
||||
<input type="submit" value="Confirmer">
|
||||
<input type="hidden" name="action" value="addQuestion">
|
||||
</form>
|
||||
-->
|
||||
|
||||
<div style="text-align: center">
|
||||
<form method="post">
|
||||
<input name="idQuestion" type="hidden" value="<?php echo $idQuestion; ?>">
|
||||
<input name="question" type="hidden" value="<?php echo $questionContent; ?>">
|
||||
<input name="type" type="hidden" value="<?php echo $type; ?>">
|
||||
|
||||
<p>Votre question : <?php echo $questionContent; ?></p>
|
||||
<br><br>
|
||||
|
||||
<label>Entrez une réponse : </label>
|
||||
<input name="response" type="text" size="50">
|
||||
<br><br><br>
|
||||
<label>Séléctionnez les catégories associées à cette réponse : </label>
|
||||
<br><br>
|
||||
<?php
|
||||
foreach ($categories as $category) {
|
||||
?>
|
||||
<label><?php echo $category ?></label>
|
||||
<input type="checkbox" name="categories[]" value="<?php echo $category ?>">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<br><br>
|
||||
<input type="submit" value="Ajouter la réponse">
|
||||
<input type="hidden" name="action" value="addResponse">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<script>
|
||||
let responsesAndCategories = new Map();
|
||||
|
||||
function addResponse() {
|
||||
const response = document.querySelector('#response');
|
||||
const categories = document.querySelectorAll(".categories");
|
||||
responsesAndCategories.set(response.value, categories.forEach(category => console.log(category.value)));
|
||||
|
||||
}
|
||||
|
||||
|
||||
const addPossiblesResponsesButton = document.querySelector('#addNewResponse');
|
||||
addPossiblesResponsesButton.addEventListener('click', addResponse);
|
||||
</script>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,16 @@
|
||||
/**
|
||||
* Permet d'afficher la liste des catégories en fonction
|
||||
* du choix de l'utilisateur (lorsqu'il clique sur le bouton)
|
||||
*/
|
||||
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";
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
/**
|
||||
* Permet d'afficher ou non la liste des questions en fonction
|
||||
* du choix de l'utilisateur. (lorsqu'il clique sur le bouton)
|
||||
*/
|
||||
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";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Permet d'afficher le formulaire permettant d'ajouter une question
|
||||
* si l'utilisateur clique sur le bouton.
|
||||
*/
|
||||
function addQuestion() {
|
||||
const printAddQuestionFormButton = document.querySelector('#addNewQuestion');
|
||||
const form = document.querySelector('#addQuestionForm');
|
||||
|
||||
if(printAddQuestionFormButton.innerText === "Ajouter une question ▲") {
|
||||
printAddQuestionFormButton.innerText = "Ajouter une question ▼";
|
||||
form.style.visibility = "hidden";
|
||||
} else {
|
||||
printAddQuestionFormButton.innerText = "Ajouter une question ▲";
|
||||
form.style.visibility = "visible";
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue