Banco de 20 Retos de Live Coding — Unidad 2

    # categoria: el último campo de texto que ya tenías
    categoria = models.CharField(max_length=60)
    # creado_en: la fecha que Django llena solo al crear el registro
    creado_en = models.DateTimeField(auto_now_add=True)

    # categoria: no se toca
    categoria = models.CharField(max_length=60)
    # creado_en: no se toca
    creado_en = models.DateTimeField(auto_now_add=True)
    # disponible: campo NUEVO; BooleanField = columna sí/no (tinyint en MySQL)
    # default=True: a los 5 registros que ya existen se les pone True, por eso no se rompen
    disponible = models.BooleanField(default=True)

    # __str__: el texto con el que Django "presenta" cada objeto
    def __str__(self):
        # hoy devuelve solo el título
        return self.titulo

    # __str__: mismo método, no cambia el nombre
    def __str__(self):
        # f-string: arma un texto con el título, un guion y el precio del objeto
        return f"{self.titulo} — ${self.precio}"

    # all(): trae todas las filas, en el orden que las devuelva MySQL
    lista_servicios = Servicio.objects.all()

    # order_by('-creado_en'): el guion significa descendente (más nuevo primero)
    # Django lo traduce a: SELECT ... FROM core_servicio ORDER BY creado_en DESC
    lista_servicios = Servicio.objects.order_by('-creado_en')

<!-- encabezado: hoy solo dos columnas -->
<th class="text-left px-4 py-2">Servicio</th>
<!-- segunda columna del encabezado -->
<th class="text-left px-4 py-2">Precio</th>
<!-- ...dentro del for, las dos celdas de cada fila -->
<td class="px-4 py-2">{{ servicio.titulo }}</td>
<!-- celda del precio -->
<td class="px-4 py-2">${{ servicio.precio }}</td>

<!-- encabezado existente, no se toca -->
<th class="text-left px-4 py-2">Servicio</th>
<!-- th NUEVO: mismas clases que los otros encabezados -->
<th class="text-left px-4 py-2">Categoría</th>
<!-- encabezado existente, no se toca -->
<th class="text-left px-4 py-2">Precio</th>
<!-- celda existente del título -->
<td class="px-4 py-2">{{ servicio.titulo }}</td>
<!-- td NUEVO: lee el campo categoria del objeto actual del for -->
<td class="px-4 py-2">{{ servicio.categoria }}</td>
<!-- celda existente del precio -->
<td class="px-4 py-2">${{ servicio.precio }}</td>

<!-- título de la página -->
<h1 class="text-2xl font-bold mb-6">Servicios</h1>
<!-- tabla: empieza justo después del h1 -->
<table class="w-full border border-slate-200 rounded-lg overflow-hidden">

<!-- h1: mb-6 baja a mb-2 para que el contador quede pegado al título -->
<h1 class="text-2xl font-bold mb-2">Servicios</h1>
<!-- p NUEVO: |length cuenta cuántos elementos trae la variable servicios -->
<p class="text-sm text-slate-500 mb-6">Total: {{ servicios|length }} servicios</p>
<!-- tabla: no se toca -->
<table class="w-full border border-slate-200 rounded-lg overflow-hidden">

<!-- cierra la fila que se repite en cada vuelta -->
</tr>
<!-- endfor: cierra el bucle; si no hay datos no se dibuja nada -->
{% endfor %}

<!-- cierra la fila que se repite, no se toca -->
</tr>
<!-- empty NUEVO: lo que sigue se muestra solo si la lista está vacía -->
{% empty %}
<!-- fila de aviso; colspan="2" la estira sobre las dos columnas -->
<tr><td colspan="2" class="px-4 py-6 text-center text-slate-500">Todavía no hay servicios.</td></tr>
<!-- endfor: sigue cerrando el bucle, ahora después del empty -->
{% endfor %}

    # all(): todas las filas de la tabla
    lista_servicios = Servicio.objects.all()

    # filter(categoria='Tutorías'): solo las filas cuya categoría sea ese texto
    # Django lo traduce a: SELECT ... WHERE categoria = 'Tutorías'
    lista_servicios = Servicio.objects.filter(categoria='Tutorías')

# admin: el módulo del panel /admin
from django.contrib import admin
# Servicio: el modelo de esta misma app
from .models import Servicio

# register: registro simple, sin personalizar nada
admin.site.register(Servicio)

# admin: no se toca
from django.contrib import admin
# Servicio: no se toca
from .models import Servicio

# @admin.register: REEMPLAZA a admin.site.register (no pueden estar los dos)
@admin.register(Servicio)
# ServicioAdmin: clase que personaliza cómo se ve Servicio en el panel
class ServicioAdmin(admin.ModelAdmin):
    # list_display: los campos que aparecen como columnas en la lista
    list_display = ('titulo', 'categoria', 'precio', 'propietario')

    # ruta 'servicios/' → función views.servicios → alias 'servicios'
    path('servicios/', views.servicios, name='servicios'),

    # solo cambia el primer texto (lo que se escribe en el navegador)
    # la vista y el name='servicios' se quedan iguales
    path('catalogo/', views.servicios, name='servicios'),

    # contexto: los datos que la plantilla puede usar
    contexto = {
        # motor: el ENGINE de la conexión
        'motor': info_bd['ENGINE'],
        # host: el servidor de Aiven
        'host': info_bd['HOST'],
    # cierra el diccionario
    }

    # contexto: mismo diccionario, con una clave más
    contexto = {
        # motor: no se toca
        'motor': info_bd['ENGINE'],
        # host: no se toca
        'host': info_bd['HOST'],
        # base: clave NUEVA, lee el NAME de la conexión (defaultdb en Aiven)
        'base': info_bd['NAME'],
    # cierra el diccionario
    }
