test

ajout d'une intervention vFinal
btn nvl inter + gestion des pompiers dans le form
2023-11-30 14:03:21 +01:00 · 2023-11-30 12:14:44 +01:00 · 2023-11-24 11:36:16 +01:00 · 2023-11-06 17:25:16 +01:00 · 2023-10-19 11:53:17 +02:00
15 changed files with 1022 additions and 473 deletions
--- a/controleurs/c_disponibilitée.php
+++ b/controleurs/c_disponibilitée.php
@ -3,8 +3,6 @@ session_start();

 include (__DIR__ . '/../include/class.pdo.php');

-var_dump($_POST);
-
 $pdo = PdoBD::getPdoBD();

 if (isset($_REQUEST['option']) && $_REQUEST['option'] == 'garde') {
--- a/controleurs/c_infoPompier.php
+++ b/controleurs/c_infoPompier.php
@ -1,3 +0,0 @@
-<?php
-
-$pdo
--- a/controleurs/c_interventions.php
+++ b/controleurs/c_interventions.php
@ -9,44 +9,72 @@
 //  Auteur   : pascal-blain@wanadoo.fr     '
 //*****************************************'
 $action = $_REQUEST['action'];
-switch($action) 
-{
-case 'voir':
-	{
-		include("vues/v_entete.php");
-		if(!isset($_REQUEST['zSemaine'])){$_REQUEST['zSemaine'] = date('W');}
-		$semaine 		= $_REQUEST['zSemaine'];
-		if(!isset($_REQUEST['zAnnee'])){$_REQUEST['zAnnee'] = date('Y');}
-		$annee 			= $_REQUEST['zAnnee'];
-		$premierJour 	= strtotime("+$semaine weeks",mktime(0,0,0,1,1,$annee));
-		if (date('w',$premierJour) != 1){$premierJour = strtotime("last monday",$premierJour);}
-		$lesTranches	= $pdo->getParametre("tranche");	
-		$lesTypesDispos	= $pdo->getParametre("dispo");
-		$titre="CIS"; //Centre d'incendie et de secours :";
-		$lesCasernes	= $pdo->getLesCasernes($_SESSION["adr1"]);
-		include("vues/v_choixCaserne.php");
-		$lesPompiers	= $pdo->getLesPompiers($choix);
-		$lesInterventions=$pdo->getLesInterventions($choix);
-		$intervention=1;
-		$lesParticipants= $pdo->getLesParticipants($choix, $intervention);
-		include("vues/v_Intervention.php");
-		break;
-	}
+switch ($action) {
+	case 'voir': {
+			include("vues/v_entete.php");

-//----------------------------------------- 
-case 'majGarde':
-	{
-		$pdo->majGarde($_REQUEST["ztLaDate"], $_REQUEST["ztLaTranche"], $_REQUEST["ztExGarde"], $_REQUEST["ztPompier"]);
-		header ('location: index.php?choixTraitement=gardes&action=voir&zSemaine='.$_REQUEST["zSemaine"].'&zAnnee='.$_REQUEST["zAnnee"]);
-		break;
-	}
+					
+			include("vues/v_Intervention.php");
+			break;
+		}
+	case 'nouvelle': {
+			include("vues/v_entete.php");
+			$lesCasernes = $pdo->getLesCasernes($_SESSION["adr1"]);
+			$lesMotifs = $pdo->motifIntervention();
+
+			$tranche = $pdo->getCurrentTranche();
+			$date = date('Y-m-d');
+
+			$lesPompiers = $pdo->getPompiersDispo($date, $tranche, 2904);
+
+			include("vues/v_nouvelleIntervention.php");
+
+			break;
+		}
+	case 'listePompier':
+		require_once ("../include/class.pdo.php");
+
+		$pdo = PdoBD::getPdoBD();
+		
+		$tranche = $pdo->getCurrentTranche();
+		$date = date('Y-m-d');
+
+		$lesPompiers = $pdo->getPompiersDispo($date, $tranche, $_GET['cis']);
+
+		echo(json_encode($lesPompiers));

-//----------------------------------------- 
-default :
-	{
-		echo 'erreur d\'aiguillage !'.$action;
 		break;
-	}
+	case 'nouvelleInter':
+		require_once ("../include/class.pdo.php");
+
+		$pdo = PdoBD::getPdoBD();
+		//var_dump($_REQUEST);
+
+		$listePompier = $_POST['listePompier'];
+		$data = $_POST['dataForm'];
+
+		$pdo->newIntervention(
+			intval($data['motif']),
+			intval($data['caserne']),
+			$data['adresse'],
+			$data['commentaire'],
+			$listePompier
+		);
+		//var_dump($listePompier);
+
+		break;
+	//----------------------------------------- 
+	case 'majGarde': {
+			$pdo->majGarde($_REQUEST["ztLaDate"], $_REQUEST["ztLaTranche"], $_REQUEST["ztExGarde"], $_REQUEST["ztPompier"]);
+			header('location: index.php?choixTraitement=gardes&action=voir&zSemaine=' . $_REQUEST["zSemaine"] . '&zAnnee=' . $_REQUEST["zAnnee"]);
+			break;
+		}
+
+	//----------------------------------------- 
+	default: {
+			echo 'erreur d\'aiguillage !' . $action;
+			break;
+		}
 }
 /*
 table equipe:
@ -64,4 +92,4 @@ iTranche 	tinyint(3)
 iHeureDebut 	datetime 	
 iHeureFin 	datetime
 	*/
-?>
+?>
--- a/controleurs/c_pompiers.php
+++ b/controleurs/c_pompiers.php
@ -65,14 +65,13 @@ switch ($action) {
 		break;
 	case 'validerAjouter':
 	case 'validerModifier': {
-			var_dump($_REQUEST);

 			if (!isset($pdo)) {
 				require_once ("../include/class.pdo.php");
 				$pdo = PdoBD::getPdoBD();
 			}

-			$pId = $_REQUEST['pId'];
+			$pId = isset($_REQUEST['pId']) ? $_REQUEST['pId'] : $pdo->getLastId($_REQUEST['zCis']);
 			$nom = addslashes($_REQUEST['ztNom']);
 			$prenom = addslashes($_REQUEST['ztPrenom']);
 			$type = $_REQUEST['lstType'];
@ -80,7 +79,8 @@ switch ($action) {
 			$statut = $_REQUEST['lstStatut'];
 			$cis = $_REQUEST['zCis'];
 			$mail = $_REQUEST['ztMail'];
-			$login = strtolower($_REQUEST['ztPrenom'][0]) . strtoupper($_REQUEST['ztNom']);
+			// $login = strtolower($_REQUEST['ztPrenom'][0]) . strtoupper($_REQUEST['ztNom']);
+			$login = $_REQUEST['ztLogin'];
 			$mdp = md5($login);
 			//$mdp = md5($_REQUEST['ztMdp']);
 			// if ($_REQUEST['brMdp'] == 0 and $action === "validerModifier") {
@ -104,10 +104,19 @@ switch ($action) {
 			}
 			$commentaire = addslashes($_REQUEST['ztObservation']);

-			if ($action === "validerAjouter") {
-				$pdo->ajoutPompier($cis, $pId, $nom, $prenom, $statut, $mail, $login, $mdp, $grade, $type, $adresse, $cp, $ville, $tel, $commentaire);
+			if (
+				$action === "validerAjouter"
+				&& $pdo->verifDataAjoutPompier($nom, $prenom, $tel, $mail, $login) === true
+			) {
+				//$pdo->ajoutPompier($cis, $pId, $nom, $prenom, $statut, $mail, $login, $mdp, $grade, $type, $adresse, $cp, $ville, $tel, $commentaire);
+				echo(json_encode(array("success"=> "Ajout effectuée")));
+
 			} elseif ($action === "validerModifier") {
 				$pdo->majPompier($cis, $pId, $nom, $prenom, $statut, $mail, $login, $mdp, $grade, $type, $adresse, $cp, $ville, $tel, $commentaire);
+				echo(json_encode(array("success"=> "Modification effectuée")));
+
+			} else {
+				echo(json_encode(array("error"=> "Merci de remplir tous les champs")));
 			}
 			//header('location: index.php?choixTraitement=pompiers&action=voir&lstPompiers=' . $valeur);
 			break;
--- a/include/class.pdo.php
+++ b/include/class.pdo.php
@ -63,7 +63,7 @@ class PdoBD
 	{
 		$req = "SELECT pCis, pId, pNom, pPrenom, pStatut
 					FROM pompier
-					WHERE pCis=" . $cis . "
+					WHERE pCis = " . $cis . "
 					ORDER BY pNom;";
 		$rs = PdoBD::$monPdo->query($req);
 		if ($rs === false) {
@ -79,10 +79,10 @@ class PdoBD
 	public function getInfosPompier($login, $mdp)
 	{
 		/*
-			  $req = "SELECT pCis, pId as id, pNom as nom, pPrenom as prenom, pStatut, pMail, pLogin, pMdp, pGrade, pAdresse, pCp, pVille, pBip, pCommentaire,
-				  'la caserne' as cNom, 'adresse' as cAdresse, 'telephone' as cTel, 'le groupement' as cGroupement, 'le grade' as wGrade, 'le statut' as wStatut, 'le type' as wType
-				  FROM  pompier";
-				  */
+																								  $req = "SELECT pCis, pId as id, pNom as nom, pPrenom as prenom, pStatut, pMail, pLogin, pMdp, pGrade, pAdresse, pCp, pVille, pBip, pCommentaire,
+																									  'la caserne' as cNom, 'adresse' as cAdresse, 'telephone' as cTel, 'le groupement' as cGroupement, 'le grade' as wGrade, 'le statut' as wStatut, 'le type' as wType
+																									  FROM  pompier";
+																									  */
 		$req = "SELECT 
 					pCis, 
 					pId as id,
@ -125,7 +125,6 @@ class PdoBD
 		$existedTranche = 'SELECT aDisponibilite FROM  activite 
 					WHERE aCis = ' . $cis . ' AND aDateGarde = "' . $jour . '" AND aTranche = ' . $tranche . ' AND aPompier = ' . $idUser . ';';
 		$rs = PdoBD::$monPdo->query($existedTranche);
-		var_dump($rs);

 		if ($rs === false) {
 			afficherErreurSQL("Probleme lors de la mise à jour de l'activité dans la base de donn&eacute;es.", $existedTranche, PdoBD::$monPdo->errorInfo());
@ -146,7 +145,6 @@ class PdoBD
 					AND aDateGarde = "' . $jour . '" 
 					AND aTranche = ' . $tranche . ';';
 			}
-			var_dump($req);
 			$rs = PdoBD::$monPdo->exec($req);

 			if ($rs === false) {
@ -195,8 +193,6 @@ class PdoBD
 			pCommentaire ='$commentaire', pDateModif ='$dateUpdate' 
 			WHERE pCis='$cis' AND pId = '$pId'
 		;";
-		var_dump($req);
-		die;
 		$rs = PdoBD::$monPdo->exec($req);
 		if ($rs === false) {
 			afficherErreurSQL("Probleme lors de la mise à jour du pompier dans la base de donn&eacute;es.", $req, PdoBD::$monPdo->errorInfo());
@ -220,12 +216,19 @@ class PdoBD
 	/**
 	 * ajoute une ligne dans la table pompier
 	 */
-	public function ajoutPompier($cis, $valeur, $nom, $prenom, $statut, $mail, $login, $mdp, $grade, $type, $adresse, $cp, $ville, $tel, $commentaire)
+	public function ajoutPompier($cis, $id, $nom, $prenom, $statut, $mail, $login, $mdp, $grade, $type, $adresse, $cp, $ville, $tel, $commentaire)
 	{
 		$req = "INSERT INTO pompier 
-				(pCis,pId,pNom,pPrenom,pStatut,pMail,pLogin,pMdp,pGrade,pType, pAdresse,pCp,pVille,pBip,pCommentaire,pDateEnreg,pDateModif) 
+				(pCis,pId,pNom,pPrenom,pStatut,pMail,pLogin,pMdp,pGrade,pType, pAdresse,pCp,pVille,pBip,pCommentaire, pNbGardes, pDateEnreg, pDateModif) 
 				VALUES 
-					(
+					(" . $cis . ", " . $id . ",
+					'" . $nom . "', '" . $prenom . "',
+					" . $statut . ", '" . $mail . "',
+					'" . $login . "', '" . $mdp . "',
+					" . $grade . ", " . $type . ",
+					'" . $adresse . "', " . $cp . ",
+					'" . $ville . "', '" . $tel . "',
+					'" . $commentaire . "',0 ,CURRENT_DATE, CURRENT_DATE
 					);";
 		$rs = PdoBD::$monPdo->exec($req);
 		if ($rs === false) {
@ -355,8 +358,8 @@ class PdoBD
 			$lesDispos[$pompier][$laDate][$couleur] = $uneLigne['dCouleur'];
 		}
 		/*			echo "<PRE>";
-								print_r($lesDispos);
-								echo "</PRE>";*/
+																													print_r($lesDispos);
+																													echo "</PRE>";*/
 		return $lesDispos;
 	}

@ -540,6 +543,240 @@ class PdoBD
 		return $lesLignes;
 	}

+	public function getLastId($pCis): int
+	{
+		$req = "SELECT MAX(pId) + 1 as id FROM pompier WHERE pCis =" . $pCis . ";";
+		$rs = PdoBD::$monPdo->query($req);
+		if ($rs === false) {
+			afficherErreurSQL("Erreur de lma requete pour l'id ajouter", $req, PdoBD::$monPdo->errorInfo());
+		}
+		$id = $rs->fetch();
+		return $id["id"];
+	}
+
+	public function verifDataAjoutPompier(
+		string $nom,
+		string $prenom,
+		string $tel,
+		string $mail,
+		string $login
+	): bool {
+
+		if (empty($nom) || empty($prenom) || empty($tel) || empty($mail) || empty($login)) {
+			return false;
+		} else {
+			return true;
+		}
+	}
+
+	/**
+	 * PARTIE INTERVENTION
+	 */
+	public function motifIntervention()
+	{
+		$req = "SELECT pIndice, pLibelle
+		FROM `parametre` 
+		WHERE pType = 'cateInt'
+		ORDER BY pLibelle;";
+		$cat = PdoBD::$monPdo->query($req);
+		$cat = $cat->fetchAll();
+
+		//Valeur : nbUtilisation
+		//Plancher : Time
+		//Plafond: nbPompier estimé
+		$reqType = "SELECT pIndice, pLibelle, pValeur, pPlancher, pPlafond 
+		FROM parametre
+		WHERE pType = 'typeInt'
+		ORDER BY pLibelle;";
+		$type = PdoBD::$monPdo->query($reqType);
+		$type = $type->fetchAll();
+
+		$response = [];
+
+		foreach ($cat as $uneCat) {
+			$table = [];
+			foreach ($type as $row) {
+				if (substr($row['pIndice'], -3, 1) === $uneCat['pIndice']) {
+					array_push($table, $row);
+				}
+			}
+			$response[$uneCat['pLibelle']] = $table;
+		}
+
+		return $response;
+	}
+
+	public function getPompiersDispo(string $date, int $tranche, int $caserne)
+	{
+		$req = "SELECT pompier.pId, pompier.pNom, pompier.pPrenom, g.pLibelle AS statut, 0 AS enIntervention, p.pLibelle, p.pValeur
+		FROM `pompier`
+		INNER JOIN activite ON pompier.pId = activite.aPompier 
+			AND activite.aCis = pompier.pCis
+		INNER JOIN parametre p ON p.pType = 'dispo' AND p.pIndice = activite.aDisponibilite
+		INNER JOIN parametre g ON g.pType = 'grade' AND g.pIndice = pompier.pGrade
+		WHERE activite.aGarde = 1 
+			AND pCis = :caserne 
+			AND activite.aDateGarde = :date
+			AND activite.aTranche = :tranche 
+		AND pompier.pId NOT IN(SELECT ePompier
+			FROM equipe
+			INNER JOIN intervention on intervention.iId = equipe.eIntervention AND intervention.iCis = equipe.eCis
+			WHERE intervention.iHeureFin is null 
+				AND intervention.iDate = :date
+				AND intervention.iTranche = :tranche 
+				AND intervention.iCis = :caserne
+		)
+		
+		UNION 
+		
+		SELECT pompier.pId, pompier.pNom, pompier.pPrenom, g.pLibelle AS statut, 1 AS enIntervention, p.pLibelle, 'grey'
+		FROM equipe
+		INNER JOIN pompier on equipe.ePompier = pompier.pId 
+			AND equipe.eCis = pompier.pCis
+		INNER JOIN intervention on intervention.iId = equipe.eIntervention 
+			AND intervention.iCis = equipe.eCis
+		INNER JOIN activite on pompier.pId = activite.aPompier 
+			AND activite.aCis = pompier.pCis 
+			AND activite.aDateGarde = intervention.iDate 
+			AND activite.aTranche = intervention.iTranche
+		INNER JOIN parametre p ON p.pType = 'dispo' AND p.pIndice = activite.aDisponibilite
+		INNER JOIN parametre g ON g.pType = 'grade' AND g.pIndice = pompier.pGrade
+		WHERE intervention.iHeureFin is null 
+			AND intervention.iTranche = :tranche 
+			AND intervention.iDate = :date
+			AND equipe.eCis = :caserne;";
+
+		$result = PdoBD::$monPdo->prepare($req);
+		$result->bindParam(':date', $date); // 2023-09-23
+		$result->bindParam(':tranche', $tranche); //2
+		$result->bindParam(':caserne', $caserne); //2924
+
+		$result->execute();
+		return $result->fetchAll();
+	}
+
+	public function getCurrentTranche()
+	{
+		$req = "SELECT pIndice 
+		FROM parametre
+		WHERE pType = 'tranche' AND :heure >= pPlancher AND :heure < pPlafond;";
+
+		$result = PdoBD::$monPdo->prepare($req);
+		$hour = date("H");
+		$result->bindParam(':heure', $hour);
+		$result->execute();
+		$result = $result->fetch();
+
+		return $result['pIndice'];
+	}
+
+	public function getLastIdIntervention(int $cis)
+	{
+		$req = "SELECT iId 
+		FROM `intervention`
+		WHERE iCis = :cis;";
+
+		$result = PdoBD::$monPdo->prepare($req);
+		$result->bindParam(':cis', $cis);
+		$result->execute();
+		$result = $result->fetch();
+		$id = isset($result['iId']) ? $result['iId'] : 0;
+		return $id;
+	}
+	/**
+	 * Crée une nouvelle intervention
+	 */
+	public function newIntervention(
+		int $motif,
+		int $caserne,
+		string $adresse,
+		string $description,
+		array $pompier
+	) {
+		/**
+		 * Nouvelle intervention
+		 */
+		$req = " INSERT INTO intervention 
+			VALUES(:caserne, :id, :adresse, :description, 
+				NOW(), :tranche, NOW(), NULL, :motif, :nbPompier);";
+
+		$result = PdoBD::$monPdo->prepare($req);
+		$result->bindParam(':caserne', $caserne);
+		$result->bindParam(':adresse', $adresse);
+		$result->bindParam(':description', $description);
+		$result->bindParam(':motif', $motif);
+
+		$nbPompier = count($pompier);
+		$result->bindParam(':nbPompier', $nbPompier);
+
+		$tranche = $this->getCurrentTranche();
+		$result->bindParam(':tranche', $tranche);
+
+		$idIntervention = $this->getLastIdIntervention($caserne) + 1;
+		$result->bindParam(':id', $idIntervention);
+
+		$result->execute();
+
+		/**
+		 * Nouvelle équipe
+		 */
+		foreach ($pompier as $value) {
+			var_dump($value);
+			foreach ($value as $key => $value) {
+				$req2 = "INSERT INTO equipe 
+					VALUES (:caserne, :pompier, :intervention)";
+				$result2 = PdoBD::$monPdo->prepare($req2);
+				$result2->bindParam('caserne', $caserne);
+				$result2->bindParam('intervention', $idIntervention);
+
+				if ($value == 0) {
+					$result2->bindParam('pompier', $key);		
+					
+					$result2->execute();
+				} else {
+					$currentIntervention = "SELECT iId 
+						FROM intervention
+						LEFT OUTER JOIN equipe on intervention.iId = equipe.eIntervention AND intervention.iCis = equipe.eCis
+						WHERE iHeureFin IS NULL AND equipe.ePompier = :pompier AND equipe.eCis = :caserne;";
+					$curentId = PdoBD::$monPdo->prepare($currentIntervention);
+					$curentId->bindParam('pompier', $key);
+					$curentId->bindParam('caserne', $caserne);
+					$curentId->execute();
+					$curentId = $curentId->fetch();
+
+
+					$reqSuprInter = "DELETE FROM equipe
+						WHERE eCis = :caserne AND ePompier = :pompier AND eIntervention = :intervention";
+					$suprInter = PdoBD::$monPdo->prepare($reqSuprInter);
+					$suprInter->bindParam('caserne', $caserne);
+					$suprInter->bindParam('pompier', $key);
+					$suprInter->bindParam('intervention', $currentId['iId']);
+					$suprInter->execute();
+
+				}
+			}
+		}
+
+	}
 }

+/**
+SELECT pompier.*, 0 AS enIntervention, activite.aDisponibilite
+FROM `pompier`
+INNER JOIN activite ON pompier.pId = activite.aPompier AND activite.aCis = pompier.pCis
+WHERE pCis = 2924 AND activite.aDateGarde = '2023-09-23' AND activite.aTranche = 2 AND activite.aGarde = 1 
+AND pompier.pId NOT IN(SELECT ePompier
+FROM equipe
+INNER JOIN intervention on intervention.iId = equipe.eIntervention AND intervention.iCis = equipe.eCis
+WHERE intervention.iDate = '2023-09-23' AND intervention.iTranche = 2 AND intervention.iHeureFin is null)
+
+UNION 
+
+SELECT pompier.*, 1 AS enIntervention, activite.aDisponibilite
+FROM equipe
+INNER JOIN pompier on equipe.ePompier = pompier.pId AND equipe.eCis = pompier.pCis
+INNER JOIN activite on pompier.pId = activite.aPompier AND activite.aCis = pompier.pCis
+INNER JOIN intervention on intervention.iId = equipe.eIntervention AND intervention.iCis = equipe.eCis
+WHERE intervention.iDate = '2023-09-23' AND intervention.iTranche = 2 AND intervention.iHeureFin is null;
+ */
 ?>
--- a/include/gestionInterventions.js
+++ b/include/gestionInterventions.js
@ -0,0 +1,113 @@
+formulaire = $('.formulaire')
+date = Date.now()
+
+$(document).ready(function () {
+
+  $('#motifInter').change(function (e) {
+    let nbPompier = $(this).find(":selected").attr('data-effectif'); 
+    $('#nbPompierCons').html("Nombre de pompiers conseillé: " + nbPompier);
+  });
+
+
+  $('#caserneInter').change(function () {
+    caserne = $(this).val();
+    //cis
+    $.ajax({
+      url: "./../controleurs/c_interventions.php?action=listePompier&cis=" + caserne,
+      method: "POST", // Méthode HTTP (GET, POST, etc.)
+      dataType: "json", // Type de données attendu
+      error: function (status, error) {
+        // Gérer les erreurs de la requête AJAX
+        console.error("Erreur lors de la requête AJAX :", status, error);
+      },
+      success: function (result) {
+        $('#pompierDispo').html(' ');
+        result.forEach(element => {
+          var ligne = '<div id='
+            + element['pId']
+            + ' class="' + element['pLibelle']
+            + '" data-intervention="' + element['enIntervention']
+            + '" style = "background-color: ' + element['pValeur'] + ';" draggable = "true" ondragstart = "dragstartHandler(event)" >'
+            + element['pPrenom'] + ' ' + element['pNom']
+            + ' (' + element['statut'] + ')'
+            + '</div> ';
+
+          $('#pompierDispo').append(ligne)
+
+        });
+      }
+    });
+  });
+
+});
+
+function dragstartHandler(ev) {
+  // Add the target element's id to the data transfer object
+  ev.dataTransfer.setData("application/my-app", ev.target.id);
+  ev.dataTransfer.effectAllowed = "move";
+}
+function dragoverHandler(ev) {
+  ev.preventDefault();
+  ev.dataTransfer.dropEffect = "move";
+}
+function dropHandler(ev) {
+  ev.preventDefault();
+  // Get the id of the target and add the moved element to the target's DOM
+  const data = ev.dataTransfer.getData("application/my-app");
+  if (ev.target.id === "target" || ev.target.parentNode.id === "target") {
+    trgt = document.getElementById('target');
+  } else if (ev.target.id === "pompierDispo" || ev.target.parentNode.id === "pompierDispo") {
+    trgt = document.getElementById('pompierDispo');
+  }
+  trgt.appendChild(document.getElementById(data));
+}
+
+
+/**
+ * PREPARATION DE L'ENVOIE DU FORMULAIRE
+ */
+$(document).on('submit', '#formulaireInter', function(e){
+  e.preventDefault();
+})
+
+$(document).on('click', '#sendInter', function(e){
+  e.preventDefault();
+
+  //var data = $('#formulaireInter').serialize();
+  var data = {
+    motif: $('#formulaireInter select[name=motif]').val(),
+    adresse: $('#formulaireInter input[name=adresse]').val(),
+    caserne: $('#formulaireInter select[name=caserne]').val(),
+    commentaire: $('#formulaireInter textarea[name=commentaire]').val()
+  };
+
+  let listePompier = [];
+  $('.pompierIntervenant div').each(function(index){
+    num = $(this).attr('id');
+    dispo = $(this).attr('data-intervention');
+    
+    var obj = {};
+    obj[num] = dispo
+    listePompier.push(obj)
+  })
+  
+  var sendingData = {
+    "dataForm" : data,
+    "listePompier" : listePompier
+  };
+
+  $.ajax({
+    url: "./../controleurs/c_interventions.php?action=nouvelleInter",
+    method: "POST", // Méthode HTTP (GET, POST, etc.)
+    data: sendingData,
+    dataType: "json", // Type de données attendu
+    error: function (status, error) {
+      // Gérer les erreurs de la requête AJAX
+      console.error("Erreur lors de la requête AJAX :", status, error);
+    },
+    success: function (result) {
+      //COMPLETE      
+    }
+  });
+
+})
--- a/include/proceduresJava.js
+++ b/include/proceduresJava.js
@ -397,12 +397,13 @@ $(document).on('click', '.btn-valid-modif', function (e) {
 /**
 * Ajout d'un pompier
 */
-$(document).on('click', '.validerAjout', function (e) {
+$(document).on('submit', '.dataPompierAjout', function (e) {
 	e.preventDefault();
-
-	console.log('toto');
+	$('#inputDisabled').attr('disabled', false);

 	data = $('.dataPompierAjout').serialize()
+	$('#inputDisabled').attr('disabled', true);
+
 	$.ajax({
 		url: "/controleurs/c_pompiers.php?action=validerAjouter", 
 		method: "POST", // Méthode HTTP (GET, POST, etc.)
@ -411,6 +412,27 @@ $(document).on('click', '.validerAjout', function (e) {
 		error: function(xhr, status, error) {
 			// Gérer les erreurs de la requête AJAX
 			console.error("Erreur lors de la requête AJAX :", status, error);
-		}
+		},
+		success: function(result) {
+			$('.dataPompierAjout').trigger("reset");			;
+			$('.notif-ajout').html(result['success'])
+		} 
 	});
 });
+$(document).on('click', '.btAnnulerAjout', function (e) {
+	e.preventDefault();
+
+	window.location.href = "http://sdis29-1/index.php?choixTraitement=pompiers&action=voir&type=a";
+})
+$(document).ready(function(){
+	$('#newName, #newUsername').change(function() { 
+		newUserName = $('#newUsername').val()[0].toLowerCase();
+		if (newUserName == undefined) {
+			newUserName = '';
+		}
+		newName = $('#newName').val().toUpperCase();
+
+		$('#newLogin').val(newUserName+newName)
+	});
+});
+
--- a/index.php
+++ b/index.php
@ -17,7 +17,9 @@ $pdo = PdoBD::getPdoBD();
 $estConnecte = estConnecte();

 // on vérifie que le pompier est authentifié
-if(!isset($_REQUEST['choixTraitement']) || !$estConnecte){$_REQUEST['choixTraitement'] = 'connexion';}
+if(!isset($_REQUEST['choixTraitement']) || !$estConnecte){
+	$_REQUEST['choixTraitement'] = 'connexion';
+}

 // on analyse le cas d'utilisation en cours ...
 $choixTraitement= $_REQUEST['choixTraitement'];
@ -33,7 +35,5 @@ switch($choixTraitement)
 		break;
 	}
 }
-include("vues/v_pied.php") ;

-var_dump($_SESSION);
-?>
+include("vues/v_pied.php") ;
--- a/styles/styles.css
+++ b/styles/styles.css
@ -3,38 +3,40 @@
 #navigation {
 	position: relative;
 	float: right;
-	top : -2.75em;
+	top: -2.75em;
 	right: 2em;
 	padding: 0em;
-	color: rgb(0,85,227);
-}
-#sommaire {
-	float: right;
-	margin-top : 20px;
-	margin-right: -20px;
-	padding: 0em;
-	color: rgb(0,85,227);
-}
-#sommaire ul {
-	padding:0;
-	margin:0;
-	list-style-type:none;
-}
-#sommaire li
-{
-	vertical-align: middle;
-	margin-left:2px;
-	float:left; /*pour IE*/
+	color: rgb(0, 85, 227);
 }

-#sommaire ul li a
-{
-	vertical-align: middle;	
-	display:block;
-	float:left;   
-	width:80px; 
-	text-decoration:none;
-	text-align:center;
+#sommaire {
+	float: right;
+	margin-top: 20px;
+	margin-right: -20px;
+	padding: 0em;
+	color: rgb(0, 85, 227);
+}
+
+#sommaire ul {
+	padding: 0;
+	margin: 0;
+	list-style-type: none;
+}
+
+#sommaire li {
+	vertical-align: middle;
+	margin-left: 2px;
+	float: left;
+	/*pour IE*/
+}
+
+#sommaire ul li a {
+	vertical-align: middle;
+	display: block;
+	float: left;
+	width: 80px;
+	text-decoration: none;
+	text-align: center;
 	/*background-color:#6495ED;
 	color:black;
 	//padding:5px;
@ -42,371 +44,413 @@
 	border-style:solid;
 	border-color:#DCDCDC #696969 #696969 #DCDCDC;  /*pour avoir un effet "outset" avec IE */
 }
-#sommaire ul li a:hover
-{
-	color: purple; /*rgb(0,85,227);*/
+
+#sommaire ul li a:hover {
+	color: #881600;
+	/*rgb(0,85,227);*/
 	font-size: 16px;
 	/*background-color:#D3D3D3;
 	border-color: #696969 #DCDCDC #DCDCDC #696969;  */
-} 
+}
+
 #sommaire ul li ul {
- display:none;
+	display: none;
 }
+
 #sommaire ul li:hover ul {
- display:block;
+	display: block;
 }
+
 #sommaire li:hover ul li {
- float:none;
-} 
-#sommaire li ul {
- position:absolute;
- }
- 
-#stats {
-  position: absolute;
-  top: 1em;
-  left: 0.5em;
-  background-color: #ffff00;
-  font-size:0.75em;
+	float: none;
 }
-body{
-  	background-color: #77AADD;
+
+#sommaire li ul {
+	position: absolute;
+}
+
+#stats {
+	position: absolute;
+	top: 1em;
+	left: 0.5em;
+	background-color: #ffff00;
+	font-size: 0.75em;
+}
+
+body {
+	background-color: white;
 	/* //background-image: url(imgs/FONDGLOBAL.jpg); */
 	background-repeat: repeat-x;
-  	margin:0% 0%;
-  	padding : 0.6em;
-  	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
-  	font-size:0.8em;
+	margin: 0% 0%;
+	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-size: 0.8em;
 }
