Morph01/FotoSharing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CORRECTION : MAJ balises html pour cohérence dans la forme

Browse Source
This commit is contained in:
Subivas
2025-12-03 14:57:58 +01:00
parent 96c060e206
commit 50ad334177
14 changed files with 266 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/main/resources/templates/album-detail.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Détail album</title> <title>Détail album</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<a th:href="@{/mes-albums}">⬅ Retour aux albums</a> <a th:href="@{/mes-albums}">⬅ Retour aux albums</a>
@@ -46,7 +56,7 @@
<button type="submit">Ajouter</button> <button type="submit">Ajouter</button>
</form> </form>
<hr/> <hr/>
<h3>Gestion des partages de l’album</h3> <h2>Gestion des partages de l’album</h2>
<div th:if="${param.error}" style="color:red; font-weight:bold;"> <div th:if="${param.error}" style="color:red; font-weight:bold;">
<span th:text="${param.error}"></span> <span th:text="${param.error}"></span>
</div> </div>
@@ -94,8 +104,14 @@
Supprimer l’album Supprimer l’album
</a> </a>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

20
src/main/resources/templates/galerie.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Galerie publique</title> <title>Galerie publique</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Galerie publique</h1> <h1>Galerie publique</h1>
@@ -35,6 +45,14 @@
</a> </a>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

7
src/main/resources/templates/home.html
View File

@@ -9,13 +9,14 @@
<p><a th:href="@{/mes-photos}">Voir mes photos</a></p> <p><a th:href="@{/mes-photos}">Voir mes photos</a></p>
<p><a th:href="@{/mes-albums}">Voir mes albums</a></p> <p><a th:href="@{/mes-albums}">Voir mes albums</a></p>
<p><a th:href="@{/galerie}">Voir la galerie publique</a></p> <p><a th:href="@{/galerie}">Voir la galerie publique</a></p>
<p> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;"> <form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit" <button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;"> style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter Se déconnecter
</button> </button>
</form> </form>
</p> </footer>
</body>
</html> </html>

23
src/main/resources/templates/mes-albums.html
View File

@@ -4,12 +4,22 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Mes albums</title> <title>Mes albums</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Mes albums</h1> <h1>Mes albums</h1>
<!-- FORMULAIRE AJOUT ALBUM --> <!-- FORMULAIRE AJOUT ALBUM -->
<h3>Créer un album</h3> <h2>Créer un album</h2>
<form th:action="@{/albums/create}" method="post"> <form th:action="@{/albums/create}" method="post">
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" /> <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
<label>Nom :</label> <label>Nom :</label>
@@ -64,7 +74,14 @@
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

24
src/main/resources/templates/mes-photos.html
View File

@@ -4,10 +4,18 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Mes photos</title> <title>Mes photos</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h2>Mes photos</h2> <h1>Mes photos</h1>
<p><a th:href="@{/upload}">Uploader une photo</a></p>
<p><a th:href="@{/}">Retour accueil</a></p>
<h2>Mes photos privées</h2> <h2>Mes photos privées</h2>
<div> <div>
<a th:each="p : ${photosPrivees.content}" th:if="${p != null}" <a th:each="p : ${photosPrivees.content}" th:if="${p != null}"
@@ -91,6 +99,14 @@
<p><a th:href="@{/galerie}">Galerie publique</a></p> <p><a th:href="@{/galerie}">Galerie publique</a></p>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

31
src/main/resources/templates/photo-detail.html
View File

@@ -4,15 +4,21 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Détail de la photo</title> <title>Détail de la photo</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Détail de la photo</h1> <h1>Détail de la photo</h1>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/galerie}">Galerie publique</a> |
<a th:href="@{/mes-photos}">Mes photos</a>
</p>
<!-- Affichage de la photo --> <!-- Affichage de la photo -->
<div> <div>
@@ -23,7 +29,9 @@
<!-- Infos --> <!-- Infos -->
<ul> <ul>
<li><strong>Votre rôle :</strong><span th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span></li> <li><strong>Votre rôle :</strong><span
th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span>
</li>
<li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li> <li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li>
<li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li> <li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li>
<li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li> <li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li>
@@ -87,7 +95,6 @@
</div> </div>
<!-- Commentaires --> <!-- Commentaires -->
<h2>Commentaires</h2> <h2>Commentaires</h2>
<div th:each="c : ${commentairesPage.content}"> <div th:each="c : ${commentairesPage.content}">
@@ -125,6 +132,14 @@
<p> <p>
<a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a> <a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a>
</p> </p>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

20
src/main/resources/templates/upload.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Upload - FotoSharing</title> <title>Upload - FotoSharing</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Uploader une photo</h1> <h1>Uploader une photo</h1>
<form th:action="@{/upload}" method="post" enctype="multipart/form-data"> <form th:action="@{/upload}" method="post" enctype="multipart/form-data">
@@ -17,8 +27,16 @@
</label><br/> </label><br/>
<button type="submit">Envoyer</button> <button type="submit">Envoyer</button>
</form> </form>
<p><a th:href="@{/galerie}">Galerie publique</a></p>
<div th:if="${error}" th:text="${error}"></div> <div th:if="${error}" th:text="${error}"></div>
<div th:if="${message}" th:text="${message}"></div> <div th:if="${message}" th:text="${message}"></div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

24
target/classes/templates/album-detail.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Détail album</title> <title>Détail album</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<a th:href="@{/mes-albums}">⬅ Retour aux albums</a> <a th:href="@{/mes-albums}">⬅ Retour aux albums</a>
@@ -46,7 +56,7 @@
<button type="submit">Ajouter</button> <button type="submit">Ajouter</button>
</form> </form>
<hr/> <hr/>
<h3>Gestion des partages de l’album</h3> <h2>Gestion des partages de l’album</h2>
<div th:if="${param.error}" style="color:red; font-weight:bold;"> <div th:if="${param.error}" style="color:red; font-weight:bold;">
<span th:text="${param.error}"></span> <span th:text="${param.error}"></span>
</div> </div>
@@ -94,8 +104,14 @@
Supprimer l’album Supprimer l’album
</a> </a>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

20
target/classes/templates/galerie.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Galerie publique</title> <title>Galerie publique</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Galerie publique</h1> <h1>Galerie publique</h1>
@@ -35,6 +45,14 @@
</a> </a>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

7
target/classes/templates/home.html
View File

@@ -9,13 +9,14 @@
<p><a th:href="@{/mes-photos}">Voir mes photos</a></p> <p><a th:href="@{/mes-photos}">Voir mes photos</a></p>
<p><a th:href="@{/mes-albums}">Voir mes albums</a></p> <p><a th:href="@{/mes-albums}">Voir mes albums</a></p>
<p><a th:href="@{/galerie}">Voir la galerie publique</a></p> <p><a th:href="@{/galerie}">Voir la galerie publique</a></p>
<p> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;"> <form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit" <button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;"> style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter Se déconnecter
</button> </button>
</form> </form>
</p> </footer>
</body>
</html> </html>

23
target/classes/templates/mes-albums.html
View File

@@ -4,12 +4,22 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Mes albums</title> <title>Mes albums</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Mes albums</h1> <h1>Mes albums</h1>
<!-- FORMULAIRE AJOUT ALBUM --> <!-- FORMULAIRE AJOUT ALBUM -->
<h3>Créer un album</h3> <h2>Créer un album</h2>
<form th:action="@{/albums/create}" method="post"> <form th:action="@{/albums/create}" method="post">
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" /> <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
<label>Nom :</label> <label>Nom :</label>
@@ -64,7 +74,14 @@
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

24
target/classes/templates/mes-photos.html
View File

@@ -4,10 +4,18 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Mes photos</title> <title>Mes photos</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h2>Mes photos</h2> <h1>Mes photos</h1>
<p><a th:href="@{/upload}">Uploader une photo</a></p>
<p><a th:href="@{/}">Retour accueil</a></p>
<h2>Mes photos privées</h2> <h2>Mes photos privées</h2>
<div> <div>
<a th:each="p : ${photosPrivees.content}" th:if="${p != null}" <a th:each="p : ${photosPrivees.content}" th:if="${p != null}"
@@ -91,6 +99,14 @@
<p><a th:href="@{/galerie}">Galerie publique</a></p> <p><a th:href="@{/galerie}">Galerie publique</a></p>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

31
target/classes/templates/photo-detail.html
View File

@@ -4,15 +4,21 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Détail de la photo</title> <title>Détail de la photo</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Détail de la photo</h1> <h1>Détail de la photo</h1>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/galerie}">Galerie publique</a> |
<a th:href="@{/mes-photos}">Mes photos</a>
</p>
<!-- Affichage de la photo --> <!-- Affichage de la photo -->
<div> <div>
@@ -23,7 +29,9 @@
<!-- Infos --> <!-- Infos -->
<ul> <ul>
<li><strong>Votre rôle :</strong><span th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span></li> <li><strong>Votre rôle :</strong><span
th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span>
</li>
<li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li> <li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li>
<li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li> <li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li>
<li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li> <li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li>
@@ -87,7 +95,6 @@
</div> </div>
<!-- Commentaires --> <!-- Commentaires -->
<h2>Commentaires</h2> <h2>Commentaires</h2>
<div th:each="c : ${commentairesPage.content}"> <div th:each="c : ${commentairesPage.content}">
@@ -125,6 +132,14 @@
<p> <p>
<a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a> <a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a>
</p> </p>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>

20
target/classes/templates/upload.html
View File

@@ -4,6 +4,16 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Upload - FotoSharing</title> <title>Upload - FotoSharing</title>
</head> </head>
<header>
<p>
<a th:href="@{/}">Accueil</a> |
<a th:href="@{/upload}">Uploader une photo</a> |
<a th:href="@{/mes-photos}">Mes photos</a> |
<a th:href="@{/mes-albums}">Mes albums</a> |
<a th:href="@{/galerie}">Galerie publique</a>
</p>
<hr/>
</header>
<body> <body>
<h1>Uploader une photo</h1> <h1>Uploader une photo</h1>
<form th:action="@{/upload}" method="post" enctype="multipart/form-data"> <form th:action="@{/upload}" method="post" enctype="multipart/form-data">
@@ -17,8 +27,16 @@
</label><br/> </label><br/>
<button type="submit">Envoyer</button> <button type="submit">Envoyer</button>
</form> </form>
<p><a th:href="@{/galerie}">Galerie publique</a></p>
<div th:if="${error}" th:text="${error}"></div> <div th:if="${error}" th:text="${error}"></div>
<div th:if="${message}" th:text="${message}"></div> <div th:if="${message}" th:text="${message}"></div>
</body> </body>
<footer>
<hr/>
<form th:action="@{/logout}" method="post" style="display: inline;">
<button type="submit"
style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
Se déconnecter
</button>
</form>
</footer>
</html> </html>