admin.html (2971B) download
1{% extends "layout.html" %}
2{% block content %}
3<script type="text/javascript">
4 socket.on('trap-change', function (data) {
5 if (data['user'] == current_user)
6 location.reload();
7 });
8</script>
9<article class="media content-section">
10 <div class="media-body">
11 <h3>These are traps who are waiting to be connected</h3>
12 </div>
13</article>
14
15{% for trap in connect_traps %}
16<article class="media content-section">
17 <div class="media-body">
18 <p>
19 <a class="btn btn-secondary btn-sm mt-1 mb-1"
20 href="{{ url_for('trap_update', trap_id=trap.mac) }}">Bewerken</a>
21 <a class="btn btn-secondary btn-sm mt-1 mb-1"
22 href="{{ url_for('trap_delete', trap_id=trap.mac) }}">Verwijderen</a>
23 </p>
24 <h3><a class="article-title" href="#">
25 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="{{ trap.status_color() }}"
26 class="bi bi-circle-fill" viewBox="0 0 20 20">
27 <circle cx="10" cy="10" r="10" />
28 </svg>
29 -
30 {% if trap.name %}
31 {{ trap.name }}
32 {% else %}
33 <code>[{{ trap.pretty_mac() }}]</code>
34 {% endif %}
35 </a>
36 </h3>
37 {% if trap.name %}
38 <p>
39 <code>[{{ trap.pretty_mac() }}]</code>
40 </p>
41 {% endif %}
42 </div>
43</article>
44
45<article class="media content-section">
46 <div class="media-body">
47 <h3>These are all other traps!</h3>
48 </div>
49</article>
50
51{% for trap in traps %}
52<article class="media content-section">
53 <div class="media-body">
54 <p>
55 <a class="btn btn-secondary btn-sm mt-1 mb-1"
56 href="{{ url_for('trap_update', trap_id=trap.mac) }}">Bewerken</a>
57 <a class="btn btn-secondary btn-sm mt-1 mb-1"
58 href="{{ url_for('trap_delete', trap_id=trap.mac) }}">Verwijderen</a>
59 </p>
60 <h3><a class="article-title" href="#">
61 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="{{ trap.status_color() }}"
62 class="bi bi-circle-fill" viewBox="0 0 20 20">
63 <circle cx="10" cy="10" r="10" />
64 </svg>
65 -
66 {% if trap.name %}
67 {{ trap.name }}
68 {% else %}
69 <code>[{{ trap.pretty_mac() }}]</code>
70 {% endif %}
71 </a>
72 </h3>
73 {% if trap.name %}
74 <p>
75 <code>[{{ trap.pretty_mac() }}]</code>
76 </p>
77 {% endif %}
78 </div>
79
80 {#} <div class="media-body">
81 <h3>Naam: {{ trap.name }}</h3>
82 <p> Mac adres: {{ trap.mac }} </p>
83 {% if trap.caught %}
84 <p> Status: Gevangen! </p>
85 {% else %}
86 <p>Status: Leeg!</p>
87 {% endif %}
88 </div>{#}
89</article>
90{% endfor %}
91{% endblock content %}