diff --git a/WEB-INF/src/controleur/ThreadController.java b/WEB-INF/src/controleur/ThreadController.java
index cb2dc5abe595aab397c8f892d4672ac31e65d468..c0fba9da133f261221d8d9a2bfc7c106d3532be0 100644
--- a/WEB-INF/src/controleur/ThreadController.java
+++ b/WEB-INF/src/controleur/ThreadController.java
@@ -45,6 +45,9 @@ public class ThreadController extends HttpServlet {
daoThread.delete(idThread);
vue = "WEB-INF/vue/accueil.jsp";
break;
+ case "open":
+ vue = "WEB-INF/vue/chat.jsp?id=" + idThread;
+ break;
default:
vue = "WEB-INF/vue/fils.jsp";
}
diff --git a/WEB-INF/vue/chat.jsp b/WEB-INF/vue/chat.jsp
new file mode 100644
index 0000000000000000000000000000000000000000..9dfd805c35a3d9a43ec40001a75c8e6daf0b39d9
--- /dev/null
+++ b/WEB-INF/vue/chat.jsp
@@ -0,0 +1,164 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <title>Nature & pêche</title>
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+ <link href="<%= request.getContextPath() %>/res/font.css" rel="stylesheet">
+
+ <!-- Pour le offcanva (liste des utilisateurs du threads) -->
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+ <script defer>
+ // Faire défiler la page vers le bas
+ window.onload = function() {
+ window.scrollTo(0, document.body.scrollHeight);
+ };
+ </script>
+ </head>
+ <body>
+ <div class="container-fluid">
+ <div class="fixed-top p-3 bg-white border-bottom border-2 border-dark">
+ <h1 class="d-flex mb-0 justify-content-between">
+ <a href="navigation?page=accueil">
+ <i class="bi bi-house"></i>
+ </a>
+ <label>
+ Nature & pêche
+ </label>
+ <a class="icon-link" data-bs-toggle="offcanvas" href="#userlist" role="button" aria-controls="offcanvasExample">
+ <i class="bi bi-people"></i>
+ </a>
+ </h1>
+ </div>
+ <div class="p-3 min-vh-100 d-flex flex-column">
+
+ <div class="offcanvas offcanvas-end" tabindex="-1" id="userlist" aria-labelledby="Utilisateurs">
+ <div class="offcanvas-header">
+ <h4 class="offcanvas-title">Utilisateurs</h5>
+ <a class="ms-auto fs-3 me-3" data-bs-dismiss="offcanvas"><i class="bi-arrow-right-circle"></i></a>
+ </div>
+ <div class="offcanvas-body">
+ <h5>Créateur / Créatrice</h5>
+ <ul class="list-group">
+ <li class="list-group-item">@florine</li>
+ </ul>
+ <hr>
+ <h5>Utilisateurs suivant ce fil</h5>
+ <ul class="list-group">
+ <li class="list-group-item">@florine</li>
+ <li class="list-group-item">@maxime</li>
+ <li class="list-group-item">@bruno</li>
+ <li class="list-group-item">@dfab</li>
+ </ul>
+ </div>
+ </div>
+
+ <div id="messages" class="container-lg" style="margin-top: 60px; margin-bottom: 85px;">
+
+
+ <div id="me" class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h46</label>
+ <div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
+ <label>Rien de mieux que de passer la journée à pêcher au bord du lac, avec ce calme...</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h47</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>Ah ça, c'est clair ! Rien de plus relaxant que d'être entouré de verdure. T'as eu de la chance avec les poissons aujourd'hui ?</label>
+ </div>
+ </div>
+
+ <div id="me" class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h51</label>
+ <div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
+ <label>Pas mal, quelques truites. Mais c’est plus l’ambiance que je recherche en ce moment. Le bruit du vent, les oiseaux...</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>C’est le rêve ça ! Moi, je préfère les lacs un peu plus sauvages, ceux où il n'y a pas grand monde. Mais je trouve que la pêche en rivière a quelque chose de plus... authentique.</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>Vous avez essayé ?</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h57</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>J’ai tenté une fois en rivière, c’était un peu plus sportif, je dois dire. Les poissons sont plus malins, mais c’est un autre défi ! Mais, au fond, l’important c’est de se déconnecter un peu, non ?</label>
+ </div>
+ </div>
+
+ <div id="me" class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h01</label>
+ <div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
+ <label>Exactement ! C’est l’occasion de se couper du monde pendant quelques heures. Tu préfères quelle technique de pêche, Bruno ?</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h11</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>J’adore la pêche à la mouche, c’est un vrai art. C’est une manière de vraiment interagir avec l’eau et la nature. Et vous, vous êtes plutôt pêche au coup ou carnassier ?</label>
+ </div>
+ </div>
+
+ <div id="me" class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h13</label>
+ <div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
+ <label>Pour ma part, je suis plus pêche au coup, tranquille, avec une bonne canne et du temps devant moi. J’ai déjà tenté le carnassier, mais je trouve ça un peu plus stressant.</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 17h16</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>Moi j'aime bien les deux. Une journée tranquille à pêcher au coup et une autre à tenter le carnassier, avec un peu plus d’action. Et surtout, on se retrouve entre amis, et ça, c'est le plus important !</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h19</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>T’as raison, Maxime. C’est avant tout la camaraderie et la nature. Pas besoin de rapporter un poisson géant pour que la journée soit réussie.</label>
+ </div>
+ </div>
+
+ <div id="me" class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h46</label>
+ <div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
+ <label>C'est vrai, rien ne vaut ces moments passés au bord de l’eau, même sans pêche réussie. La nature, la pêche, et les amis. Quoi de mieux ?</label>
+ </div>
+ </div>
+
+ <div class="row d-inline-block m-3">
+ <label class="ms-3 fs-6 text-secondary">par @dfab, le 22/02/2025 à 07h14</label>
+ <div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
+ <label>Salut tout le monde, j'organise une journée pêche demain, ça vous tente ?</label>
+ </div>
+ </div>
+ </div>
+ <div id="input" class="fixed-bottom p-2 bg-white border-top border-2 border-dark">
+ <form class="input-group mb-3 container-lg" method="post" action="#">
+ <a class="input-group-text link-primary" href="chat.html">
+ <i class="bi-arrow-clockwise"></i>
+ </a>
+ <textarea name="message" class="form-control" placeholder="Entrez votre message ici."></textarea>
+ <input type="submit" class="input-group-text">
+ </form>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/WEB-INF/vue/filsSuivis.jsp b/WEB-INF/vue/filsSuivis.jsp
index 18e2fc600617474d9b9edbb27779775d41e16e1f..c55042c0a575a7272437e33019ede468bc36adc2 100644
--- a/WEB-INF/vue/filsSuivis.jsp
+++ b/WEB-INF/vue/filsSuivis.jsp
@@ -73,7 +73,7 @@
<span class="text-secondary">Par @<%= fil.getCreator()%> le <%=fil.getDate().format(DateTimeFormatter.ofPattern("dd/MM/yyyy"))%></span>
</div>
<div class="d-flex">
- <a class="me-3 align-self-center btn btn-primary" href="?chat=1">Ouvrir <i class="bi-chat-fill"></i></a>
+ <a class="me-3 align-self-center btn btn-primary" href="thread?action=open&id=<%=fil.getId_thread() %>">Ouvrir <i class="bi-chat-fill"></i></a>
<a class="me-3 align-self-center btn btn-danger <% if (daoThread.isCreatorOf(user.getUsername(), fil.getId_thread())) { %> disabled <% } %>" href="thread?action=unfollow&id=<%=fil.getId_thread() %>">Ne plus suivre <i class="bi-x-circle-fill"></i></a>
</div>
</div>