mirror of
https://github.com/adrigongv23/G26---Telemetry-Software.git
synced 2026-08-25 19:43:16 +02:00
Restructuración breve de la página principal
This commit is contained in:
adrigongv23
parent
8d3205bf8f
commit
cf862e56c7
5 changed files with 88 additions and 70 deletions
|
|
@ -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>
|
||||
<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 class="text-end mt-2 mt-md-0">
|
||||
<span class="badge bg-primary fs-6 px-3 py-2 shadow-sm">
|
||||
|
|
@ -20,75 +20,95 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
{% if user.rol != 'directiva' %}
|
||||
|
||||
<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">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 class="row align-items-center g-4">
|
||||
|
||||
<div class="col-12 col-lg-7 text-center">
|
||||
<div class="shadow rounded-3 overflow-hidden">
|
||||
<img src="{% static 'images/monoplaza_gades.jpg' %}" alt="Monoplaza Formula Gades" class="img-fluid rounded-3 d-block mx-auto">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">Miembros del Equipo</h4>
|
||||
<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.
|
||||
</p>
|
||||
<a href="#" class="btn btn-outline-primary w-100 mt-3 fw-bold">Ver Directorio</a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-5">
|
||||
<div class="row g-3">
|
||||
|
||||
{% if user.rol != 'directiva' %}
|
||||
|
||||
<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">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>
|
||||
|
||||
{% 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>
|
||||
{% endblock content %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue