blob: c978b319ce5a2cc042db12d649983dccd4aa5ca2 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
{% extends "base.html" %}
{% block title %}
Joanna Lemon Resources - Resource List
{% endblock title %}
{% block content %}
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex flex-row justify-content-between">
{% if request.user.is_authenticated %}
<div>
<a class="btn btn-primary" href="{% url 'resources:create_resource' %} ">Add a new resource</a>
</div>
<div>
Logged in as {{ request.user.email }}
</div>
<div>
<form action="{% url 'account_logout' %}" method="post">
{% csrf_token %}
<button type="submit">Log out</button>
</form>
</div>
{% endif %}
</div>
</div>
</div>
<div class="row my-4">
<div class="col">
{% if resource_list %}
<div class="d-flex flex-row justify-content-between flex-wrap">
{% for resource in resource_list %}
<div class="card mx-2 mt-2" style="width: 22rem;">
<div class="card-header position-relative">
<div class="text-success">
Featured
<!-- <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">£5.99!</span> -->
</div>
</div>
<img class="card-img-top" src="{{ resource.thumbnail_urls|first }}"
alt="{{ resource.thumbnail_filename }}">
<div class="card-body">
<h5 class="card-title">{{ resource.name }}</h5>
<div class="d-flex flex-row justify-content-start align-content-center">
<div>
<span class="badge text-bg-secondary me-2">{{ resource.main_resource_category_name }}</span>
</div>
<div>
<span class="badge text-bg-success me-2">{{ resource.age_range }}</span>
</div>
</div>
<p class="card-text my-3">{{ resource.description }}</p>
<a href="{% url 'resources:resource_detail' resource_id=resource.id %}"
class="btn btn-secondary">More...</a>
</div>
</div>
{% endfor %}
</div>
{% else %}
<p>There are no resources</p>
{% endif %}
</div>
</div>
</div>
{% endblock content %}
|
