Index - Ajout des infobulles en Bootstrap + JS

index.php

@@ -170,10 +170,11 @@ $citySourceDataset = getCsvToArrayKeyValue($_SETTINGS["datasetFolder"]."/liste_v
 		$specialityDatasetAbrev = ($isTriSpeValid === TRUE) ? array_intersect_key($specialitySourceDatasetAbrev, array_flip($_GET["s"])) : $specialitySourceDatasetAbrev;
 		$specialityDataset = ($isTriSpeValid === TRUE) ? array_intersect_key($specialitySourceDataset, array_flip($_GET['s'])) : $specialitySourceDataset;
 		
-		// Affichage de la 1ère ligne = Titre des colonnes
+		// Affichage de la 1ère ligne = Titre des colonnes + infobulles (via BootstrapJS)
 		$html .= "<table><thead><tr><th></th>";
-		foreach ($specialityDatasetAbrev as $specialityName) {
-			$html .= "<th scope='col'>".$specialityName."</th>";
+		foreach ($specialityDatasetAbrev as $speId => $specialityName) {
+			// $html .= "<th scope='col'>".$specialityName."</th>";
+			$html .= "<th scope='col' data-toggle='tooltip' data-placement='bottom' title='".$specialitySourceDataset[$speId]."'>".$specialityName."</th>";
 		}
 		$html .= "</tr></thead><tbody>";
 		
@@ -184,17 +185,15 @@ $citySourceDataset = getCsvToArrayKeyValue($_SETTINGS["datasetFolder"]."/liste_v
 			// ne retourne la position que pour la 1ère occurence de XX;XX
 			// La manière de fix ça de manière la plus opti et sale, c'est de faire un substr et de tester les 2 premiers charactères
 			// si ils sont égaux à XX, on fait une séparation
-			// TODO : Faire un parseur csv qui prend en compte chaque ligne du csv dans l'ordre du fichier
 			if (strpos($cityId, "XX") !== FALSE) {
 				$html .= "<tr><th></th>";
-				foreach ($specialityDatasetAbrev as $specialityName) {
-					$html .= "<th scope='col'>".$specialityName."</th>";
+				foreach ($specialityDatasetAbrev as $speId => $specialityName) {
+					$html .= "<th scope='col' data-toggle='tooltip' data-placement='bottom' title='".$specialitySourceDataset[$speId]."'>".$specialityName."</th>";
 				}
 				$html .= "</th>";
 				continue;
 			}
 			
-			
 			$html .= "<tr><th scope='row'>".$cityName."</th>";
 			foreach ($specialityDatasetAbrev AS $specialityId => $specialityName) {
 				$idChoice = "0".$cityId.$specialityId;
@@ -255,7 +254,12 @@ $citySourceDataset = getCsvToArrayKeyValue($_SETTINGS["datasetFolder"]."/liste_v
 
 <!-- Bootstrap core JS-->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
-
+<script>
+	$(function () {
+		$('[data-toggle="tooltip"]').tooltip()
+	})
+</script>
 </body>
 </html>