+
 #page {
-  	background-color:white;
-  	width : 65%;
-  	margin : auto ;
-  	border : 0.2em solid black;
-  	padding : 0.1em;
+	background-color: white;
+	width: 95%;
+	margin: auto;
+	border: 1px solid black;
 }
-#entete{
-  	background-color:rgb(72,198,236);
-	color : #980101;
-	border: solid 0.1em #980101;
+
+#entete {
+	background-color: #8B93A7;
+	color: #881600;
+	border: solid 2px #881600;
+	border-left: 0;
+	border-right: 0;
 	height: 100px;
-	padding: 0em;
-	border-collapse: separate;
+	padding: 0 100px;
 }
-#pied{
-  	clear : both;
-	border : solid 0.2em #980101;
-	margin-left : 18%;
-	margin-top : 1em;
-	padding:0.4em;
+
+#pied {
+	clear: both;
+	border: solid 0.2em #881600;
+	margin-left: 18%;
+	margin-top: 1em;
+	padding: 0.4em;
 	padding: 0.2em;
 	border-collapse: separate;
 }
-#menu{
+
+#menu {
 	position: relative;
-	float:right;
+	float: right;
 	right: 0px;
-	margin-top : -240px;
+	margin-top: -240px;
 	margin-left: -10px;
 	padding: 0em;
