Update day 16
Signed-off-by: Manuel Vergara <manuel@vergaracarmona.es>
This commit is contained in:
parent
374f2e5276
commit
376742e0a3
@ -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
|
||||
|
||||
|
@ -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 %}
|
||||
|
@ -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>
|
@ -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 %}
|
||||
|
@ -1,2 +1,6 @@
|
||||
{% extends 'base/principal.html' %}
|
||||
{% block content %}
|
||||
|
||||
<h1>Tarea: {{tarea}} </h1>
|
||||
|
||||
{% endblock content %}
|
||||
|
@ -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 %}
|
||||
|
@ -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 %}
|
||||
|
@ -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 %}
|
||||
|
||||
|
@ -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):
|
||||
|
BIN
python-total/img/dia16_41.png
Normal file
BIN
python-total/img/dia16_41.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
Loading…
Reference in New Issue
Block a user