trap.html (2590B) download
1{% extends "layout.html" %}
2{% block content %}
3<div id="trap-container">
4 <article class="media content-section">
5 <div class="media-body">
6 <h1 style="text-align:center;">Dashboard</h1>
7 <div id="trap-map"></div>
8 </div>
9 </article>
10 <article class="media content-section">
11 <div class="media-body">
12 <h2 style="text-align:center;">activiteit in muizen per maand</h2>
13 <div id="trap-chart"></div>
14 </div>
15 </article>
16 <article class="media content-section">
17 <div class="media-body">
18 <h2 style="text-align: center;">activiteiten logboek</h2>
19 <div class="collapse" id="trap-collapse">
20 <table id="trap-table" class="table"></table>
21 </div>
22 <hr>
23 <div style="text-align: center;"><a data-toggle="collapse" href="#trap-collapse" role="button"
24 aria-expanded="false" aria-controls="trap-collapse">logboek openen/sluiten</a></div>
25 </div>
26 </article>
27</div>
28<template id="trap-template">
29 <article class="media content-section">
30 <div class="media-body">
31 <h3><a class="article-title link">
32 <span class="status-icons"></span>
33 |
34 <span class="name"></span>
35 </a>
36 </h3>
37 <p><i>
38 van <b><span class="owner"></span></b></span>
39 </i></p>
40 <p><b><span class="status"></span></b></p>
41 <p><i class="fas fa-face-smile"></i> geregistreerd sinds <span class="owned-date"></p>
42 <p><i class="fas fa-wave-square"></i> laaste update om <span class="last-status"></span></p>
43 <p class="accuracy"><i class="fas fa-location"></i> nauwkeurigheid: <span class="accuracy"></span>%
44 met <span class="satellites"></span> satelliet(en)</p>
45 <p><i class="fas fa-temperature-half"></i> temperatuur: <span class="temperature"></span>°C</p>
46 <p class="battery"><i class="fas fa-battery-half"></i> batterij: <span class="battery"></span>%</p>
47
48 <a class="btn btn-primary update" href="javascript:void(0)">bewerken</a>
49 <a class="btn btn-secondary location" href="javascript:void(0)"><span class="location-button"></span></a>
50 <a class="btn btn-danger delete" href="javascript:void(0)">verwijderen</a>
51 </div>
52 </article>
53</template>
54<script type="text/javascript" src="{{ url_for('static', filename='trap.js') }}"></script>
55{% endblock content %}