generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
categories.html
44 lines (40 loc) · 1.61 KB
/
categories.html
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
{% extends 'base.html' %}
{% block title %}Categories{% endblock %}
{% block content %}
<!-- Categories page -->
<div class="row">
<h3><i class="fas fa-cog"></i> Categories</h3>
{% for category in categories %}
<div>
<ul class="category-frame">
<li>
<div class="category-frame-header">
<div class="category_header col s5">
<strong>{{ category.category_name }}</strong>
</div>
<div class="col s5">
<!-- Modal Structure -->
<div id="{{ category._id }}" class="modal">
<div class="modal-content">
<h4>Delete Category</h4>
<p>Are you sure you want to delete this category?</p>
</div>
<div class="modal-footer">
<a href="{{ url_for('delete_category', category_id=category._id) }}" class="modal-action modal-close waves-effect waves-grey btn-flat">Yes</a>
<a href="{{url_for('get_categories')}}" class="modal-action modal-close waves-effect waves-grey btn-flat">Cancel</a>
</div>
</div>
<!-- buttons -->
<div>
<!-- Modal Trigger -->
<a id="btn-delete" href="#{{ category._id }}" class="waves-effect waves-light btn grey modal-trigger"><span class="far fa-trash-alt"></span></a>
<a id="btn-edit" href="{{ url_for('edit_category', category_id=category._id) }}" class="waves-effect waves-light btn grey"><span class="fas fa-edit"></span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
{% endfor %}
</div>
{% endblock %}