-	background-color:transparent;
-	color: rgb(0,85,227);
+	background-color: transparent;
+	color: rgb(0, 85, 227);
 	width: 80px;
 }

-#contenu{
+#contenu {
 	border: none;
 	padding: 1.1em;
 	background-color: white;
-	border-left :  groove 0.8em #980101;
-  	margin-top : 1.1em;
-	margin-left: 82px; /*162px;   /*18%; */
-/* permet de fixer une hauteur mini sur les navigateurs modernes */
-  	min-height:27em;
-/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il "poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes */
-  	height:27em;
+	border-left: groove 0.8em #881600;
+	margin-top: 1.1em;
+	margin-left: 82px;
+	/*162px;   /*18%; */
+	/* permet de fixer une hauteur mini sur les navigateurs modernes */
+	min-height: 27em;
+	/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il "poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes */
+	height: 27em;
 }

+a,
+a:visited,
+a:hover {
+	color: #881600;
+}
+
+
 /* pour rétablir le mauvais effet sur les nav. modernes */
-html>body #contenu{
-  height:auto;
+html>body #contenu {
+	height: auto;
 }

 /* style à appliquer à la balise ul d'identifiant menulist */
-ul#menuList{
-    list-style:none;
-    margin:0px;
-    padding:0px;
-    width:98%;
-    font-size: 1em;
+ul#menuList {
+	list-style: none;
+	margin: 0px;
+	padding: 0px;
+	width: 98%;
+	font-size: 1em;
 }

 /* style à appliquer aux éléments de la balise ul d'identifiant menulist */
 ul#menuList li {
