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 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
|
## 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
|
## 16.20. - Estilo general
|
||||||
|
|
||||||
|
@ -1,3 +1,6 @@
|
|||||||
|
{% extends 'base/principal.html' %}
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
<h1>Ingresar</h1>
|
<h1>Ingresar</h1>
|
||||||
|
|
||||||
<form method="post" action="">
|
<form method="post" action="">
|
||||||
@ -9,3 +12,5 @@
|
|||||||
</form>
|
</form>
|
||||||
|
|
||||||
<p>¿No tienes cuenta?<a href="{% url 'registro' %}">Registrate</a></p>
|
<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>
|
<h1>Registro</h1>
|
||||||
|
|
||||||
<form method="post" action="">
|
<form method="post" action="">
|
||||||
@ -8,4 +11,6 @@
|
|||||||
|
|
||||||
</form>
|
</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>
|
<h1>Tarea: {{tarea}} </h1>
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
|
@ -1,3 +1,5 @@
|
|||||||
|
{% extends 'base/principal.html' %}
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
<a href="{% url 'tareas' %}">Volver</a>
|
<a href="{% url 'tareas' %}">Volver</a>
|
||||||
|
|
||||||
@ -6,3 +8,5 @@
|
|||||||
<p>Vas a eliminar esta tarea: "{{tarea}}"</p>
|
<p>Vas a eliminar esta tarea: "{{tarea}}"</p>
|
||||||
<input type="submit" value="Eliminar">
|
<input type="submit" value="Eliminar">
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
|
@ -1,3 +1,6 @@
|
|||||||
|
{% extends 'base/principal.html' %}
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
<h1>Formulario de tareas</h1>
|
<h1>Formulario de tareas</h1>
|
||||||
|
|
||||||
<a href="{% url 'tareas' %}">Volver</a>
|
<a href="{% url 'tareas' %}">Volver</a>
|
||||||
@ -7,3 +10,5 @@
|
|||||||
{{form.as_p}}
|
{{form.as_p}}
|
||||||
<input type="submit" value="Enviar">
|
<input type="submit" value="Enviar">
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
|
@ -1,3 +1,7 @@
|
|||||||
|
{% extends 'base/principal.html' %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
{% if request.user.is_authenticated %}
|
{% if request.user.is_authenticated %}
|
||||||
<p>
|
<p>
|
||||||
{{request.user}}
|
{{request.user}}
|
||||||
@ -36,7 +40,6 @@
|
|||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ tarea.titulo }}</td>
|
<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 'editar-tarea' tarea.id %}">Editar</a></td>
|
||||||
<td><a href="{% url 'eliminar-tarea' tarea.id %}">Eliminar</a></td>
|
<td><a href="{% url 'eliminar-tarea' tarea.id %}">Eliminar</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -47,3 +50,7 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
|
|
||||||
|
@ -38,7 +38,8 @@ class PaginaRegistro(FormView):
|
|||||||
def get(self, *args, **kwargs):
|
def get(self, *args, **kwargs):
|
||||||
if self.request.user.is_authenticated:
|
if self.request.user.is_authenticated:
|
||||||
return redirect('tareas')
|
return redirect('tareas')
|
||||||
return super(PaginaRegistro, self.get(*args, **kwargs))
|
|
||||||
|
return super(PaginaRegistro, self).get(*args, **kwargs)
|
||||||
|
|
||||||
|
|
||||||
class ListaPendientes(LoginRequiredMixin, ListView):
|
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