trap.html (2590B)
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 %}