Index - Modification du formulaire pour l'adapter à Asclepia

assets/divers.css

@@ -49,10 +49,6 @@ body {
     padding-bottom: 1.5rem;
 }
 
-#rangLimier {
-    margin: 0 0 0 2%;
-}
-
 a.navbar-brand {
     color: #fff;
     font-size: 1.75em;
@@ -75,6 +71,28 @@ a.navbar-brand {
     border-radius: 0.5rem!important;
 }
 
+#rangLimier {
+    margin: 0 2% 0 2%;
+}
+
+label {
+    font-weight: 700;
+}
+
+input {
+    border: 1px solid #ced4da;
+}
+
+input[type=text] {
+    width: 80px;
+    text-align: center;
+}
+
+#rangLimier button {
+    background-color: #3E65A4;
+    border-color: #3E65A4;
+}
+
 /* Tableau */
 table {
     font-size: 12px;

index.php

@@ -61,17 +61,34 @@ $isClassementValid = isset($_GET["classement"]) && (int) $_GET["classement"] !==
 	</nav>
 </div>
 <div id="rangLimier">
-	<h1>RangLimier</h1>
-	<p>Cet outil permet, en entrant un classement (réel ou supposé), de voir les choix disponibles à ce classement. <br>
-		<i>Attention : Cet outil est à but purement indicatif, les variations entre chaque année sont imprévisibles. Cela vous sert à avoir une vision globale des choix possible</i>
+	<br>
+	<h1 style="text-align: center;">Rangs Limites</h1>
+	<p>Cet outil permet d'apprécier les choix de postes accessibles pour un rang de classement donné sur les années post R3C (à partir des ECNi 2017 jusqu'aux derniers ECNi) <br>
+		Sur un seul tableau<!--, qui'il est possible de restreindre à certains DES et/ou certaines subdivisions -->, est affiché, dans chaque case, le nombre d'année où le poste aurait été accessible.
 	</p>
-	<form action="index.php" method="get">
-		<label for="classement">Veuillez entrer le classement (réel ou supposé) à tester : </label> <br>
-		<input type="text" name="classement" <?= ($isClassementValid === TRUE) ? 'value='.(int) $_GET["classement"] : "" ?>>
-		
-		<button type="submit" class="btn btn-info">Envoyer</button>
+	<ul>
+		<li>En rouge : Jamais accessible à ce classement</li>
+		<li>En Jaune : Accessible sur au moins un an (mais pas toutes les années)</li>
+		<li>En vert : Accessible toutes les années jusqu'aux derniers ECNi</li>
+	</ul>
+	<p>
+		⚠ <i> Ces informations sont données à titre indicatif et ne peuvent constituer une quelconque garantie pour les procédures de choix à venir</i>
+		<br>
+		<i>Toutes les données exploitées par cet outil proviennent du site <a href="https://www.cng.sante.fr/">cng.sante.fr</a> et de son application
+			<a href="https://www.cngsante.fr/chiron/celine/">CELINE</a>. Pour toute information officielle, veuillez vous référer à ces derniers.</i>
+	</p>
+	<form action="index.php" method="get" class="d-flex flex-column align-items-left">
+		<div class="form-group row align-items-center">
+			<label for="classement" class="col-sm-2">Saisissez un rang de classement : </label>
+			<div class="col-sm-1">
+				<input type="text" name="classement" class="form-control rounded-pill" <?= ($isClassementValid === TRUE) ? 'value='.(int) $_GET["classement"] : "" ?>>
+			</div>
+		</div>
+		<button type="submit" class="btn btn-info rounded-pill col-sm-2" >Envoyer</button>
 	</form>
+	
 	<?php if ($isClassementValid) : ?>
+	<!--
 		<hr><h1>Tableau de classement</h1>
 		<h2>Légende</h2>
 		<table>
@@ -82,7 +99,6 @@ $isClassementValid = isset($_GET["classement"]) && (int) $_GET["classement"] !==
 			<tr>
 				<td class="never-available">Jamais proposé</td>
 				<td class="no-choice">Aucun choix</td>
-				<td class="last-choice">Une seule année</td>
 				<td class="half-choices">Plusieurs choix</td>
 				<td class="all-choices">Tous les choix</td>
 			</tr>
@@ -90,9 +106,11 @@ $isClassementValid = isset($_GET["classement"]) && (int) $_GET["classement"] !==
 		</table>
 		<p>
 			Chaque nombre dans chaque case correspond au nombre d'années où ce choix était dispo au classement rentré <br>
-		</p>
+		</p> -->
+	
 		<?php
-		$html = "<h2>Résultats</h2>";
+		// $html = "<h2>Résultats</h2>";
+		$html = "<br><br><br>";
 		
 		// On va récupérer tous les rangs limited dispo triés par idChoix
 		//Mysql