drpuur/mini-beieli-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

scales: fill in metrics

Browse Source
This commit is contained in:
jlehmann
2019-07-06 11:36:01 +02:00
parent 172212f0a8
commit 05e21aed4e
5 changed files with 385 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
snippets/scales.html
+43 -35
View File
@@ -16,44 +16,51 @@
</div>
</div>
{{range .LastMetrics}}
<div class="column is-full notification is-warning">
<p class="is-size-2 has-text-centered has-text-weight-bold">Waage 1</p>
<p class="has-text-centered">letzte Messung: 1.1.2000 19:20</p>
<div>
<div class="colums is-full notification is-warning">
<nav class="level">
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-thermometer-half"></i></p>
<p class="title">22.0 &deg;C</p>
<p id="alias_{{.Deveui}}" class="is-size-2 has-text-centered has-text-weight-bold">{{.Alias}}</p>
<p id="lastmeasurement_{{.Deveui}}" class="has-text-centered">letzte Messung: {{.Timestamp}}</p>
<div>
<div class="colums is-full notification is-warning">
<nav class="level">
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-thermometer-half"></i></p>
<p id="temp_{{.Deveui}}" class="title">{{.Temperature}}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-tint"></i></p>
<p id="humidity_{{.Deveui}}" class="title">{{.Humidity}}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-balance-scale"></i></p>
<p id="weight_{{.Deveui}}" class="title is-size-1 has-text-weight-bold">{{.Weight}}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-cloud"></i></p>
<p id="pressure_{{.Deveui}}" class="title">{{.Pressure}}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-battery-three-quarters"></i></p>
<p id="acculevel_{{.Deveui}}" class="title">{{.BatteryPercent}}/p>
</div>
</div>
</nav>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-tint"></i></p>
<p class="title">50 %</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-balance-scale"></i></p>
<p class="title is-size-1 has-text-weight-bold">456K</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-cloud"></i></p>
<p class="title">789</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="icon"><i class="fa fa-battery-three-quarters"></i></p>
<p class="title">90%</p>
</div>
</div>
</nav>
</div>
<div>
</div>
{{end}}
<script>
$("#mybutton,.delete").click(function(){
console.log("Hallo Velo");
@@ -63,7 +70,7 @@ $("#mybutton,.delete").click(function(){
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script>
$.getJSON('https://mini-beieli.ch/metrics', function(mydata) {
$.getJSON('https://mini-beieli.ch/metrics?deveui=0002CC010000029D&property=t', function(mydata) {
var options = {
chart: {
type: 'line',
@@ -90,6 +97,7 @@ $.getJSON('https://mini-beieli.ch/metrics', function(mydata) {
chart.render();
});
</script>
{{ else }}
<h4>Bitte zuerst <a href="login.html">einloggen</a></h4>
{{end}}