This commit is contained in:
clementine.desrucques
2021-12-13 09:34:20 +01:00
commit 5729a4a7eb
39 changed files with 4421 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
<%-- jspf/debutJSP.jsp --%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="css/mycss.css" rel="stylesheet" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<title>SDIS29</title>
</head>

View File

@@ -0,0 +1,5 @@
<%-- jspf/footer.jspf --%>
<%@ page pageEncoding="UTF-8" %>
<footer>
<p>SDIS 29 - 58, avenue de Keradennec - 29337 QUIMPER CEDEX - 02 98 10 31 50</p>
</footer>

View File

@@ -0,0 +1,30 @@
<%-- any content can be specified here e.g.: --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page pageEncoding="UTF-8" %>
<form action="pompier" method="POST" id="fChoixPompier" name="fChoixPompier">
<div class="row">
<div class="col-md-9">
<label for="ldrPompier">Choix du pompier</label>
<select class="form-control" id="ldrPompier" name="ldrPompier">
<optgroup label="les pompiers volontaires" />
<c:forEach items="${sessionScope.lesPompiers}" var="unPompier" varStatus="status">
<c:set var="select" value="" scope="page" />
<c:if test="${lePompier.getId() eq unPompier.getId()}" var="testSelect" scope="page">
<c:set var="select" value="selected" scope="page" />
</c:if>
<option ${select} value="${status.index}">${unPompier.getLeGrade().getValeur()} ${unPompier.getNom()} ${unPompier.getPrenom()}</option>
</c:forEach>
</select>
</div>
<div class="col-md-3" id="btAfficherPompier" name="btAfficherPompier">
<!--<input class="btn btn-danger" name="btAfficherPompier" type="submit" value="Afficher" /> -->
<button class="btn btn-danger" name="btAfficherPompier" value="Afficher" type="submit"><i class="bi bi-eye-fill"></i> Afficher</button>
<button class="btn btn-danger ms-5" name="btAfficherPompier" value="Ajouter" type="submit"> <i class="bi bi-plus-lg"></i> Ajouter</button>
</div>
</div>
</form>

View File