-    position:relative;
-    margin:0px;
-    padding:0px;
+	position: relative;
+	margin: 0px;
+	padding: 0px;
 }

 /* apparences des liens dans listes et sous-listes non numérotées */
 ul#menuList a {
-    color:rgb(0,85,227);
-    display:block;
-    text-decoration:none;
-    width:100%;
+	color: rgb(0, 85, 227);
+	display: block;
+	text-decoration: none;
+	width: 100%;
 }
+
 ul#menuList a:hover {
-    background: rgb(0,85,227);
-    color: white;
+	background: rgb(0, 85, 227);
+	color: white;
 }

 #entete #logo {
-  float : left;
-  width : 74px;
-  height : 100px;
+	float: left;
+	width: 74px;
+	height: 100px;
 }

 #entete h1 {
-  margin-top :	50px;
-  margin-right:	20px;
-  font-size :	x-large;
-  text-align:	right;
+	margin-top: 50px;
+	margin-right: 20px;
+	font-size: x-large;
+	text-align: right;
 }

 #contenu pre {
-  width:95%;
-  overflow : scroll;
+	width: 95%;
+	overflow: scroll;
 }
+
 #contenu h2 {
-  font-size : large;
-  text-align:left;
-  margin:0;
-  margin-bottom:0.5em;
+	font-size: large;
+	text-align: left;
+	margin: 0;
+	margin-bottom: 0.5em;
 }

 .logoValidW3c {
-  display: inline;
+	display: inline;
 }
