hanze/muizenval

server/templates/trap.html in master
Repositories | Summary | Log | Files

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>&deg;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 %}