45 lines
1021 B
HTML
45 lines
1021 B
HTML
{% extends 'base.html' %}
|
|
{% load commonmark %}
|
|
{% load static from staticfiles %}
|
|
{% load imageutils %}
|
|
{% block extra_head %}
|
|
<script src="{% static "js/jquery.dataTables.min.js" %}"></script>
|
|
<link rel="stylesheet" href="{% static 'css/jquery.dataTables.min.css' %}">
|
|
{% endblock extra_head %}
|
|
{% block content %}
|
|
<div class="row">
|
|
<h2>Village Gear To Order</h2>
|
|
<div class="lead">
|
|
This is a list of village gear to order from our supplier
|
|
</div>
|
|
<div>
|
|
This table shows all different village stuff that needs to be ordered
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<th>Quantity</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for key, val in village.items %}
|
|
<tr>
|
|
<td>{{ key }}</td>
|
|
<td>{{ val }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('.table').DataTable();
|
|
});
|
|
</script>
|
|
|
|
{% endblock content %}
|