@@ -0,0 +1,198 @@
<%@ page pageEncoding="UTF-8" %>
<form action="pompier" method="POST" class="formPompier"> <!-- enctype="multipart/form-data" -->
<div class="row">
<aside class="col-md-3 text-center">
<img src="images/pompier.png" alt="portrait">
</aside>
<section class="col-md-8">
<div class="row">
<div class="col-md-6">
<label for="ztNom">Nom *</label>
<input type="text" class="form-control" id="ztNom" name="ztNom"
placeholder="Nom" value="${lePompier.getNom()}" required />
</div>
<div class="col-md-6">
<label for="ztPrenom">Prenom *</label>
<input type="text" class="form-control" id="ztPrenom" name="ztPrenom"
placeholder="Prénom" value="${lePompier.getPrenom()}" required />
</div>
</div><!-- fin ligne nom prenom -->
<div class="row mt-3">
<div class="col-md-6">
<label for="ztRue">Adresse *</label>
<input type="text" class="form-control" id="ztRue" name="ztAdresse"
placeholder="Adresse" value="${lePompier.getAdresse()}" required="" />
</div>
<div class="col-md-2">
<label for="ztCP">Code postal *</label>
<input type="text" class="form-control" id="ztCP" name="ztCP" pattern="^(([0-8][0-9])|(9[0-5])|(2[ab]))[0-9]{3}$"
placeholder="Code postal" value="${lePompier.getCp()}" required />
</div>
<div class="col-md-4">
<label for="zlVille">Ville *</label>
<!-- <input type="text" class="form-control" id="zlVille" name = "zlVille"
placeholder="Ville" value="${lePompier.getVille()}" required /> comment -->
<select class="form-select" aria-label="Default select example" id="zlVille" name = "zlVille" required>
<option value="${lePompier.getVille()}">${lePompier.getVille()}</option>
</select>
</div>
</div><!-- fin ligne adresse -->
<div class="row mt-3">
<div class="col-md-6">
<label for="ztMail">Adresse électronique *</label>
<input type="email" class="form-control" id="ztMail" name="ztMail"
placeholder="Email" value="${lePompier.getMail()}" required />
</div>
<div class="text-danger col-md-6" id="msgCP" ></div>
</div><!-- fin ligne mail -->
<div class="row mt-3">
<div class="col-md-6">
<label for="ztLogin">Login *</label>
<input type="text" class="form-control" id="ztLogin" name="ztLogin"
placeholder="Login" value="${lePompier.getLogin()}" required />
</div>
<div class="col-md-6">
<label for="ztMdp">Mot de passe *</label>
<input type="password" class="form-control" id="ztMdp" name="ztMdp" value="12345"
placeholder="Mot de passe" required />
</div>
</div><!-- fin ligne login mot de passe -->
<div class="row refPhoto mt-3">
<div class="col-md-12">
<label for="photo" class="custom-file">Changer la photo</label>
<input type="file" class="form-control" id="photo" name="photo" accept=".png, .jpg, .jpeg" />
</div>
</div> <!-- fin ligne photo -->
<div class="row mt-3">
<div class="col-md-2">
<c:set var="readO" value="" scope="page" />
<c:if test="${sessionScope.lePompierConnecte.getLeStatut().getCode() ne 2 ||
sessionScope.lePompierConnecte.getId() == lePompier.getId()}" var="testChef" scope="page">
<c:set var="readO" value="readonly" scope="page" />
</c:if>
<label for="ztBip">No bip *</label>
<input type="number" ${readO} class="form-control" id="ztBip"
name="ztBip" placeholder="No bip" value="${lePompier.getBip()}" required min="1" />
</div>
<div class="col-md-4">
<label for="ldrGrade">Grade *</label>
<select ${readO} class="form-control" id="ldrGrade" name="ldrGrade">
<c:forEach items="${sessionScope.lesGrades}" var="unGrade" >
<c:set var="select" value="" scope="page" />
<c:if test="${lePompier.getLeGrade().getCode() eq unGrade.getCode()}" var="testGrade" scope="page">
<c:set var="select" value="selected" scope="page" />
</c:if>
<option ${select} value="${unGrade.getCode()}">${unGrade.getValeur()}</option>;
</c:forEach>
</select>
</div>
<div class="col-md-3">
<label for="ldrStatut">Statut *</label>
<select ${readO} class="form-control" id="ldrStatut" name="ldrStatut">
<c:forEach items="${sessionScope.lesStatuts}" var="unStatut" >
<c:set var="select" value="" scope="page" />
<c:if test="${lePompier.getLeStatut().getCode() eq unStatut.getCode()}" var="testStatut" scope="page">
<c:set var="select" value="selected" scope="page" />
</c:if>
<option ${select} value="${unStatut.getCode()}">${unStatut.getValeur()}</option>;
</c:forEach>
</select>
</div>
<div class="col-md-3">
<label for="ldrType">Type personnel *</label>
<select ${readO} class="form-control" id="ldrType" name="ldrType">
<c:forEach items="${sessionScope.lesTypes}" var="unType" >
<c:set var="select" value="" scope="page" />
<c:if test="${lePompier.getLeType().getCode() eq unType.getCode()}" var="testStatut" scope="page">
<c:set var="select" value="selected" scope="page" />
</c:if>
<option ${select} value="${unType.getCode()}">${unType.getValeur()}</option>;
</c:forEach>
</select>
</div>
</div><!-- fin ligne bip grade statut type-->
<div class="row mt-3">
<div class="col-md-12">
<label for="ztObs">Observations</label>
<input type="text" class="form-control" id="ztObs" name="ztObs"
value="${lePompier.getCommentaire()}" />
</div><!-- fin ligne observation -->
</div> <!-- fin observation -->
<br/>
<!-- tab disp -->
<div>
<label for="tDisp">Disponibilitées</label>
<table border="1" cellspacing="3" cellpadding="1" class="table table-striped">
<thead>
<tr>
<c:forEach items="${sessionScope.lesDatesEnString}" var="uneDate" varStatus="status">
<th colspan="2" class="text-center">${uneDate}</th>
</c:forEach>
</tr>
<tr>
<c:forEach var="i" begin="0" end="4" step="1">
<c:forEach items="${sessionScope.lesPeriodes}" var="uneP" varStatus="status">
<td class="text-center">${uneP}</td>
</c:forEach>
</c:forEach>
</tr>
</thead>
<tbody>
<tr>
<c:forEach items="${sessionScope.lesVentilInit}" var="ventil" varStatus="status">
<c:set var="act" value="${ventil.getActivite()}" scope="page"/>
<td><input type="text" value="${act}" name="lesAct" class="ztVentil ${sessionScope.lesCouleurs[act]}" readonly/></td>
</c:forEach>
</tr>
</tbody>
</table>
<div id="legendCouleur">
<span style="background-color: white">Dispo</span>
<span style="background-color: gray">Indispo</span>
<span style="background-color: yellow">Au travail</span>
</div>
</div>
<!-- fin tab disp -->
<div class="danger mt-3">${message} </div>
<div class="text-center mt-3">
<button type="submit" name="btAfficherPompier" value="ValiderMaj" class="btn btn-danger">
<i class="bi bi-check2"></i> Valider
</button>
</div>
<p><em>* zone obligatoire</em></p>
</section>
<script>
var couleurs = ["blanc", "gris", "jaune"];
var lesAct = document.getElementsByClassName("ztVentil");
for (var uneAct of lesAct) {
uneAct.onclick = function () {
var act = this.value;
var newAct = (act + 1) % 3;
var coul = couleurs[newAct];
this.classList.remove(couleurs[act]);
this.classList.add(coul);
this.value = newAct;
}
}
</script>
</div> <!-- fin div contenant aside et section -->
</form>

