blob: 454ba45140493ba3bf36edba6de3c5f471c528e2 (
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
{% extends "base.html" %}
{% load static %}
{% load markdown_extras %}
{% block title %}
Joanna Lemon Learning - Resource List
{% endblock title %}
{% block content %}
{% if request.user.is_authenticated and request.user.is_staff %}
<div class="row bg-white p-4 rounded border border-success border-opacity-25">
<h5 class="text-decoration-underline">Admin bar</h5>
<p>
Only you will see this bar - normal users will not see it. It allows us to
include buttons for adding new resources, etc.
</p>
<div class="col">
<div class="d-flex flex-row flex-wrap justify-content-between">
<div>
<a class="btn btn-primary my-md-2"
href="{% url 'resources:create_resource' %} ">Add a new resource</a>
</div>
<div class="bg-danger p-2 my-2 text-dark bg-white border border-1 border-danger">
Logged in as
<strong>{{ request.user.email }}</strong>
</div>
<div class="my-md-2">
<form action="{% url 'account_logout' %}" method="post">
{% csrf_token %}
<button type="submit" class="btn btn-primary">Log out</button>
</form>
</div>
</div>
</div>
</div>
{% endif %}
<div class="row my-4">
<!-- Featured resources first -->
<div class="col">
{% if featured_resources %}
<div class="row my-4 text-center">
<div class="col">
<h5 class="display-6">Featured resources</h5>
</div>
</div>
<div class="d-flex flex-row justify-content-between flex-wrap">
{% for resource in featured_resources %}
<!-- <div class="card mx-2 mt-2 shadow-sm ey_literacy_border" style="width: 24rem;"> -->
<div class="card mx-2 mt-2 shadow-sm" style="width: 24rem; border-color: {{ resource.main_resource_category_colour_css_class }}; border-width: 8px;">
<img class="card-img-top"
src="{{ resource.thumbnail_urls|first }}"
alt="{{ resource.thumbnail_filename }}" />
<div class="card-body">
<h5 class="card-title"><a href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a></h5>
<div class="d-flex flex-row justify-content-start align-content-center">
<div>
<span class="badge me-2" style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span>
</div>
<div>
<span class="badge bg-secondary me-2">{{ resource.age_range }}</span>
</div>
{% if request.user.is_authenticated and request.user.is_staff %}
<div>
<span class="badge bg-info me-2">Feature slot: {{ resource.feature_slot }}</span>
</div>
{% endif %}
</div>
{% if resource.card_description %}
<p class="card-text my-3">{{ resource.card_description | markdown | safe }}</p>
{% else %}
<p class="card-text my-3">{{ resource.description | markdown | safe }}</p>
{% endif %}
<a href="{% url 'resources:resource_detail' resource_id=resource.id %}"
class="btn btn-primary">Details</a>
{% if request.user.is_authenticated and request.user.is_staff %}
<a href="{% url "resources:resource_update_metadata" resource.id %}"
class="btn btn-outline-primary">Edit</a>
{% endif %}
</div>
</div>
{% endfor %}
{% else %}
<p>There are no featured resources</p>
{% endif %}
</div>
</div>
<div class="d-flex flex-row justify-content-between flex-wrap">
<div class="col">
{% if resource_list %}
<div class="row my-4 text-center">
<div class="col">
<h5 class="display-6">Standard resources</h5>
</div>
</div>
<div class="d-flex flex-row justify-content-start flex-wrap">
{% for resource in resource_list %}
{# <div class="card mx-4 mt-4 border border-width-1" style="width: 17rem;">#}
<div class="card mx-2 mt-2 shadow-sm border-width-1" style="width: 17rem; border-color: {{ resource.main_resource_category_colour_css_class }}; border-width: 8px;">
<img class="card-img-top"
src="{{ resource.thumbnail_urls|first }}"
alt="{{ resource.thumbnail_filename }}" />
<div class="card-body">
<h5 class="card-title"><a href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a></h5>
<div class="d-flex flex-row justify-content-start align-content-center">
<div>
<span class="badge me-2" style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span>
</div>
<div>
<span class="badge bg-secondary me-2">{{ resource.age_range }}</span>
</div>
</div>
{% if resource.card_description %}
<p class="card-text my-3">{{ resource.card_description | markdown | safe }}</p>
{% else %}
<p class="card-text my-3">{{ resource.description | markdown | safe }}</p>
{% endif %}
<a href="{% url 'resources:resource_detail' resource_id=resource.id %}"
class="btn btn-primary btn-sm">Details</a>
{% if request.user.is_authenticated and request.user.is_staff %}
<a href="{% url "resources:resource_update_metadata" resource.id %}"
class="btn btn-outline-primary btn-sm">Edit</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% else %}
<p>There are no resources</p>
{% endif %}
</div>
</div>
{% endblock content %}
|
