Restructuración breve de la página principal

This commit is contained in:
adrigongv23 2026-05-24 12:50:38 +02:00
parent 8d3205bf8f
commit cf862e56c7
5 changed files with 88 additions and 70 deletions

View file

@ -16,7 +16,7 @@ Including another URLconf
""" """
from django.contrib import admin from django.contrib import admin
from django.urls import path, include from django.urls import path
from gestion import views # Importamos las vistas de la app donde guardaste la función from gestion import views # Importamos las vistas de la app donde guardaste la función
urlpatterns = [ urlpatterns = [

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 MiB

View file

@ -17,7 +17,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm">
<div class="container-fluid px-4"> <div class="container-fluid px-4">
<a class="navbar-brand d-flex align-items-center" href="#"> <a class="navbar-brand d-flex align-items-center" href="#">
<img src="{% static 'imagenes/logo_gades.png' %}" alt="Logo Gades" height="40" class="me-2"> <img src="{% static 'images/logo_gades.png' %}" alt="Logo Gades" height="40" class="me-2">
<span class="fw-bold tracking-wider">GADES MANAGER</span> <span class="fw-bold tracking-wider">GADES MANAGER</span>
</a> </a>
@ -41,8 +41,6 @@
<li><a class="dropdown-item" href="#">SDF</a></li> <li><a class="dropdown-item" href="#">SDF</a></li>
<li><a class="dropdown-item" href="#">Motor & Transmisión</a></li> <li><a class="dropdown-item" href="#">Motor & Transmisión</a></li>
<li><a class="dropdown-item" href="#">Software</a></li> <li><a class="dropdown-item" href="#">Software</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Ver todas</a></li>
</ul> </ul>
</li> </li>
@ -90,7 +88,7 @@
</div> </div>
</nav> </nav>
<main class="container-fluid py-4 px-4" style="min-height: 80vh;"> <main class="container-fluid py-4 px-4" style="min-height: 87.15vh;">
{% block content %} {% block content %}
{% endblock content %} {% endblock content %}
</main> </main>

View file

@ -9,7 +9,7 @@
<div class="bg-dark text-white p-4 rounded-3 shadow-sm d-flex justify-content-between align-items-center flex-wrap" style="border-left: 5px solid #0d6efd;"> <div class="bg-dark text-white p-4 rounded-3 shadow-sm d-flex justify-content-between align-items-center flex-wrap" style="border-left: 5px solid #0d6efd;">
<div> <div>
<h1 class="display-6 fw-bold mb-1">Bienvenido, {{ user.first_name }} {{ user.last_name }}</h1> <h1 class="display-6 fw-bold mb-1">Bienvenido, {{ user.first_name }} {{ user.last_name }}</h1>
<p class="text-muted mb-0"> Panel de control de la plataforma de gestión interna.</p> <p class="text-white-50 mb-0">Panel de control de la plataforma de gestión interna.</p>
</div> </div>
<div class="text-end mt-2 mt-md-0"> <div class="text-end mt-2 mt-md-0">
<span class="badge bg-primary fs-6 px-3 py-2 shadow-sm"> <span class="badge bg-primary fs-6 px-3 py-2 shadow-sm">
@ -20,75 +20,95 @@
</div> </div>
</div> </div>
<div class="row g-4"> <div class="row align-items-center g-4">
{% if user.rol != 'directiva' %} <div class="col-12 col-lg-7 text-center">
<div class="shadow rounded-3 overflow-hidden">
<div class="col-12 col-md-6 col-lg-4"> <img src="{% static 'images/monoplaza_gades.jpg' %}" alt="Monoplaza Formula Gades" class="img-fluid rounded-3 d-block mx-auto">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body d-flex flex-column p-4">
<h4 class="card-title fw-bold mb-3 text-dark">Mi Área Técnica</h4>
<p class="card-text text-secondary flex-grow-1">
Acceso directo al espacio de trabajo de tu departamento asignado. Permite consultar la documentación técnica interna, subir archivos y tramitar el buzón de compras.
</p>
<a href="#" class="btn btn-outline-primary w-100 mt-3 fw-bold">Acceder a mi Área</a>
</div>
</div>
</div>
{% endif %}
<div class="col-12 col-md-6 col-lg-4">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body d-flex flex-column p-4">
<h4 class="card-title fw-bold mb-3 text-dark">Pruebas y Telemetría</h4>
<p class="card-text text-secondary flex-grow-1">
Módulo destinado a la carga de registros de datos en formato CSV y al procesamiento de la telemetría del monoplaza para su posterior visualización gráfica.
</p>
<a href="#" class="btn btn-outline-primary w-100 mt-3 fw-bold">Ver Telemetría</a>
</div>
</div> </div>
</div> </div>
<div class="col-12 col-md-6 col-lg-4"> <div class="col-12 col-lg-5">
<div class="card h-100 border-0 shadow-sm"> <div class="row g-3">
<div class="card-body d-flex flex-column p-4">
<h4 class="card-title fw-bold mb-3 text-dark">Miembros del Equipo</h4> {% if user.rol != 'directiva' %}
<p class="card-text text-secondary flex-grow-1">
Directorio completo del personal. Permite buscar integrantes del equipo, consultar correos de contacto corporativos y verificar la distribución por departamentos. <div class="col-12">
</p> <div class="card border-0 shadow-sm">
<a href="#" class="btn btn-outline-primary w-100 mt-3 fw-bold">Ver Directorio</a> <div class="card-body p-3">
</div> <h5 class="card-title fw-bold text-dark mb-1">Mi Área Técnica</h5>
<p class="text-secondary small mb-2">Acceso a documentación, planos y buzón de compras de tu departamento.</p>
<a href="#" class="btn btn-outline-primary btn-sm fw-bold px-3">Acceder a mi Área</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Pruebas y Telemetría</h5>
<p class="text-secondary small mb-2">Carga de archivos de registros CSV y procesamiento analítico de telemetría.</p>
<a href="#" class="btn btn-outline-primary btn-sm fw-bold px-3">Ver Telemetría</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Miembros del Equipo</h5>
<p class="text-secondary small mb-2">Directorio completo de integrantes, correos corporativos y roles.</p>
<a href="#" class="btn btn-outline-primary btn-sm fw-bold px-3">Ver Directorio</a>
</div>
</div>
</div>
{% else %}
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Pruebas y Telemetría</h5>
<p class="text-secondary small mb-2">Carga de archivos de registros CSV y procesamiento analítico de telemetría.</p>
<a href="#" class="btn btn-outline-primary btn-sm fw-bold px-3">Ver Telemetría</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Miembros del Equipo</h5>
<p class="text-secondary small mb-2">Directorio completo de integrantes, correos corporativos y roles.</p>
<a href="#" class="btn btn-outline-primary btn-sm fw-bold px-3">Ver Directorio</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm" style="border-left: 4px solid #ffc107;">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Contabilidad Global</h5>
<p class="text-secondary small mb-2">Supervisión del presupuesto anual y control del buzón financiero de facturas.</p>
<a href="#" class="btn btn-warning btn-sm fw-bold text-dark px-3">Gestionar Finanzas</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm" style="border-left: 4px solid #ffc107;">
<div class="card-body p-3">
<h5 class="card-title fw-bold text-dark mb-1">Administración del Sistema</h5>
<p class="text-secondary small mb-2">Módulo avanzado de configuración de permisos, usuarios y temporadas.</p>
<a href="#" class="btn btn-warning btn-sm fw-bold text-dark px-3">Panel de Control</a>
</div>
</div>
</div>
{% endif %}
</div> </div>
</div> </div>
{% if user.rol == 'directiva' %}
<div class="col-12 col-md-6 col-lg-4">
<div class="card h-100 border-0 shadow-sm" style="border-top: 4px solid #ffc107;">
<div class="card-body d-flex flex-column p-4">
<h4 class="card-title fw-bold mb-3 text-dark">Contabilidad Global</h4>
<p class="card-text text-secondary flex-grow-1">
Panel financiero de supervisión económica. Permite auditar el presupuesto global de la temporada, autorizar facturas técnicas y registrar los flujos de caja.
</p>
<a href="#" class="btn btn-warning w-100 mt-3 fw-bold text-dark">Gestionar Finanzas</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="card h-100 border-0 shadow-sm" style="border-top: 4px solid #ffc107;">
<div class="card-body d-flex flex-column p-4">
<h4 class="card-title fw-bold mb-3 text-dark">Administración del Sistema</h4>
<p class="card-text text-secondary flex-grow-1">
Módulo avanzado de configuración global. Habilita la edición de usuarios del sistema, la asignación de roles de seguridad y la creación de nuevas temporadas.
</p>
<a href="#" class="btn btn-warning w-100 mt-3 fw-bold text-dark">Panel de Control</a>
</div>
</div>
</div>
{% endif %}
</div> </div>
{% endblock content %} {% endblock content %}