-#libValidW3c{
-  display : inline;
-  vertical-align:middle;
+
+#libValidW3c {
+	display: inline;
+	vertical-align: middle;
 }

 /* Style des formulaires */
 .corpsForm {
-  border : solid 0.1em #000;
-  border-bottom-width:1px;
-  margin-bottom : 0em;
-  width : 95%;
-}
-.piedForm {
-  border-bottom-width : 0.1em;
-  border-left-width : 0.1em;
-  border-right-width : 0.1em;
-  border-top-width : 0em;
-  border-style : solid;
-  border-color : #000;
-  text-align:right ;
-  width : 95%;
-  margin-top:0em;
-}
-form {
-  margin-bottom:1em;  
-}
-.corpsForm legend {
-  font-weight:bold;
-  font-size:1.2em;
-}
-.corpsForm label{
-	float: left;
-	text-align:right;
-	width:33%;
-	margin: 0;
-	padding: 0 .5em 0 0;
-	line-height: 1.8;	
-}
-input, button, textarea, select{
-  font-family:"Trebuchet MS", sans-serif;
-  font-size : 1em;
+	border: solid 0.1em #000;
+	border-bottom-width: 1px;
+	margin-bottom: 0em;
+	width: 95%;
 }

-input:focus{
+.piedForm {
+	border-bottom-width: 0.1em;
+	border-left-width: 0.1em;
+	border-right-width: 0.1em;
+	border-top-width: 0em;
+	border-style: solid;
+	border-color: #000;
+	text-align: right;
+	width: 95%;
+	margin-top: 0em;
+}
+
+form {
+	margin-bottom: 1em;
+}
+
+.corpsForm legend {
+	font-weight: bold;
+	font-size: 1.2em;
+}
+
+.corpsForm label {
+	float: left;
+	text-align: right;
+	width: 33%;
+	margin: 0;
+	padding: 0 .5em 0 0;
+	line-height: 1.8;
+}
+
+input,
+button,
+textarea,
+select {
+	font-family: "Trebuchet MS", sans-serif;
+	font-size: 1em;
+}
+
+input:focus {
 	background-color: #ECB2E4;
 }
-button{
-  width : 60px;
-  height : 30px;
-  text-align:center;
-  vertical-align:middle;
+
+button {
+	width: 60px;
+	height: 30px;
+	text-align: center;
+	vertical-align: middle;
 }
-input:hover, textarea:hover, select:hover{
-  background-color : #FAFAE6;
-  cursor : pointer;
+
+input:hover,
+textarea:hover,
+select:hover {
+	background-color: #FAFAE6;
+	cursor: pointer;
 }
+
 .controle {
-  width:75px;
+	width: 75px;
 }
+
 .controleLong {
-  width:195px;
+	width: 195px;
 }
+
 .stNb {
-  width:40px;
-  text-align:center;
+	width: 40px;
+	text-align: center;
 }

 .stNb a:link {
 	color: red;
-  	
+
 }

 .stTitre {
-  width:40px;
-  text-align:center;
-  font-weight: bold;
+	width: 40px;
+	text-align: center;
+	font-weight: bold;
 }

 .stTitre2 {
-  width:80px;
-  text-align:center;
-  font-weight: bold;
+	width: 80px;
+	text-align: center;
+	font-weight: bold;
 }

 /*  Le texte des messages d'erreur est de couleur rose sur fond ocre et de 
 taille de caractères légèrement supérieure à la normale */
-.erreur{ 
-   background-color:rgb(237,210,229);
-   color:rgb(203,28,128);
-   font-size:1.1em;
-   margin-left:200px;
-   width:75%;
+.erreur {
+	background-color: rgb(237, 210, 229);
+	color: rgb(203, 28, 128);
+	font-size: 1.1em;
+	margin-left: 200px;
+	width: 75%;
 }
+
 .centre {
-  text-align:center;
+	text-align: center;
 }

 .info {
-   background-color:rgb(178,207,81);
-   color : white;
-   font-size:1.1em;
-   width : 95%  
+	background-color: rgb(178, 207, 81);
+	color: white;
+	font-size: 1.1em;
+	width: 95%
 }

 .encadre {
-  border : solid 0.1em #000;
-  width : 100%;
+	border: solid 0.1em #000;
+	width: 100%;
 }
+
 /* Style pour les liens de la page principale */
 #contenu .corpsTexte {
-  width:80%;
-  font-size:1.2em;
+	width: 80%;
+	font-size: 1.2em;
 }

 /* Style pour les liens de la page principale */
 #contenu a {
-   font-size : 1.1em;
-   color:gray;
-   text-decoration:none;
+	font-size: 1.1em;
+	color: gray;
+	text-decoration: none;
 }
+
 #contenu a:hover {
-   text-decoration:underline;
-   background-color : #D9BB7A;
-   font-size : 1em;
+	text-decoration: underline;
+	background-color: #D9BB7A;
+	font-size: 1em;
 }

 /* Style pour les parties importantes de la page principale */
 #contenu strong {
-  font-weight:bold;
+	font-weight: bold;
 }

 /* Styles pour les tableaux de la page principale */
 #contenu table {
-   background-color:#FFF;
-   border : 0.1em solid #777777;
-   color:black;
-   margin-right : auto ;
-   margin-left:0.2em;
-   border-collapse : collapse;
+	background-color: #FFF;
+	border: 0.1em solid #777777;
+	color: black;
+	margin-right: auto;
+	margin-left: 0.2em;
+	border-collapse: collapse;
 }

 /* Style pour les lignes d'en-tête des tableaux */
