This commit is contained in:
16
web/WEB-INF/jspf/debutJSP.jspf
Normal file
16
web/WEB-INF/jspf/debutJSP.jspf
Normal 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>
|
5
web/WEB-INF/jspf/footer.jspf
Normal file
5
web/WEB-INF/jspf/footer.jspf
Normal 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>
|
30
web/WEB-INF/jspf/formChoixPompier.jspf
Normal file
30
web/WEB-INF/jspf/formChoixPompier.jspf
Normal 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>
|
||||
|
||||
|
||||
|
||||
|
198
web/WEB-INF/jspf/formulairePompier.jspf
Normal file
198
web/WEB-INF/jspf/formulairePompier.jspf
Normal 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>
|
||||
|
||||
|
112
web/WEB-INF/jspf/header.jspf
Normal file
112
web/WEB-INF/jspf/header.jspf
Normal 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>
|
Reference in New Issue
Block a user