Gestión de temporadas añadida

This commit is contained in:
adrigongv23 2026-06-30 17:39:25 +02:00
parent 97d38a086c
commit 408d4d006e
6 changed files with 398 additions and 158 deletions

View file

@ -1,111 +1,111 @@
{% load static %}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Intranet | Formula Gades{% endblock title %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/estilos.css' %}">
{% block extra_head %}{% endblock extra_head %}
<style>
html, body { overflow: hidden; height: 100%; }
</style>
</head>
<body class="bg-light text-dark d-flex flex-column min-vh-100">
<nav class="navbar navbar-expand-xl navbar-dark bg-dark sticky-top shadow-sm">
<div class="container-fluid px-4">
<a class="navbar-brand d-flex align-items-center" href="{% url 'inicio' %}">
<img src="{% static 'images/logo_gades.png' %}" alt="Logo Gades" height="40" class="me-2">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item dropdown px-2">
<a class="nav-link dropdown-toggle" href="#" id="areasDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Áreas Técnicas
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="areasDropdown">
<li><a class="dropdown-menu-item dropdown-item" href="#">Aerodinámica</a></li>
<li><a class="dropdown-item" href="#">Chasis</a></li>
<li><a class="dropdown-item" href="#">Bussiness & Operation</a></li>
<li><a class="dropdown-item" href="#">E_Powertrain</a></li>
<li><a class="dropdown-item" href="#">Electrónica</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="#">Software</a></li>
</ul>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="#">Pruebas</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="#">Patrocinios</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="{% url 'listado_miembros' %}">Miembros</a>
</li>
{% if user.is_authenticated and user.rol == 'directiva' %}
<li class="nav-item px-2">
<a class="nav-link text-warning" href="#">Contabilidad</a>
</li>
<li class="nav-item dropdown px-2">
<a class="nav-link dropdown-toggle text-warning" href="#" id="gestionDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Gestión
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="gestionDropdown">
<li><a class="dropdown-item" href="{% url 'gestion_usuarios' %}">Gestión de Usuarios</a></li>
<li><a class="dropdown-item" href="#">Gestión de Temporadas</a></li>
</ul>
</li>
{% endif %}
<li class="nav-item dropdown ms-3 border-start ps-3">
<a class="nav-link dropdown-toggle d-flex align-items-center" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<div class="bg-secondary rounded-circle d-flex align-items-center justify-content-center text-white fw-bold shadow-sm" style="width: 35px; height: 35px;">
{{ user.first_name|slice:":1"|upper }}
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li><span class="dropdown-item-text fw-bold text-muted">Hola, {{ user.first_name }}</span></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{% url 'mi_perfil' %}">Mi Perfil</a></li>
<li>
<form method="post" action="{% url 'logout' %}">
{% csrf_token %}
<button type="submit" class="dropdown-item text-danger">Cerrar Sesión</button>
</form>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<main class="container-fluid py-3 px-4 flex-grow-1 d-flex flex-column" style="min-height: 0;">
{% block content %}
{% endblock content %}
</main>
<footer class="bg-dark text-white text-center py-2 mt-auto border-top border-secondary">
<p class="mb-0 small">&copy; 2026 Formula Gades - Universidad de Cádiz. Todos los derechos reservados.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
{% block extra_js %}{% endblock extra_js %}
</body>
{% load static %}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Intranet | Formula Gades{% endblock title %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/estilos.css' %}">
{% block extra_head %}{% endblock extra_head %}
<style>
html, body { overflow: hidden; height: 100%; }
</style>
</head>
<body class="bg-light text-dark d-flex flex-column min-vh-100">
<nav class="navbar navbar-expand-xl navbar-dark bg-dark sticky-top shadow-sm">
<div class="container-fluid px-4">
<a class="navbar-brand d-flex align-items-center" href="{% url 'inicio' %}">
<img src="{% static 'images/logo_gades.png' %}" alt="Logo Gades" height="40" class="me-2">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item dropdown px-2">
<a class="nav-link dropdown-toggle" href="#" id="areasDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Áreas Técnicas
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="areasDropdown">
<li><a class="dropdown-menu-item dropdown-item" href="#">Aerodinámica</a></li>
<li><a class="dropdown-item" href="#">Chasis</a></li>
<li><a class="dropdown-item" href="#">Bussiness & Operation</a></li>
<li><a class="dropdown-item" href="#">E_Powertrain</a></li>
<li><a class="dropdown-item" href="#">Electrónica</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="#">Software</a></li>
</ul>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="#">Pruebas</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="#">Patrocinios</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="{% url 'listado_miembros' %}">Miembros</a>
</li>
{% if user.is_authenticated and user.rol == 'directiva' %}
<li class="nav-item px-2">
<a class="nav-link text-warning" href="#">Contabilidad</a>
</li>
<li class="nav-item dropdown px-2">
<a class="nav-link dropdown-toggle text-warning" href="#" id="gestionDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Gestión
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="gestionDropdown">
<li><a class="dropdown-item" href="{% url 'gestion_usuarios' %}">Gestión de Usuarios</a></li>
<li><a class="dropdown-item" href="{% url 'gestion_temporadas' %}">Gestión de Temporadas</a></li>
</ul>
</li>
{% endif %}
<li class="nav-item dropdown ms-3 border-start ps-3">
<a class="nav-link dropdown-toggle d-flex align-items-center" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<div class="bg-secondary rounded-circle d-flex align-items-center justify-content-center text-white fw-bold shadow-sm" style="width: 35px; height: 35px;">
{{ user.first_name|slice:":1"|upper }}
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li><span class="dropdown-item-text fw-bold text-muted">Hola, {{ user.first_name }}</span></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{% url 'mi_perfil' %}">Mi Perfil</a></li>
<li>
<form method="post" action="{% url 'logout' %}">
{% csrf_token %}
<button type="submit" class="dropdown-item text-danger">Cerrar Sesión</button>
</form>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<main class="container-fluid py-3 px-4 flex-grow-1 d-flex flex-column" style="min-height: 0;">
{% block content %}
{% endblock content %}
</main>
<footer class="bg-dark text-white text-center py-2 mt-auto border-top border-secondary">
<p class="mb-0 small">&copy; 2026 Formula Gades - Universidad de Cádiz. Todos los derechos reservados.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
{% block extra_js %}{% endblock extra_js %}
</body>
</html>

View file

@ -0,0 +1,96 @@
{% extends 'base.html' %}
{% load static %}
{% block title %}{% if temporada %}Editar Temporada{% else %}Nueva Temporada{% endif %} | Gades Manager{% endblock title %}
{% block content %}
<div class="row mb-3 flex-shrink-0">
<div class="col-12">
<div class="bg-dark text-white p-3 rounded-3 shadow-sm" style="border-left: 5px solid #0d6efd;">
<h1 class="display-6 fw-bold mb-1">{% if temporada %}Editar Temporada{% else %}Nueva Temporada{% endif %}</h1>
<p class="text-white-50 mb-0">{% if temporada %}{{ temporada.nombre }}{% else %}Rellena los datos de la nueva temporada.{% endif %}</p>
</div>
</div>
</div>
<div class="row g-4" style="overflow-y: auto;">
<div class="col-12 col-lg-8">
<div class="card border-0 shadow-sm">
<div class="card-body p-4">
<form method="post">
{% csrf_token %}
<div class="mb-3">
<label for="{{ form.nombre.id_for_label }}" class="form-label fw-semibold">Nombre</label>
<input type="text" name="nombre" id="{{ form.nombre.id_for_label }}"
class="form-control {% if form.nombre.errors %}is-invalid{% endif %}"
value="{{ form.nombre.value|default:'' }}" placeholder="Ej: Gades 2025-26">
{% for error in form.nombre.errors %}
<div class="invalid-feedback">{{ error }}</div>
{% endfor %}
</div>
<div class="row g-2 mb-3">
<div class="col-6">
<label for="{{ form.fecha_inicio.id_for_label }}" class="form-label fw-semibold">Fecha de inicio</label>
{{ form.fecha_inicio }}
{% for error in form.fecha_inicio.errors %}
<div class="text-danger small mt-1">{{ error }}</div>
{% endfor %}
</div>
<div class="col-6">
<label for="{{ form.fecha_fin.id_for_label }}" class="form-label fw-semibold">Fecha de fin</label>
{{ form.fecha_fin }}
{% for error in form.fecha_fin.errors %}
<div class="text-danger small mt-1">{{ error }}</div>
{% endfor %}
</div>
</div>
<div class="mb-3">
<label for="{{ form.presupuesto.id_for_label }}" class="form-label fw-semibold">Presupuesto (€)</label>
<input type="number" name="presupuesto" id="{{ form.presupuesto.id_for_label }}"
class="form-control {% if form.presupuesto.errors %}is-invalid{% endif %}"
value="{{ form.presupuesto.value|default:'0.00' }}" step="0.01" min="0">
{% for error in form.presupuesto.errors %}
<div class="invalid-feedback">{{ error }}</div>
{% endfor %}
</div>
<div class="mb-4 form-check">
<input type="checkbox" name="actual" id="{{ form.actual.id_for_label }}"
class="form-check-input" {% if form.actual.value %}checked{% endif %}>
<label for="{{ form.actual.id_for_label }}" class="form-check-label fw-semibold">
Marcar como temporada activa
</label>
<div class="form-text">Solo puede haber una temporada activa. Al marcar esta se desactivarán las demás automáticamente.</div>
</div>
<div class="mb-4">
<label class="form-label fw-semibold">Miembros</label>
<div class="border rounded p-3" style="max-height: 220px; overflow-y: auto;">
{% for checkbox in form.miembros %}
<div class="form-check">
{{ checkbox.tag }}
<label class="form-check-label" for="{{ checkbox.id_for_label }}">
{{ checkbox.choice_label }}
</label>
</div>
{% empty %}
<span class="text-secondary small">No hay usuarios en el sistema.</span>
{% endfor %}
</div>
</div>
<div class="d-flex gap-2">
<button type="submit" class="btn btn-primary fw-bold px-4">Guardar</button>
<a href="{% url 'gestion_temporadas' %}" class="btn btn-outline-secondary px-4">Cancelar</a>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock content %}

View file

@ -0,0 +1,100 @@
{% extends 'base.html' %}
{% load static %}
{% block title %}Gestión de Temporadas | Gades Manager{% endblock title %}
{% block content %}
<div class="row mb-3 flex-shrink-0">
<div class="col-12">
<div class="bg-dark text-white p-3 rounded-3 shadow-sm d-flex justify-content-between align-items-center" style="border-left: 5px solid #0d6efd;">
<div>
<h1 class="display-6 fw-bold mb-1">Gestión de Temporadas</h1>
<p class="text-white-50 mb-0">Crea, edita y elimina temporadas del equipo.</p>
</div>
<a href="{% url 'crear_temporada' %}" class="btn btn-primary fw-bold">+ Nueva Temporada</a>
</div>
</div>
</div>
<div class="row g-4" style="overflow-y: auto;">
{% if messages %}
<div class="col-12">
{% for message in messages %}
<div class="alert alert-success py-2 small mb-0">{{ message }}</div>
{% endfor %}
</div>
{% endif %}
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-body p-4">
<div class="table-responsive">
<table class="table table-hover align-middle">
<thead class="table-dark">
<tr>
<th>Nombre</th>
<th>Fecha inicio</th>
<th>Fecha fin</th>
<th>Presupuesto</th>
<th>Miembros</th>
<th>Estado</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
{% for temporada in temporadas %}
<tr>
<td class="fw-semibold">{{ temporada.nombre }}</td>
<td>{{ temporada.fecha_inicio|date:"d/m/Y" }}</td>
<td>{{ temporada.fecha_fin|date:"d/m/Y" }}</td>
<td>{{ temporada.presupuesto|floatformat:2 }} €</td>
<td>{{ temporada.miembros.count }}</td>
<td>
{% if temporada.actual %}
<span class="badge bg-success">Activa</span>
{% else %}
<span class="badge bg-secondary">Anterior</span>
{% endif %}
</td>
<td class="d-flex gap-2">
<a href="{% url 'editar_temporada' temporada.pk %}" class="btn btn-sm btn-outline-primary">Editar</a>
<button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#eliminarModal{{ temporada.pk }}">Eliminar</button>
</td>
</tr>
<div class="modal fade" id="eliminarModal{{ temporada.pk }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmar eliminación</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
¿Seguro que quieres eliminar la temporada <strong>{{ temporada.nombre }}</strong>? Esta acción no se puede deshacer.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
<form method="post" action="{% url 'eliminar_temporada' temporada.pk %}">
{% csrf_token %}
<button type="submit" class="btn btn-danger fw-bold">Eliminar</button>
</form>
</div>
</div>
</div>
</div>
{% empty %}
<tr>
<td colspan="7" class="text-center text-secondary py-4">No hay temporadas creadas todavía.</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}