From e8ccab62191a8255652cb5480e47a6fdedcc0f54 Mon Sep 17 00:00:00 2001
From: jon ander <jonander2233@gmail.com>
Date: Fri, 28 Mar 2025 17:25:43 +0100
Subject: [PATCH] Update HTML structure for localization, enhance logout
 functionality, and improve button styles

---
 src/main/resources/static/css/style.css        | 18 ++++++++++++++++++
 src/main/resources/templates/home.html         | 16 +++++++---------
 src/main/resources/templates/management.html   | 10 +++++++++-
 src/main/resources/templates/register.html     |  2 +-
 .../resources/templates/user_management.html   | 10 +++++++++-
 5 files changed, 44 insertions(+), 12 deletions(-)
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index b64c018..33b042c 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -27,6 +27,8 @@ p {
     box-sizing: border-box;
 }
 .container1{
+    display: inline-flex;
+    flex-direction: column;
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
@@ -34,7 +36,9 @@ p {
     width: 100%;
     max-width: 400px;
     box-sizing: border-box;
+    gap: 20px;
 }
+
 .input-group {
     margin-bottom: 15px;
 }
@@ -53,6 +57,7 @@ p {
 }
 
 button {
+
     width: 100%;
     padding: 10px;
     background-color: #007bff;
@@ -65,6 +70,19 @@ button {
 button:hover {
     background-color: #0056b3;
 }
+.button_salir {
+    width: 100%;
+    padding: 10px;
+    background-color: #ff5050;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.button_salir:hover {
+    background-color: #d90000;
+}
 #message {
     margin-top: 15px;
     text-align: center;
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index ba86cfe..0c28f6b 100644
--- a/src/main/resources/templates/home.html
+++ b/src/main/resources/templates/home.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+<html lang="es" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
 <head>
     <title>Home</title>
     <link rel="stylesheet" th:href="@{/css/style.css}">
@@ -7,20 +7,18 @@
 <body>
     <h2 th:text="${message}"></h2>
     <div class="container1">
-        <!-- Formulario de Logout (POST) -->
-        <form th:action="@{/logout}" method="post">
-            <button type="submit">Cerrar Sesión</button>
-            <!-- Token CSRF (obligatorio) -->
-            <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-        </form>
         <!-- Botón visible solo para Administradores -->
         <div sec:authorize="hasRole('ADMIN')">
-            <br>
-            <br>
             <a href="/Inventario/management">
                 <button>Gestión</button>
             </a>
         </div>
+        <!-- Formulario de Logout (POST) -->
+        <form th:action="@{/logout}" method="post">
+            <button class="button_salir" type="submit">Cerrar Sesión</button>
+            <!-- Token CSRF (obligatorio) -->
+            <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+        </form>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/management.html b/src/main/resources/templates/management.html
index 582b972..cd5100e 100644
--- a/src/main/resources/templates/management.html
+++ b/src/main/resources/templates/management.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+<html lang="es" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
 <head>
     <title>Gestión</title>
     <link rel="stylesheet" th:href="@{/css/style.css}">
@@ -10,6 +10,14 @@
         <a href="/Inventario/user_managemment">
             <button>Gestión de Usuarios</button>
         </a>
+        <!-- TODO: Cambiar la ruta a la de gestionar inventario -->
+        <a href="/Inventario/user_managemment">
+            <button>Gestión de Inventario</button>
+        </a>
+        <a href="/Inventario/home">
+            <button class="button_salir">Volver al inicio</button>
+        </a>
+
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/register.html b/src/main/resources/templates/register.html
index e49b935..8de92e3 100644
--- a/src/main/resources/templates/register.html
+++ b/src/main/resources/templates/register.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org">
+<html lang="es" xmlns:th="http://www.thymeleaf.org">
     <head>
         <title>Registro</title>
         <link rel="stylesheet" th:href="@{/css/style.css}">
diff --git a/src/main/resources/templates/user_management.html b/src/main/resources/templates/user_management.html
index 527495b..0b1ccba 100644
--- a/src/main/resources/templates/user_management.html
+++ b/src/main/resources/templates/user_management.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+<html lang="es" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
     <head>
         <title>User management</title>
         <link rel="stylesheet" th:href="@{/css/style.css}">
@@ -10,7 +10,15 @@
             <a href="/Inventario/register">
                 <button>Registrar usuario</button>
             </a>
+<!--            TODO: modificar ruta-->
+            <a href="/Inventario/register">
+                <button>Borrar usuario</button>
+            </a>
+            <a href="/Inventario/home">
+                <button class="button_salir">Volver al inicio</button>
+            </a>
         </div>
+        <!-- TODO: añadir botón para para editar usuarios -->
     </body>
 </html>
 
