Update day 16

Signed-off-by: Manuel Vergara <manuel@vergaracarmona.es>
2023-05-27 18:07:33 +02:00 · 2023-05-27 18:07:33 +02:00 · 376742e0a3
commit 376742e0a3
parent 374f2e5276
10 changed files with 110 additions and 4 deletions
--- a/python-total/dia_16/README.md
+++ b/python-total/dia_16/README.md
@ -894,7 +894,7 @@ class PaginaRegistro(FormView):

            return redirect('tareas')

-        return super(PaginaRegistro, self.get(*args, **kwargs))
+        return super(PaginaRegistro, self).get(*args, **kwargs)
 ```


@ -938,7 +938,55 @@ Ahora ya se queda la palabra:

 ## 16.19. - Un estilo para todas las vistas

+Vamos a crear un estilo para todas las vistas.
+Para empezar, vamos a quitar la columna "ver" que ya no necesitamos. Tan solo de tarea_list.html eliminamos su línea:
+```html
+<td><a href="{% url 'tarea' tarea.id %}">Ver</a></td>
+```

+Ahora necesitamos un html completo, con una estructura básica, que le vamos a llamar principal.html y es donde vamos a incluir los estilos. Por ahora le damos un color al fondo para probar y dentro de un div creamos la estructura:
+```html
+<!DOCTYPE html>
+<html lang="es">
+
+    <head>
+        <meta charset="UTF-8">
+        <title>Lista de Pendientes</title>
+
+        <style>
+
+            body {
+                background-color: aqua;
+            }
+
+        </style>
+
+    </head>
+    <body>
+
+        <div class="container">
+            {% block content %}
+
+            {% endblock content %}
+        </div>
+
+    </body>
+</html>
+```
+
+Ahora vamos a tarea_list.html para indicar que tenga de base el anterior html:
+```html
+{% extends 'base/principal.html' %}
+{% block content %}
+
+{% endblock content %}
+```
+
+Dentro de "block content" se debe incluir el contenido de toda la página tarea_list.html y ahora ya veremos el color aqua de background:
+
+![](../img/dia16_41.png)
+
+Ahora tenemos que repetir la operación en cada una de las páginas para que principal.html tenga el estilo de todas.

 ## 16.20. - Estilo general

--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/login.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/login.html
@ -1,3 +1,6 @@
+{% extends 'base/principal.html' %}
+{% block content %}
+
 <h1>Ingresar</h1>

 <form method="post" action="">
@ -9,3 +12,5 @@
 </form>

 <p>¿No tienes cuenta?<a href="{% url 'registro' %}">Registrate</a></p>
+
+{% endblock content %}
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/principal.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/principal.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="es">
+    <head>
+        <meta charset="UTF-8">
+        <title>Lista de Pendientes</title>
+
+        <style>
+            body {
+                background-color: aqua;
+            }   
+        </style>
+
+    </head>
+    <body>
+
+        <div class="container">
+            {% block content %}
+
+
+
+            {% endblock content %}
+
+        </div>
+
+
+    </body>
+</html>
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/registro.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/registro.html
@ -1,3 +1,6 @@
+{% extends 'base/principal.html' %}
+{% block content %}
+
 <h1>Registro</h1>

 <form method="post" action="">
@ -8,4 +11,6 @@

 </form>

-<p>Ya tienes cuenta?<a href="{% url 'login' %}">Registrate</a></p>
+<p>Ya tienes cuenta?<a href="{% url 'login' %}">Login</a></p>
+
+{% endblock content %}
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea.html
@ -1,2 +1,6 @@
+{% extends 'base/principal.html' %}
+{% block content %}
+
 <h1>Tarea: {{tarea}} </h1>

+{% endblock content %}
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_confirm_delete.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_confirm_delete.html
@ -1,3 +1,5 @@
+{% extends 'base/principal.html' %}
+{% block content %}

 <a href="{% url 'tareas' %}">Volver</a>

@ -6,3 +8,5 @@
    <p>Vas a eliminar esta tarea: "{{tarea}}"</p>
    <input type="submit" value="Eliminar">
 </form>
+
+{% endblock content %}
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_form.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_form.html
@ -1,3 +1,6 @@
+{% extends 'base/principal.html' %}
+{% block content %}
+
 <h1>Formulario de tareas</h1>

 <a href="{% url 'tareas' %}">Volver</a>
@ -7,3 +10,5 @@
    {{form.as_p}}
    <input type="submit" value="Enviar">
 </form>
+
+{% endblock content %}
--- a/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_list.html
+++ b/python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_list.html
@ -1,3 +1,7 @@
+{% extends 'base/principal.html' %}
+
+{% block content %}
+
 {% if request.user.is_authenticated %}
    <p>
        {{request.user}}
@ -36,7 +40,6 @@

    <tr>
        <td>{{ tarea.titulo }}</td>
-        <td><a href="{% url 'tarea' tarea.id %}">Ver</a></td>
        <td><a href="{% url 'editar-tarea' tarea.id %}">Editar</a></td>
        <td><a href="{% url 'eliminar-tarea' tarea.id %}">Eliminar</a></td>
    </tr>
@ -47,3 +50,7 @@
    {% endfor %}
    
 </table>
+
+
+{% endblock content %}
+
--- a/python-total/dia_16/mi_web/src/proyecto/base/views.py
+++ b/python-total/dia_16/mi_web/src/proyecto/base/views.py
@ -38,7 +38,8 @@ class PaginaRegistro(FormView):
    def get(self, *args, **kwargs):
        if self.request.user.is_authenticated:
            return redirect('tareas')
-        return super(PaginaRegistro, self.get(*args, **kwargs))
+
+        return super(PaginaRegistro, self).get(*args, **kwargs)


 class ListaPendientes(LoginRequiredMixin, ListView):
--- a/python-total/img/dia16_41.png
+++ b/python-total/img/dia16_41.png