src/main/java/fr/ldnr/starWars/services/ChasseurService.java

@@ -7,6 +7,7 @@ package fr.ldnr.starWars.services;
 import fr.ldnr.starWars.domains.Chasseur;
 import fr.ldnr.starWars.enumerations.EtatChasseur;
 import fr.ldnr.starWars.enumerations.TypeChasseur;
+import java.util.List;
 
 /**
  *
@@ -18,11 +19,18 @@ public interface ChasseurService {
 
     Chasseur save(Chasseur chasseur);
 
+    public List<Chasseur> findByEtat(EtatChasseur etat);
+
     public Iterable<Chasseur> trouverParId(Long id_chasseur);
 
     public Iterable<Chasseur> trouverParEtat(EtatChasseur etat);
 
     public Iterable<Chasseur> trouverParType(TypeChasseur type);
     
+    public Iterable<Chasseur> modifierEtat(Long id_chasseur, EtatChasseur nouvelEtat);
+    
     public Iterable<TypeChasseur> listeTypeChasseur();
+
+    public Chasseur findById(Integer idChasseur);
+
 }

src/main/java/fr/ldnr/starWars/services/ChasseurServiceImpl.java

@@ -42,7 +42,7 @@ public class ChasseurServiceImpl implements ChasseurService {
     public Iterable<Chasseur> trouverParEtat(EtatChasseur etat) {
 
         List<Chasseur> list = new ArrayList<>();
-        list = em.createQuery("FROM Chasseur c WHERE u.chasseur.etat = :etat")
+        list = em.createQuery("FROM Chasseur c WHERE c.chasseur.etat = :etat")
                 .setParameter("etat", etat)
                 .getResultList();
         return list;
@@ -65,7 +65,6 @@ public class ChasseurServiceImpl implements ChasseurService {
         return list;
     }
 
-
     @Override
     public Iterable<Chasseur> trouverParType(TypeChasseur type) {
 
@@ -76,5 +75,27 @@ public class ChasseurServiceImpl implements ChasseurService {
         return list;
     }
 
+    @Override
+    public Iterable<Chasseur> modifierEtat(Long id_chasseur, EtatChasseur nouvelEtat) {
+
+        Chasseur chasseurModif = em.find(Chasseur.class, id_chasseur);
+        chasseurModif.setEtat(nouvelEtat);
+        em.merge(chasseurModif);
+        return (Iterable<Chasseur>) chasseurModif;
+    }
+
+    @Override
+    public List<Chasseur> findByEtat(EtatChasseur etat) {
+        return chasseurRepository.findByEtat(etat);
+    }
+
+    @Override
+    public Chasseur findById(Integer idChasseur) {
+        Chasseur chasseur = new Chasseur();
+        chasseur = (Chasseur) em.createQuery("SELECT c FROM Chasseur c WHERE c.idChasseur= :id")
+                .setParameter("id", idChasseur).getSingleResult();
+        return chasseur;
+
+    }
 
 }

src/main/java/fr/ldnr/starWars/services/MissionService.java

@@ -6,21 +6,26 @@ package fr.ldnr.starWars.services;
 
 import fr.ldnr.starWars.domains.Mission;
 import fr.ldnr.starWars.enumerations.ResultatMission;
+import fr.ldnr.starWars.enumerations.StatutMission;
 import fr.ldnr.starWars.enumerations.TypeMission;
+import java.util.List;
 
 /**
  *
  * @author Vincent
  */
 public interface MissionService {
+
     Iterable<Mission> findAll();
 
     Mission save(Mission mission);
 
     public Iterable<TypeMission> listMission();
 
-     
     public Iterable<ResultatMission> resultatMission();
 
+    public Mission findById(Integer idMission);
+
+    List<Mission> findByStatut(StatutMission statut);
 
 }

src/main/java/fr/ldnr/starWars/services/MissionServiceImpl.java

@@ -4,8 +4,11 @@
  */
 package fr.ldnr.starWars.services;
 
+import fr.ldnr.starWars.domains.Chasseur;
 import fr.ldnr.starWars.domains.Mission;
+import fr.ldnr.starWars.domains.Pilote;
 import fr.ldnr.starWars.enumerations.ResultatMission;