-#contenu th {  
-   background-color:#E9F1FE; 
-   /* //bleu clair ou bleu plus soutenu : #77AADD; */
-   width:		130px;
-   height:		21px;
-   /* //text-align:	left; */
-   vertical-align:top;
-   /*font-weight:bold;*/
-   border-bottom:0.1em solid #777777;
-   /* //font-size:1.1em; */
-} 
+#contenu th {
+	background-color: #E9F1FE;
+	/* //bleu clair ou bleu plus soutenu : #77AADD; */
+	width: 130px;
+	height: 21px;
+	/* //text-align:	left; */
+	vertical-align: top;
+	/*font-weight:bold;*/
+	border-bottom: 0.1em solid #777777;
+	/* //font-size:1.1em; */
+}

 #contenu td {
-   border :1px solid #777777;
-   /* //font-size:1.1em; */
-   }
+	border: 1px solid #777777;
+	/* //font-size:1.1em; */
+}

 #contenu h3 {
-    font-size : 1.2em;
+	font-size: 1.2em;
 }

-table{
-  width:100%;
-  border-collapse:collapse;
+table {
+	width: 100%;
+	border-collapse: collapse;
 }
-fieldset{
-  border-radius : 12px;
-  border:2px solid ;
-  border-color: purple;
+
+fieldset {
+	border-radius: 12px;
+	border: 2px solid;
+	border-color: purple;
 }
-legend{
-  font-size: 20px;
+
+legend {
+	font-size: 20px;
 }

 table.listeLegere {
-    margin-bottom : 0.3em;
+	margin-bottom: 0.3em;
 }

 table.stats {
-  width:	80px; 
-  /* //150px; */
-  border-collapse:collapse;
+	width: 80px;
+	/* //150px; */
+	border-collapse: collapse;
 }

 table.stats th {
-  border : 		dotted rgb(178,207,81) 0.1em;
-  background-color:#E9F1FE; 
-  /* //bleu clair */
-  padding:		0em;
-  text-align:	center;
-  vertical-align : top;
-  witdh:		33%;
+	border: dotted rgb(178, 207, 81) 0.1em;
+	background-color: #E9F1FE;
+	/* //bleu clair */
+	padding: 0em;
+	text-align: center;
+	vertical-align: top;
+	witdh: 33%;
 }

 table.stats td {
-  border : 		dotted rgb(178,207,81) 0.1em;
-  padding:		0em;
-  text-align:	center;
-  vertical-align : top;
-  witdh:		33%;
+	border: dotted rgb(178, 207, 81) 0.1em;
+	padding: 0em;
+	text-align: center;
+	vertical-align: top;
+	witdh: 33%;
 }

-/* Tableaux quadrillés utilisés pour l'affichage de listes avec contenu léger*/ 
-table.listeLegere th, table.listeLegere td {
-  border : dotted rgb(178,207,81) 0.1em;
-  padding:0.2em;
-  vertical-align : top;
+/* Tableaux quadrillés utilisés pour l'affichage de listes avec contenu léger*/
+table.listeLegere th,
+table.listeLegere td {
+	border: dotted rgb(178, 207, 81) 0.1em;
+	padding: 0.2em;
+	vertical-align: top;
 }

 table.listeLegere caption {
-  font-size : 1.1em;
-  text-align : left;
-  margin-bottom : 0.2em;
+	font-size: 1.1em;
+	text-align: left;
+	margin-bottom: 0.2em;
 }
+
 table.listeLegere td {
-  width:	100px;
-  vertical-align:top;
-  font-weight:normal;
+	width: 100px;
+	vertical-align: top;
+	font-weight: normal;
 }

 #contenu h2 {
@ -415,94 +459,97 @@ table.listeLegere td {
 	font-weight: bold;
 	color: #1D2941;
 	text-decoration: none;
-	border : 1px solid #6988BE;
+	border: 1px solid #6988BE;
 	padding-left: 25px;
 	background-color: #E9F1FE;
-	height : 28px;
+	height: 28px;
 }

 #contenu img {
-  height :	21px;
-  border-style:	none;
-  float :	left;
+	height: 21px;
+	border-style: none;
+	float: left;
 }

 #contenu li img:hover {
-  height :	26px;
+	height: 26px;
 }

-.lesOnglets 
-{
+.lesOnglets {
 	margin: 0;
-	padding:0 0 0 5px;
+	padding: 0 0 0 5px;
 }

-.unOnglet
-{
-	background-color:white;
-	margin-top:-1px;
-	padding:5px;
-	display:none;
-	border:1px solid #AAA;
-	border-radius:4px;
-	-webkit-border-radius:4px;
-	-moz-border-radius:4px;
-	color:#555;
+.unOnglet {
+	background-color: white;
+	margin-top: -1px;
+	padding: 5px;
+	display: none;
+	border: 1px solid #AAA;
+	border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	color: #555;
 	cursor: text;
 }
-.onglet
-{
-	display:inline-block;
-	margin:5px 2px 0 2px;
-	padding:5px 10px ;
-	border:1px solid #AAA;
-	border-bottom:none;
-	border-radius:5px 5px 0 0;
-	-webkit-border-radius:4px 4px 0 0;
-	-moz-border-radius:4px 4px 0 0;
-	color:#555;
+
+.onglet {
+	display: inline-block;
+	margin: 5px 2px 0 2px;
+	padding: 5px 10px;
+	border: 1px solid #AAA;
+	border-bottom: none;
+	border-radius: 5px 5px 0 0;
+	-webkit-border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	color: #555;
 	cursor: pointer;
-	font-weight:bold;
+	font-weight: bold;
 }
-.inactif
-{
-	background:#EEE;
+
+.inactif {
+	background: #EEE;
 }
-.inactif:hover
-{
-	background:#AAA;
+
+.inactif:hover {
+	background: #AAA;
 }
-.actif
-{
-	background:white;
-	border-bottom:2px solid white;
-	padding-bottom:4px;
-	cursor:text;
+
+.actif {
+	background: white;
+	border-bottom: 2px solid white;
+	padding-bottom: 4px;
+	cursor: text;
 }
+
 .fdroite {
 	display: inline-block;
 	border-bottom: 7px solid #FFFFFF;
 	border-top: 7px solid #FFFFFF;
 	border-left: 10px solid #9743CC;
 }
+
 .fbas {
 	display: inline-block;
 	border-left: 7px solid #FFFFFF;
 	border-right: 7px solid #FFFFFF;
 	border-top: 10px solid #AABBCC;
 }
+
 .fgauche {
 	display: inline-block;
 	border-bottom: 7px solid #FFFFFF;
 	border-right: 10px solid #9743CC;
 	border-top: 7px solid #FFFFFF;
 }
+
 .fhaut {
 	display: inline-block;
 	border-bottom: 10px solid #AABBCC;
 	border-left: 7px solid #FFFFFF;
 	border-right: 7px solid #FFFFFF;
 }
+
 .boite {
 	border: 1px solid #ddd;
 	-webkit-border-radius: 5px;
@ -523,7 +570,7 @@ table.listeLegere td {

 #tableau th.semaine {
 	color: #666666;
-	text-align : center;
+	text-align: center;
 	vertical-align: middle;
 	background-color: #fafae0;
 }
@ -548,6 +595,7 @@ table.listeLegere td {
 	background-color: #ffe9e5;
 	color: #000080;
 }
+
 .tableau {
 	background-color: #ebeff2;
 	border-color: #3DA9C9;
@ -572,6 +620,7 @@ table.listeLegere td {
 	border-width: 1px;
 	border-color: gray;
 }
+
 .tableau th div {
 	width: 25px;
 }
@ -613,7 +662,8 @@ table.listeLegere td {
 	background-color: #ffe9e5;
 	color: #000080;
 }
-#pompiers{
+
+#pompiers {
 	background-color: #ebeff2;
 	border-color: #3DA9C9;
 	border-width: 1px;
@ -632,7 +682,92 @@ table.listeLegere td {
 	padding: 0px 0px 0px 0px;
 	vertical-align: middle;
 }
-.select-dispo{
+
+.select-dispo {
 	cursor: pointer;
 }

+/* 
+PARTIE DES INTERVENTIONS
+*/
+.nouvelleInter {
+	margin: 0 20px;
+	overflow: auto;
+	width: 100%;
+
+}
+
+.formulaire {
+	width: 50%;
+	border-right: solid 1px black;
+	float: left;
+}
+
+.nouvelleInter .formulaire {
+	/* float: right; */
+}
+
+.selectionPompier {
+	margin: 0 30px;
+	overflow: auto;
+	display: flex;
+	justify-content: space-between;
+}
+
+.pompierDispo {
+	background-color: #8B93A7;
+	width: 40%;
+	height: 80%;
+	margin: 0 20px;
+	padding: 5px;
+	text-align: center;
+	display: inline-block;
+}
+
+.pompierDispo div,
+.pompierIntervenant div {
+	text-decoration: none;
+	background-color: #FFFFFF;
+	padding: 3px;
+	margin: 5px;
+	cursor: pointer;
+}
+
+.pompierIntervenant {
+	background-color: red;
+	width: 40%;
+	height: 200px;
+	margin: 0 20px;
+	padding: 5px;
+	display: block;
+	text-align: center;
+}
+
+#sendInter {
+	width: auto;
+	text-align: center;
+	margin: 10px;
+}
+
+.infobulle {
+	position: relative;
+	/* les .infobulle deviennent référents */
+	cursor: help;
+}
+
+/* on génère un élément :after lors du survol et du focus :*/
+
+.infobulle:hover::after,
+.infobulle:focus::after {
+	content: attr(aria-label);
+	/* on affiche aria-label */
+	position: absolute;
+	top: -2.4em;
+	left: 50%;
+	transform: translateX(-50%);
+	/* on centre horizontalement  */
+	z-index: 1;
+	/* pour s'afficher au dessus des éléments en position relative */
+	white-space: nowrap;
+	/* on interdit le retour à la ligne */
+}
--- a/vues/v_entete.php
+++ b/vues/v_entete.php
@ -4,6 +4,7 @@
  <head>
    <title>SDIS29</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
    <link href="./styles/styles.css" rel="stylesheet" type="text/css" />
 	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico" />
--- a/vues/v_ficheGardes.php
+++ b/vues/v_ficheGardes.php
@ -1,6 +1,6 @@
 <!-- affichage de la feuille de gardes / Derniere modification le 18/09/2023 à 16h50 par Pascal Blain -->
 <div style='display: block;' class='unOnglet' id='contenuOnglet1'>
-	<fieldset>
+	<fieldset style='width:80%; margin: 0 auto;'>
 		<legend>Feuille de gardes</legend>
 		<form name="frmDispos" action="index.php?choixTraitement=gardes&action=voir" method="post">
 			<input type="hidden" name="zSemaine" value='<?php echo $semaine; ?>'>
--- a/vues/v_intervention.php
+++ b/vues/v_intervention.php
@ -1,98 +1,25 @@
-
 <!-- affichage d'une intervention / Derniere modification le 23 mai 2019 par Pascal Blain -->
-<?php
-$nbi=count($lesInterventions);
+<div class="lesInterventions" style="height: 200px;">
+	<table>
+		<th>
+			<td>Date</td>
+			<td>Caserne</td>
+			<td>Motif</td>
+			<td>Lieu</td>
+			<td>Heure de début</td>
+			<td>Heure de fin</td>
+		</th>

-$titre="Ajout";
-echo ('
- 	<div id="fiche">
-		<ul class="lesOnglets">	
-			<li class="actif onglet" 	id="onglet1" onclick="javascript:Affiche(\'1\',3);">'.$titre.'</li>
-			<li class="inactif onglet" 	id="onglet2" onclick="javascript:Affiche(\'2\',3);">onglet 2</li>
-			<li class="inactif onglet" 	id="onglet3" onclick="javascript:Affiche(\'3\',3);">onglet 3</li>
-		</ul>');
-			
-/*================================================================================================== nouvelle intervention (1) */
-echo("		
-		<div style='display: block;' class='unOnglet' id='contenuOnglet1'>
-			<fieldset><legend>Nouvelle intervention</legend>
-			<table>
-				<tr><th style='width:180px;'>Description</th><th>Date</th><th>Lieu</th><th>Horaires</th></th></tr>
-				<tr><td>".$infosIntervention['iDescription']."</td><td>".$infosIntervention['iDdate']."</td><td>".$infosIntervention['iLieu']."</td><td>de ".$infosIntervention['iHeureDebut']." &agrave; ".$infosIntervention['iHeureFin']."</td></tr>
-				<tr><td colspan='4'>".$infosIntervention['programme1']."</td></tr>
-			</table>
-			</fieldset>
-			<table style='border: 0px solid white;'>
-			<tr>
-				<td style='border :0px;'>
-				<fieldset><legend><a href='index.php?uc=intervention&amp;action=ajouterIntervenants&amp;atelier=20132115&amp;reunion=1' title='ajouter les participants'><img alt='ajouter des intervenants' src='images/group.png'>Intervenants</a></legend>
-					<table>");
-					$numPa = 0;
+		<?php
+		foreach ($variable as $key => $value) {
+			# code...
+		}
+		?>
+	</table>

-					foreach ($lesParticipants as $unParticipant) {
-						if ( $unParticipant['rOrdre'] == 1 AND $numPa < 7) {
-							$numPa = $numPa+1;
-							$participant=$unParticipant['uNom'] . " " . $unParticipant['uPrenom'];
-							echo("<tr> <th style='width:180px;'>" . $participant . "</th>	<td>x</td> </tr>");
-						}
-					}
-echo("				</table>
-				</fieldset></td>
-				<td style='border :0px;'>
-				<fieldset><legend>(suite)</legend>
-					<table>");
-					$numP = 0;
-					foreach ($lesParticipants as $unParticipant) {
-						if ($unParticipant['rOrdre'] == 1 ) {
-							$numP = $numP+1;
-							if ($numP > 7) {
-								$participant = $unParticipant['uNom'] . " " . $unParticipant['uPrenom'];
-								echo("<tr> <th style='width:180px;'>".$participant."</th>	<td>x</td> </tr>");
-							}
-						}
-					}
-					while ($numP<14) {
-						echo("<tr> <th>...</th>
-						
-						<td>&nbsp;</td> </tr>");
-						$numP = $numP+1;
-					}
-echo("				</table>
-				</fieldset>
-				</td>	
-			</tr>
-			</table>
-			<fieldset><legend>Observations</legend>
-				<table style='border: 0px solid white;'>
-					<tr> 
-						 <td>".$infosIntervention['commentaire1']."</td>
-					</tr>
-				</table>
-			</fieldset>			
-		</div>");
-/*================================================================================================== Onglet (2) */

-echo ("
-		<div style='display: none;' class='unOnglet' id='contenuOnglet2'>
-			<fieldset><legend>XXXX</legend>
-			<table>
-				<tr><th style='width:130px;'>.....</th></tr>
-				<tr><td>xxxx</td></tr>
-			</table>
-			</fieldset>
-		</div>");

-/*================================================================================================== Onglet 3 */
-echo ("
-		<div style='display: none;' class='unOnglet' id='contenuOnglet3'>
-			<fieldset><legend>XXXX</legend>
-			<table>
-				<tr><th style='width:130px;'>.....</th></tr>
-				<tr><td>xxxx</td></tr>
-			</table>
-			</fieldset>
-		</div>
+	<p>Lorem Elsass ipsum réchime amet non <span class="infobulle" aria-label="texte de l'infobulle">Choucroute</span>
+		Picon bière Coopé knack tchao bissame hopla</p>

-	</div>
-</div>");				
-?>
+</div>
--- a/vues/v_nouvelleIntervention.php
+++ b/vues/v_nouvelleIntervention.php
@ -0,0 +1,74 @@
+<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
+    crossorigin="anonymous"></script>
+
+<div class="nouvelleInter">
+    <h1>Nouvelle intervention</h1>
+    <div class="formulaire" >
+        <form action="" id="formulaireInter">
+
+            <label for="motif">Motif de l'intervention : </label>
+            <select name="motif" id="motifInter">
+                <?php
+                foreach ($lesMotifs as $key => $type) {
+                    echo '<optgroup label="' . $key . '">';
+                    foreach ($type as $motif) {
+                        echo ' <option value="' . $motif['pIndice']
+                            . '" data-time="' . $motif['pPlancher'] 
+                            . '" data-effectif="' . $motif['pPlafond'] .'" >'
+                            . $motif['pLibelle'] . '</option>';
+                    }
+                }
+                ?>
+            </select>
+            <br>
+            <br>
+
+            <label for="adresse">Adresse de l'intervention : </label>
+            <input type="text" id="adresse" name="adresse">
+            <br>
+            <br>
+
+            <label for="caserne">Caserne la plus proche : </label>
+            <select name="caserne" id="caserneInter">
+                <?php
+                foreach ($lesCasernes as $uneCaserne) {
+                    echo '<option value="' . $uneCaserne['cId'] . '">' . $uneCaserne['cNom'] . ' - ' . $uneCaserne['cAdresse'] . '</option>\n';
+                }
+                ?>
+            </select>
+            <br>
+            <br>
+
+            <label for="commentaire">Commentaire sur l'intervention : </label>
+            <textarea name="commentaire" id="" cols="auto" rows="5"></textarea>
+
+        </form>
+    </div>
+    <div class="selectionPompier">
+        <div id="pompierDispo" class="pompierDispo" ondrop="dropHandler(event)" ondragover="dragoverHandler(event)">
+            <!-- Liste des pompiers appelable -->
+            <?php
+            $pCis = isset($_GET['caserne']) ? $_GET['caserne'] : 2904;
+            foreach ($lesPompiers as $key => $pompier):
+                ?>
+                <div id="<?= $pompier['pId'] ?>" class="<?= $pompier['pLibelle'] ?>"
+                    style="background-color: <?= $pompier['pValeur'] ?>" draggable="true"
+                    data-intervention="<?= $pompier['enIntervention'] ?>" ondragstart="dragstartHandler(event)">
+                    <?= $pompier['pPrenom'] ?>
+                    <?= $pompier['pNom'] ?>
+                    (
+                    <?= $pompier['statut'] ?>)
+                </div>
+            <?php endforeach ?>
+
+        </div>
+        <div id="target" ondrop="dropHandler(event)" ondragover="dragoverHandler(event)"
+            ondragstart="dragstartHandler(event)" class="pompierIntervenant">
+            <p id="nbPompierCons">Nombre de pompiers conseillé: 4</p>
+
+        </div>
+    </div>
+</div>
+<center><button type="submit" id="sendInter">Envoyer l'intervention</button></center>
+
+<script src="include/gestionInterventions.js" type="text/javascript"></script>
--- a/vues/v_pied.php
+++ b/vues/v_pied.php
@ -1,9 +1,16 @@
 <!-- Derniere modification le 18/09/2023 par Pascal Blain -->
 <!-- Division pour le pied de page -->
+<a href="index.php?choixTraitement=interventions&action=nouvelle">
+  <button type="button" style="margin: 0 auto; display: block; width: auto; background-color: green;"> Nouvelle
+    intervention</button>
+</a>
 <div>
-   <hr /><p style="text-align:center;">
-   <img src="images/castel.png" style="vertical-align: middle;">
-   <?php echo "Lyc&eacute;e Le Castel &agrave; Dijon - BTS SIO - <img src='images/copyleft.png' style='text-align: center; vertical-align: middle;'> 2023 Pierre Renaudot";?></p> 
+  <hr />
+  <p style="text-align:center;">
+    <img src="images/castel.png" style="vertical-align: middle;">
+    <?php echo "Lyc&eacute;e Le Castel &agrave; Dijon - BTS SIO - <img src='images/copyleft.png' style='text-align: center; vertical-align: middle;'> 2023 Pierre Renaudot"; ?>
+  </p>
 </div>
-  </body>
+</body>
+
 </html>
--- a/vues/v_unPompier.php
+++ b/vues/v_unPompier.php
@ -15,7 +15,6 @@
 			. '" method="post">');
 	}
 	if ($_REQUEST['action'] == "modifier") {
-		var_dump($lesInfosPompier);
 		echo ('
 			<h2>MODIFICATION DU POMPIER '
 			. $lesInfosPompier['nom'] . ' '
@ -64,18 +63,18 @@
 		");
 		}
 		if ($_REQUEST['action'] == "ajouter") {
+			//				<input name='pId'  class='infoPompier' value='" . $lesInfosPompier['id'] . "'  >

 			echo ("
-				<tr><th style='width:130px;'>Nom</th>		<td style='width:130px;'><input name='ztNom' type='text' class='infoPompier'    ></td> </tr>
-				<tr><th>Pr&eacute;nom</th>					<td> <input name='ztPrenom' type='text' class='infoPompier infoPompier-chef'  ></td> </tr>
-				<tr><th>Adresse</th>						<td> <input name='ztAdresse' type='text' class='infoPompier infoPompier-chef'  ></td> </tr>
-				<tr><th>Code postal</th>					<td> <input name='ztCodePostal' type='text' class='infoPompier infoPompier-chef'  ></td> </tr>
+				<tr><th style='width:130px;'>Nom*</th>		<td style='width:130px;'><input name='ztNom' id='newName' type='text' class='infoPompier' required></td> </tr>
+				<tr><th>Pr&eacute;nom*</th>					<td> <input name='ztPrenom' id='newUsername' type='text' class='infoPompier infoPompier-chef' required></td> </tr>
+				<tr><th>Adresse</th>						<td> <input name='ztAdresse' type='text' class='infoPompier infoPompier-chef' ></td> </tr>
+				<tr><th>Code postal</th>					<td> <input name='ztCodePostal' type='text' class='infoPompier infoPompier-chef' ></td> </tr>
 				<tr><th>Ville</th>							<td> <input name='ztVille' type='text' class='infoPompier infoPompier-chef'   ></td> </tr>
-				<tr><th>T&eacute;l&eacute;phone</th>		<td> <input name='ztTel' type='text' class='infoPompier-chef'  ></td> </tr>
-				<tr><th>Adresse &eacute;lectronique</th>	<td> <input name='ztMail' type='text' class='infoPompier infoPompier-chef'  ></td> </tr>
-				<tr><th>Nom de compte</th>					<td><input name='ztMail' type='text' class='infoPompier infoPompier-chef'  ></td></tr>
-				<input name='pId' type='hidden' class='infoPompier' value='" . $lesInfosPompier['id'] . "'  >
-				<tr><th style='width:130px;'>Code</th>		<td><input name='zCis' type='text' class='infoPompier-chef' value='" . $lesInfosPompier['pCis'] . "'  ></td> </tr>
+				<tr><th>T&eacute;l&eacute;phone*</th>		<td> <input name='ztTel' type='text' class='infoPompier-chef' required></td> </tr>
+				<tr><th>Adresse &eacute;lectronique*</th>	<td> <input name='ztMail' type='text' class='infoPompier infoPompier-chef' required></td> </tr>
+				<tr><th>Nom de compte*</th>					<td><input name='ztLogin' id='newLogin' type='text' class='infoPompier infoPompier-chef' required></td></tr>
+				<tr><th style='width:130px;'>Code</th>		<td><input name='zCis' id='inputDisabled' type='text' class='infoPompier-chef' value='" . $lesInfosPompier['pCis'] . "' disabled></td> </tr>
 				<tr><th>Nom</th>							<td>" . $lesInfosPompier['cNom'] . "</td> </tr>
 				<tr><th>Adresse</th>						<td>" . $lesInfosPompier['cAdresse'] . "</td> </tr>
 				<tr><th>T&eacute;l&eacute;phone</th>		<td>" . $lesInfosPompier['cTel'] . "</td> </tr>
@ -121,8 +120,9 @@
 			   </table>
 			   </fieldset>
 			   	<div style='text-align:center; '>
-					<input type= 'image' class='validerAjout' alt='Valider' src= 'images/Valider.jpg'>
+					<p class='notif-ajout' style:'margin: 10px'></p>
 					<input type= 'image' class='btAnnulerAjout' alt='Annuler' src= 'images/Annuler.jpg'>
+					<input type= 'image' class='validerAjout' alt='Valider' src= 'images/Valider.jpg'>
 				</div>
 			   </form>
 		   </div>
@ -135,7 +135,8 @@
 		<tr>
 			<td style='border: 0px solid white; witdh:130px; text-align:right;'>
 				<input type="hidden" name="zTypeAdm"
-					value="<? php // if ($type=="adm") {echo ("true");} else {echo ("false");} ?>">
+					value="">
+					<? // if ($type=="adm") {echo ("true");} else {echo ("false");} ?>
 				<input type="hidden" name="zOk" value="OK">

 			</td>
Author	SHA1	Message	Date
pierre renaudot	7d09299dcb	test	2023-11-30 14:03:21 +01:00
pierre renaudot	6f165b76f2	ajout d'une intervention vFinal	2023-11-30 12:14:44 +01:00
pierre renaudot	062e417a9c	btn nvl inter + gestion des pompiers dans le form	2023-11-24 11:36:16 +01:00
pierre renaudot	591b6a0d41	derniere fonctionnalité	2023-11-06 17:25:16 +01:00
pierre renaudot	443c0225ae	ajout pompier	2023-10-19 11:53:17 +02:00