# --- y en core/templates/core/inicio.html, debajo del párrafo del host ---
# <p>Base de datos: {{ base }}</p>   ← {{ base }} = la clave nueva del contexto

<!-- última celda de cada fila -->
<td class="px-4 py-2">${{ servicio.precio }}</td>

<!-- celda del precio, no se toca -->
<td class="px-4 py-2">${{ servicio.precio }}</td>
<!-- td NUEVO: creado_en con el filtro date; "d/m/Y" = 24/09/2026 -->
<td class="px-4 py-2">{{ servicio.creado_en|date:"d/m/Y" }}</td>
<!-- (y en el thead, un <th class="text-left px-4 py-2">Alta</th> al final) -->

  <!-- último párrafo de la página -->
  <p>Host: {{ host }}</p>
<!-- cierra el body -->
</body>

  <!-- párrafo del host, no se toca -->
  <p>Host: {{ host }}</p>
  <!-- a NUEVO: {% url 'servicios' %} busca la ruta por su name= en urls.py -->
  <a href="{% url 'servicios' %}">Ver servicios →</a>
<!-- cierra el body -->
</body>

    # descripcion: texto largo; hoy es OBLIGATORIO en los formularios
    descripcion = models.TextField()

    # blank=True: el formulario (admin) acepta dejarlo vacío
    descripcion = models.TextField(blank=True)

# LANGUAGE_CODE: idioma de los textos de Django (admin, errores)
LANGUAGE_CODE = 'en-us'
# TIME_ZONE: zona horaria con la que se muestran las fechas
TIME_ZONE = 'UTC'

# 'es-mx': español de México; el admin se traduce solo
LANGUAGE_CODE = 'es-mx'
# 'America/Hermosillo': hora de Sonora (UTC-7, sin horario de verano)
TIME_ZONE = 'America/Hermosillo'

MIDDLEWARE = [
    # 1.º: cabeceras de seguridad
    'django.middleware.security.SecurityMiddleware',
    # 2.º: sesiones
    'django.contrib.sessions.middleware.SessionMiddleware',
    # 3.º: WhiteNoise quedó DESPUÉS de sesiones (mal ubicado)
    'whitenoise.middleware.WhiteNoiseMiddleware',

MIDDLEWARE = [
    # 1.º: cabeceras de seguridad, sigue primero
    'django.middleware.security.SecurityMiddleware',
    # 2.º: WhiteNoise JUSTO después de SecurityMiddleware, como pide su documentación
    'whitenoise.middleware.WhiteNoiseMiddleware',
    # 3.º: sesiones baja un lugar; el resto de la lista no se toca
    'django.contrib.sessions.middleware.SessionMiddleware',

# DEBUG fijo: en Render también quedaría encendido
DEBUG = True

# config('DEBUG'): lee la variable del .env (local) o de Render (producción)
# default=False: si la variable no existe, se apaga (opción segura)
# cast=bool: convierte el texto "True"/"False" en booleano de Python
DEBUG = config('DEBUG', default=False, cast=bool)

# --- en tu .env local agrega esta línea ---
# DEBUG=True

# config: hoy solo se importa config
from decouple import config
# lista vacía: con DEBUG=False Django no acepta atender a NINGÚN dominio
ALLOWED_HOSTS = []

# Csv: convierte "a.com,b.com" en la lista ['a.com', 'b.com']
from decouple import config, Csv
# ALLOWED_HOSTS: se lee de la variable de entorno y se separa por comas
ALLOWED_HOSTS = config('ALLOWED_HOSTS', default='', cast=Csv())

# --- en Render → Environment ---
# ALLOWED_HOSTS=tu-proyecto.onrender.com
# --- en tu .env local ---
# ALLOWED_HOSTS=127.0.0.1,localhost

# asgiref: dependencia interna que Django instala solo
asgiref==3.12.1
# Django: el framework
Django==6.1.1
# PyMySQL: el conector a MySQL de Aiven
PyMySQL==1.2.0
# python-decouple: lee el .env con config()
python-decouple==3.8
# sqlparse: otra dependencia interna de Django
sqlparse==0.6.0
# tzdata: zonas horarias; y aquí termina: NO están gunicorn ni whitenoise
tzdata==2026.4

# instala los dos paquetes de producción dentro del venv (si no estaban)
$ pip install gunicorn whitenoise
# pip freeze: lista lo instalado; > sobrescribe requirements.txt con esa lista
$ pip freeze > requirements.txt
# git diff: muestra las líneas nuevas (gunicorn==..., whitenoise==...)
$ git diff requirements.txt

# venv/: no se sube el entorno virtual
venv/
# .env: contraseñas reales, nunca a GitHub
.env
# __pycache__/: archivos compilados de Python
__pycache__/

# las tres líneas de antes no se tocan
venv/
# .env sigue ignorado
.env
# __pycache__/ sigue ignorado
__pycache__/
# db.sqlite3: NUEVA; la base local vieja no es parte del código (usamos MySQL)
db.sqlite3
# staticfiles/: NUEVA; carpeta que collectstatic genera sola en Render
staticfiles/

# muestra lo modificado: models.py y la migración nueva sin commit
$ git status

# prepara models.py y core/migrations/0002_servicio_disponible.py
$ git add .
# guarda el cambio con un mensaje que dice QUÉ se hizo
$ git commit -m "Agregar campo disponible a Servicio"
# sube a GitHub; Render detecta el push, redespliega y corre su Build Command
$ git push
# --- el Build Command de Render ya incluye migrate (no se escribe a mano): ---
# pip install -r requirements.txt && python manage.py collectstatic --noinput && python manage.py migrate