+import fr.ldnr.starWars.enumerations.StatutMission;
 import fr.ldnr.starWars.enumerations.TypeMission;
 import fr.ldnr.starWars.repositories.MissionRepository;
 import jakarta.persistence.EntityManager;
@@ -39,6 +42,7 @@ public class MissionServiceImpl implements MissionService {
         List<TypeMission> list = Arrays.asList(TypeMission.values());
         return list;
     }
+
     @Override
     public Iterable<ResultatMission> resultatMission() {
         List<ResultatMission> resultat = Arrays.asList(ResultatMission.values());
@@ -48,6 +52,20 @@ public class MissionServiceImpl implements MissionService {
 
     @Override
     public Mission save(Mission mission) {
-        throw new UnsupportedOperationException("Not supported yet."); // Generated from nbfs://nbhost/SystemFileSystem/Templates/Classes/Code/GeneratedMethodBody
+        return missionRepository.save(mission);
+    }
+
+    @Override
+    public Mission findById(Integer idMission) {
+        Mission mission = new Mission();
+        mission = (Mission) entityManager.createQuery("SELECT m FROM Mission m WHERE m.idMission = :id")
+                .setParameter("id", idMission).getSingleResult();
+        return mission;
+    }
+
+    @Override
+    public List<Mission> findByStatut(StatutMission statut) {
+        return missionRepository.findByStatut(statut);
+
     }
 }

src/main/java/fr/ldnr/starWars/services/PiloteService.java

@@ -29,6 +29,8 @@ public interface PiloteService {
 
     public List<Pilote> findByRace(RacePilote race);
 
+    public List<Pilote> findByEtatAndType(EtatPilote etat, TypePilote type);
+
     public Iterable<RacePilote> listRace();
 
     public Iterable<TypePilote> listType();

src/main/java/fr/ldnr/starWars/services/PiloteServiceImpl.java

@@ -62,15 +62,14 @@ public class PiloteServiceImpl implements PiloteService {
 
     @Override
     public Pilote save(Pilote pilote) {
-        pilote.setType(TypePilote.APPRENTI);
         return piloteRepository.save(pilote);
     }
 
     @Override
-    public Pilote findById(Integer id_pilote) {
+    public Pilote findById(Integer idPilote) {
         Pilote pilote = new Pilote();
         pilote = (Pilote) entityManager.createQuery("SELECT p FROM Pilote p WHERE p.idPilote = :id")
-                .setParameter("id", id_pilote).getSingleResult();
+                .setParameter("id", idPilote).getSingleResult();
         return pilote;
     }
 
@@ -99,4 +98,9 @@ public class PiloteServiceImpl implements PiloteService {
         return piloteRepository.findByRace(race);
     }
 
+    @Override
+    public List<Pilote> findByEtatAndType(EtatPilote etat, TypePilote type) {
+        return piloteRepository.findByEtatAndType(etat, type);
+    }
+
 }

src/main/resources/static/style.css

+@font-face{
+    font-family:'Starkiller';
+    src:
+        url('/fonts/StarkillerOutline-3L5L.ttf') format('truetype');
+}
+@font-face{
+    font-family:'anakinmono';
+    src:
+        url('/fonts/anakinmono.ttf') format('truetype');
+}
+
+:root {
+    --glow-color: hsl(60 100% 50%);
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+
+h1 {
+    font-family: 'Starkiller';
+}
+
+h2{
+    text-align: left;
+    margin-inline-end: auto;
+    margin-left: 15%;
+}
+
+body {
+    font-family: anakinmono, sans-serif;
+    background-image: url("https://p.turbosquid.com/ts-thumb/p4/gieJXZ/ZM/screenshot001/png/1650377346/1920x1080/fit_q99/cfea16e5fcc5a49514ffdb25a1eeb849c115d0eb/screenshot001.jpg");
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+fieldset{
+    border-color: yellow;
+}
+
 body{
     display: flex;
     flex-direction: column;
@@ -17,6 +61,313 @@ a{
 .tri{
     display: flex;
     flex-direction: row;
+    width: 100%;
+    justify-content: space-between;
+}
+
+.mission > h2{
+    margin-left: 43%;
+}
+
+button{
+    font-family: anakinmono, sans-serif;
+    background-color: black;
+    color: yellow;
+    display: flex;
+    justify-content: center;
+}
+
+.mission{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+}
+
+.box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+}
+
+.bouton {
+    display: flex;
+    align-items : center;
+    justify-content : center;
+    margin-left : auto;
+    margin-right : auto;
+}
+main::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.5); /* Adjust the last value (alpha) to control the transparency */
+    z-index: -1; /* Place the overlay behind the content */
+}
+
+main{
     width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+form{
+    display: flex;
+    justify-content: center;
+}
+
+.laber{
+    text-align: left;
+}
+
+.inscription {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+}
+
+.box{
+    display: flex;
+    flex-direction: row;
     justify-content: space-between;
 }
+
+.button{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+}
+
+input{
+    font-family: "anakinmono", sans-serif;
+    background-color: black;
+    color: yellow;
+}
+
+ul{
+    width: 100%;
+    margin-left: 50%;
+}
+
+li{
+    list-style: none;
+}
+
+select{
+    font-family: "anakinmono", sans-serif;
+    background-color: black;
+    color: yellow;
+}
+
+
+.radio {
+    padding: 0.3rem 0.5rem;
+    border: 1px dashed #ccc;
+    background-color: black;
+}
+.radio {
+    border: 1px solid #000;
+}
+
+.glowing-btn {
+    position: relative;
+    color: var(--glow-color);
+    cursor: pointer;
+    padding: 0.35em 1em;
+    border: 0.15em solid var(--glow-color);
+    border-radius: 0.45em;
+    background: none;
+    perspective: 2em;
+    font-family: "Starkiller", sans-serif;
+    font-size: 2em;
+    font-weight: 900;
+    letter-spacing: 0.2em;
+
+    -webkit-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    -moz-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    animation: border-flicker 2s linear infinite;
+}
+
+.glowing-txt {
+    float: left;
+    margin-right: -0.8em;
+    -webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
+        0 0 0.45em var(--glow-color);
+    -moz-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
+        0 0 0.45em var(--glow-color);
+    text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em var(--glow-color);
+    animation: text-flicker 3s linear infinite;
+}
+
+.faulty-letter {
+    opacity: 0.5;
+    animation: faulty-flicker 2s linear infinite;
+}
+
+.glowing-btn::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    opacity: 0.7;
+    filter: blur(1em);
+    transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
+    background: var(--glow-color);
+    pointer-events: none;
+}
+
+.glowing-btn::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    z-index: -1;
+    background-color: var(--glow-color);
+    box-shadow: 0 0 2em 0.2em var(--glow-color);
+    transition: opacity 100ms linear;
+}
+
+.glowing-btn:hover {
+    color: rgba(0, 0, 0, 0.8);
+    text-shadow: none;
+    animation: none;
+}
+
+.glowing-btn:hover .glowing-txt {
+    animation: none;
+}
+
+.glowing-btn:hover .faulty-letter {
+    animation: none;
+    text-shadow: none;
+    opacity: 1;
+}
+
+.glowing-btn:hover:before {
+    filter: blur(1.5em);
+    opacity: 1;
+}
+
+.glowing-btn:hover:after {
+    opacity: 1;
+}
+
+@keyframes faulty-flicker {
+    0% {
+        opacity: 0.1;
+    }
+    2% {
+        opacity: 0.1;
+    }
+    4% {
+        opacity: 0.5;
+    }
+    19% {
+        opacity: 0.5;
+    }
+    21% {
+        opacity: 0.1;
+    }
+    23% {
+        opacity: 1;
+    }
+    80% {
+        opacity: 0.5;
+    }
+    83% {
+        opacity: 0.4;
+    }
+
+    87% {
+        opacity: 1;
+    }
+}
+
+@keyframes text-flicker {
+    0% {
+        opacity: 0.1;
+    }
+
+    2% {
+        opacity: 1;
+    }
+
+    8% {
+        opacity: 0.1;
+    }
+
+    9% {
+        opacity: 1;
+    }
+
+    12% {
+        opacity: 0.1;
+    }
+    20% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0.3;
+    }
+    30% {
+        opacity: 1;
+    }
+
+    70% {
+        opacity: 0.7;
+    }
+    72% {
+        opacity: 0.2;
+    }
+
+    77% {
+        opacity: 0.9;
+    }
+    100% {
+        opacity: 0.9;
+    }
+}
+
+@keyframes border-flicker {
+    0% {
+        opacity: 0.1;
+    }
+    2% {
+        opacity: 1;
+    }
+    4% {
+        opacity: 0.1;
+    }
+
+    8% {
+        opacity: 1;
+    }
+    70% {
+        opacity: 0.7;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .glowing-btn{
+        font-size: 1em;
+    }
+}
+

src/main/resources/templates/affectation.html

-<!DOCTYPE html>
-<!--
-Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
-Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
--->
-<html>
-    <head>
-        <title>Affectation</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="/style.css">
-    </head>
-    <body>
-        <header>
-            <h1>Affecter un chasseur à un pilote</h1>
-        </header>
-        <main>
-            <form action="affectation">
-                <fieldset>  
-                    <legend>Affecter un chasseur à un pilote</legend>
-                    <div>
-                        <label for="pilotes">Choisir un pilote :</label>
-                        <select id="pilotes"  name="pilotes">
-                            <option th:each="pilotes : ${listePilotes}" th:value="${pilotes}" 
-                                    th:text="${pilotes.nom}"></option>
-                        </select>
-                    </div>
-                    <div>
-                        <label for="chasseurs">Choisir un chasseur :</label>
-                        <select id="chasseurs"  name="chasseurs">
-                            <option th:each="chasseurs : ${listeChasseurs}" th:value="${chasseurs}" 
-                                    th:text="${chasseurs.type_chasseur}"></option>
-                        </select>
-                    </div>
-                </fieldset>
-                <input type="submit" value="Valider"/>
-                <input type="reset" value="Annuler"/>
-            </form>
-        </main>
-        <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
-        </footer>
-    </body>
-</html>

src/main/resources/templates/clotureMission.html

@@ -5,29 +5,34 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Cloture Mission</title>
+        <title>cloture mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
                     <header>
-            <h1>Cloture Mission</h1>
+                        <h1><span class='faulty-letter'>{</span> Cloture mission</h1>
                     </header>
-        
+                    <main>
                         <form action="clotureMission" method="post">
                             <div> 
-            <label for="clotureMission">Nombre d'heure</label>
+                                <div>
+                                    <label for="clotureMission">Nombre d'heures</label>
                                     <input type="text" id="heures" name="heures"/>
                                 </div>
                                 <div>
-                <label for="resultat">Resultat Mission : </label>
+                                    <label for="resultat">Resultat mission : </label>
                                     <select id="resultat" name="resultats">
                                         <option th:each="resultat : ${resultatMission}" th:value="${resultat}" th:text="${resultat}"></option>
                                     </select>
                                 </div>
                                 <div>
-                <label>Détail</label>
+                                    <label>detail</label>
                                     <div>
                                         <label for="pilote">Pilote</label>
                                         <select id="pilote" name="pilote">
@@ -39,7 +44,9 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                                         </select>
                                     </div>
                                 </div>  
+                            </div>
                         </form>
+                    </main>
                     <footer>
                         <a href="/menu"  class="menu">Retour au Menu</a>
                     </footer>

src/main/resources/templates/ficheChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Chasseur</title>
+        <title>fiche chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
                     <header>
-            <h1>Fiche Chasseur</h1>
+                        <h1><span class='faulty-letter'>{</span> Fiche chasseur</h1>
                     </header>
+                    <main>
                         <table>
                             <tr>
-                <th>Identifiant</th>
-                <th>Type Chasseur</th>
-                <th>Etat Chasseur</th>
+                                <th>Id</th>
+                                <th>Type chasseur</th>
+                                <th>Etat chasseur</th>
                             </tr>
                             <tr th:each="chasseur: ${ficheChasseur}">
                                 <td th:text="${chasseur.id_chasseur}"></td>
@@ -22,7 +27,8 @@
                                 <td th:text="${chasseur.etat_chasseur}"></td>
                             </tr>
                         </table>
-        <a th:href="@{/listeChasseur}">Retour à la liste des chasseurs</a>
+                        <a th:href="@{/listeChasseur}">Retour a la liste des chasseurs</a>
+                    </main>
                     <footer>
                         <a href="/menu"  class="menu">Retour au Menu</a>
                     </footer>

src/main/resources/templates/fichePilote.html

@@ -5,26 +5,30 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Pilote</title>
+        <title>fiche pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Fiche Pilote</h1>
+            <h1><span class='faulty-letter'>{</span> Fiche Pilote</h1>
         </header>
-        <p>Prénom : <span th:text="${pilote.prenom}"></span></p>
+        <main>
+        <p>Prenom : <span th:text="${pilote.prenom}"></span></p>
         <p>Nom : <span th:text="${pilote.nom}"></span></p>
         <p>Race : <span th:text="${pilote.race}"></span></p>
-        <p>Age_inscription : <span th:text="${pilote.age}"></span></p>
-        <p>État : <span th:text="${pilote.etat}"></span></p>
-        <!--besoin db des missions afin pouvoir afficher Missions-->
+        <p>Age à l'inscription : <span th:text="${pilote.age}"></span></p>
+        <p>Etat : <span th:text="${pilote.etat}"></span></p>
         <p>Nombre d'heures de vol : </p>
         <p>Grade : <span th:text="${pilote.grade}"></span></p>
-        <!--besoin db des missions afin pouvoir afficher Missions-->
-        <p>Liste des Missions</p>
-        <p>Type pilote : <span th:text="${pilote.type}"></span></p>
+        <p>Liste des missions</p>
+        <p>Rang pilote : <span th:text="${pilote.type}"></span></p>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>     

src/main/resources/templates/inscriptionPilote.html

@@ -5,38 +5,51 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Inscription Pilote</title>
+        <title>inscription pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Inscription Pilote</h1>
+            <h1><span class='faulty-letter'>{</span> Inscription pilote</h1>
         </header>
+        <main>
             <form action="inscriptionPilote" method="post">
-            <div>
+                <div class="inscription">
+                    <fieldset>
+                        <legend>Inscrire un Pilote</legend> 
+                    <label class="label"/>
+                    <div class="box">
                         <label for="prenom">Prenom</label>
                         <input type="text" id="prenom" name="prenom"/>
                     </div>
-            <div>
-                <label for="nom">Nom</label>
+                    <div class="box">
+                        <label class="label" for="nom">Nom</label>
                         <input type="text" id="nom" name="nom"/>
                         <!--th:value="${user.nomnom}"-->
                     </div>
-            <div>
-                <label for="races">Choisir une race :</label>
+                    <div class='box'>
+                        <label class="label" for="races">Choisir une race :</label>
                         <select id="races"  name="races">
                             <option th:each="race : ${racePilotes}" th:value="${race}" th:text="${race}"></option>
                         </select>
                     </div>
-            <div>
-                <label for="age">Age</label>
+                    <div class="box">
+                        <label class="label" for="age">Age</label>
                         <input type="text" id="age" name="age"/>
                     </div>
+                    <div class="button">
                         <input type="submit" value="Valider"/>
                         <input type="reset" value="Annuler"/>
+                    </div>
+                </div>
             </form>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/listeChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Chasseur</title>
+        <title>liste chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Liste Chasseur</h1>
+            <h1><span class='faulty-letter'>{</span> Liste chasseur</h1>
         </header>
+        <main>
             <table>
                 <tr>
-                <th>Identifiant</th>
+                    <th>Id</th>
                     <th>Type chasseur</th>
                     <th>Etat chasseur</th>
                 </tr>
@@ -25,7 +30,7 @@
                     <td th:text="${chasseur.etat}"></td>
                 </tr>
             </table>
-        <a href="/menu"  class="menu">Retour au Menu</a>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/listeMission.html

@@ -5,30 +5,35 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Mission</title>
+        <title>liste mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Liste Mission</h1>
+            <h1><span class='faulty-letter'>{</span> Liste Missions Terminées</h1>
         </header>
+        <main>
         <div>
-            <label for="tri mission">sélection de mission :</label>
+            <label for="tri mission">Selection de mission :</label>
 
             <select name="mission" id="tri-mission">
                 <option value="">-Choisir une option-</option>
-                <option value="Terminée">Terminée</option>
-                <option value="En cours">En Cours</option>
+                <option value="Terminée">Terminee</option>
+                <option value="En cours">En cours</option>
                 <option value="Victoire">Victoire</option>
-                <option value="Défaite">Défaite</option>
+                <option value="Défaite">Defaite</option>
                 <option value="Entrainement">Entrainement</option>
                 <option value="Combat">Combat</option>
             </select>
 
         </div>
-        
+        </main>
         <footer>
             <a href="/menu" class="menu">Retour au Menu</a>
         </footer>   

src/main/resources/templates/listePilote.html

@@ -5,20 +5,26 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Pilote</title>
+        <title>liste pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Liste des Pilote</h1>   
+            <h1>Trier des Pilotes</h1>   
         </header>
+        <main>
             <div class="tri">
-            <a th:href="@{/listePiloteParType}"><p>Trier par rang de pilote</p></a>
-            <a th:href="@{/listePiloteParGrade}"><p>Trier par grade de pilote</p></a>
-            <a th:href="@{/listePiloteParEtat}"><p>Trier par état de pilote</p></a>
+                <a th:href="@{/listePiloteParType}"><p>Trier par rang</p></a>
+                <a th:href="@{/listePiloteParGrade}"><p>Trier par grade</p></a>
+                <a th:href="@{/listePiloteParEtat}"><p>Trier par etat</p></a>
             </div>
+
             <table>
                 <tr>
                     <th>Id pilote</th>
@@ -31,7 +37,10 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     <th>Etat</th>
                 </tr>
                 <tr th:each="pilote : ${pilotes}">
-                <td th:text="${pilote.idPilote}"></td>
+                    <td>
+                        <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="${pilote.idPilote}">
+                        </a>
+                    </td>
                     <td th:text="${pilote.nom}"></td>
                     <td th:text="${pilote.prenom}"></td>
                     <td th:text="${pilote.age}"></td>
@@ -39,13 +48,9 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     <td th:text="${pilote.grade}"></td>
                     <td th:text="${pilote.type}"></td>
                     <td th:text="${pilote.etat}"></td>
-                <td>
-                    <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="'Fiche Pilote'">
-                    </a>
-                </td>
                 </tr>
             </table>
-
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/listePiloteDisponible.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    </head>
+    <body>
+        <h1>Liste des Pilotes disponible (sans apprenti)</h1>
+
+        <table>
+            <tr>
+                <th>Id pilote</th>
+                <th>Nom</th>
+                <th>Prenom</th>
+                <th>Age</th>
+                <th>Race</th>
+                <th>Grade</th>
+                <th>Type</th>
+                <th>Etat</th>
+            </tr>
+            <tr th:each="pilote : ${pilotes}">
+                <td>
+                    <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="${pilote.idPilote}">
+                    </a>
+                </td>
+                <td th:text="${pilote.nom}"></td>
+                <td th:text="${pilote.prenom}"></td>
+                <td th:text="${pilote.age}"></td>
+                <td th:text="${pilote.race}"></td>
+                <td th:text="${pilote.grade}"></td>
+                <td th:text="${pilote.type}"></td>
+                <td th:text="${pilote.etat}"></td>
+            </tr>
+        </table>
+        <p>
+            <a href="/listePilote">Retour au Liste Pilote</a>
+        </p>
+    </body>
+</html>

src/main/resources/templates/listePiloteParEtat.html

@@ -5,18 +5,23 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>TODO supply a title</title>
+        <title>Liste Pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Liste des Pilotes par état</h1>
+            <h1><span class='faulty-letter'>{</span> Liste des pilotes par etat</h1>
         </header>
+        <main>
             <form action="/listePiloteParEtat" method="post">
                 <div>
-                <label for="etats">Choisir un état :</label>
+                    <label for="etats">Choisir un etat :</label>
                     <select id="etats" name="etats">
                         <option th:each="etat : ${etats}" th:value="${etat}" th:text="${etat}"></option>
                     </select>
@@ -50,8 +55,9 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                 </tr>
             </table>
             <p>
-            <a href="/listePilote">Retour au Liste Pilote</a>
+                <a href="/listePilote">Retour aux pilotes</a>
             </p>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>