You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
5.3 KiB
109 lines
5.3 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<?php
|
|
global $googleApis, $googleStatic, $poppins, $icon, $logoUCA;
|
|
?>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="Views/css/styles.css" rel="stylesheet" />
|
|
<link href="Views/css/stylesForm.css" rel="stylesheet" />
|
|
<link href="<?php echo $poppins; ?>" rel="stylesheet">
|
|
<link rel="shortcut icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
|
<link rel="icon" href="<?php echo $icon; ?>" type="image/x-icon">
|
|
<link rel="preconnect" href="<?php echo $googleApis; ?>">
|
|
<link rel="preconnect" href="<?php echo $googleStatic; ?>" crossorigin>
|
|
<title>Formulaire de témoignage</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="py-1">
|
|
<div class="container px-4 px-lg-5 my-5">
|
|
<div class="text-center text-white">
|
|
<h1 class="display-4 fw-bolder">Les Témoignages</h1>
|
|
<p class="lead fw-normal text-white-50 mb-0">IUT Informatique de Clermont-Ferrand</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="#">Administration</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.php?action=GoToAddTestimony">Témoignages</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container mt-5">
|
|
<div class="row d-flex justify-content-center align-items-center">
|
|
<div class="col-md-8">
|
|
<form id="regForm" method="post" action="addResponse">
|
|
<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; ?>">
|
|
<h1 id="register">Ajout de réponse possible pour votre question : <?php echo $questionContent;?> </h1>
|
|
<div class="all-steps" id="all-steps">
|
|
<span class="step"><i class="fa"></i></span>
|
|
<span class="step"><i class="fa"></i></span>
|
|
</div>
|
|
|
|
<div class="tab">
|
|
<h6>Entrez une réponse : </h6>
|
|
<p>
|
|
<input placeholder="Réponse..." oninput="this.className = ''" name="response">
|
|
</p>
|
|
</div>
|
|
|
|
<div class="tab">
|
|
<h6>Séléctionnez les catégories associées à cette réponse : </h6>
|
|
<?php foreach ($categories as $category) { ?>
|
|
<p>
|
|
<label for="category"><?php echo $category ?></label>
|
|
<input style='-webkit-appearance: checkbox;' id="category" type="checkbox" name="categories[]" value="<?php echo $category ?>">
|
|
</p>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<div class="thanks-message text-center" id="text-message"> <img src="https://i.imgur.com/O18mJ1K.png" width="100" class="mb-4">
|
|
<h3>Souhaitez-vous ajouter votre réponse ?</h3>
|
|
<input type='submit' value='Ajouter' id='button'>
|
|
<input type='hidden' name='action' value='addResponse'>
|
|
</div>
|
|
<div style="overflow:auto;" id="nextprevious">
|
|
<div style="float:right;">
|
|
<button type="button" id="prevBtn" onclick="nextPrev(-1)"><i class="fa fa-angle-double-left"></i></button>
|
|
<button type="button" id="nextBtn" onclick="nextPrev(1)"><i class="fa fa-angle-double-right"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
|
|
<footer class="py-5 bg-white">
|
|
</footer>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="Views/js/scripts.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|