View File

@@ -0,0 +1,112 @@
<%-- jspf/header.jspf --%>
<%@ page pageEncoding="UTF-8" %>
<c:set var="blancs8" value=" " scope="page" />
<header>
<div class="container" id="entete">
<img id="logo" src="images/logo-sdis.png" alt='logo sdis29' />
<div id="identite">
<div id="login">
<c:choose>
<c:when test="${empty sessionScope.lePompierConnecte}">
<h4>Bienvenue</h4>
</c:when>
<c:otherwise>
<h4>Bienvenue ${sessionScope.lePompierConnecte.getPrenom()}
${sessionScope.lePompierConnecte.getNom()} (
${sessionScope.lePompierConnecte.getLeStatut().getValeur()})
</h4>
<button type="button" class="btn btn-warning fs-4" title="Déconnexion">
<a href="authentification">
<i class="bi bi-box-arrow-right heading" width="32" height="32" fill="currentColor"></i> Déconnexion
</a>
</button>
</c:otherwise>
</c:choose>
</div>
<h4>Service Départemental d'Incendie et de Secours du Finistère</h4>
<div id="caserne" title="Adresse caserne">
${sessionScope.lePompierConnecte.getLaCaserne().getNom()}
${sessionScope.lePompierConnecte.getLaCaserne().getAdresse()}<br />
${sessionScope.lePompierConnecte.getLaCaserne().getTel()}<br />
</div>
<nav class="navbar navbar-expand-sm bg-danger navbar-dark">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<span class="nav-link"><pre>${blancs8}</pre> </span>
</li>
<li class="nav-item">
<c:choose>
<c:when test="${page eq 1}">
<a class="nav-link active" href="authentification">Authentification</a>
</c:when>
<c:otherwise>
<a class="nav-link" href="authentification">Authentification</a>
</c:otherwise>
</c:choose>
</li>
<li class="nav-item">
<c:choose>
<c:when test="${page eq 2}">
<a class="nav-link active" href="pompier?pageDemandee=2">Mes Données</a>
</c:when>
<c:when test="${empty lePompierConnecte}">
<a class="nav-link disabled" href="#">Mes Données</a>
</c:when>
<c:otherwise>
<a class="nav-link" href="pompier?pageDemandee=2">Mes Données</a>
</c:otherwise>
</c:choose>
</li>
<li class="nav-item">
<c:choose>
<c:when test="${page eq 3}">
<a class="nav-link active" href="pompier?pageDemandee=3">Les Pompiers</a>
</c:when>
<c:when test="${sessionScope.lePompierConnecte.getLeStatut().getCode() eq 2}">
<a class="nav-link" href="pompier?pageDemandee=3">Les pompiers</a>
</c:when>
<c:otherwise>
</c:otherwise>
</c:choose>
</li>
<li class="nav-item">
<c:choose>
<c:when test="${page eq 4}">
<a class="nav-link active" href="#">Les Paramètres</a>
</c:when>
<c:when test="${sessionScope.lePompierConnecte.getLeStatut().getCode() eq 2}">
<a class="nav-link" href="#">Les paramètres</a>
</c:when>
<c:otherwise>
</c:otherwise>
</c:choose>
</li>
<li class="nav-item">
<c:choose>
<c:when test="${page eq 5}">
<a class="nav-link active" href="pompier?pageDemandee=5">Gardes</a>
</c:when>
<c:when test="${sessionScope.lePompierConnecte.getLeStatut().getCode() eq 2}">
<a class="nav-link" href="pompier?pageDemandee=5">Gardes</a>
</c:when>
<c:otherwise>
</c:otherwise>
</c:choose>
</li>
</ul>
</div>
</nav>
</div> <!-- fin id=identie -->
</div> <!-- fin class=container -->
</header>