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

first steps to allow change of settings

Browse Source
This commit is contained in:
jlehmann
2019-07-15 20:33:17 +02:00
parent 326d8b0cca
commit c687cfcdd8
3 changed files with 107 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
snippets/scales.html
+63 -4
View File
@@ -1,11 +1,49 @@
{{define "body_content"}}
{{ if ne .UserName "" }}
<div id="modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Einstellungen</p>
</header>
<section class="modal-card-body">
<!-- Content ... -->
<div class="field">
<label class="label">Bezeichnung (1234567812345678)</label>
<div class="control">
<input class="input" type="text" placeholder="Waage Volk 1">
</div>
</div>
<div class="field">
<div class="control">
<label class="checkbox">
<input type="checkbox">
SMS Alarmierung aktiv
</label>
</div>
</div>
<div class="field">
<label class="label">Alarmnummer (SMS)</label>
<div class="control">
<input class="input" type="text" placeholder="+41791234567">
</div>
</div>
</section>
<footer class="modal-card-foot">
<button id="modal-save" class="button is-success">OK</button>
<button id="modal-close" class="button">Cancel</button>
</footer>
</div>
</div>
{{range .LastMetrics}}
<div class="column is-full notification is-warning">
<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>
<p class="is-size-2 is-size-5-mobile has-text-centered has-text-weight-bold" ><span id="alias_{{.Deveui}}">{{.Alias}}</span><a class="show-modal" class="block-link"><span style="float:right;" class="icon is-size-4 is-size-5-mobile"><i class="fa fa-cog"></i></span></a></p>
<p id="lastmeasurement_{{.Deveui}}" class="has-text-centered">letzte &uuml;bermittelte Messung: {{.Timestamp}}</p>
<div id="{{.Deveui}}">
<div class="colums is-full notification is-warning">
<nav class="level">
<div class="level-item has-text-centered">
@@ -28,7 +66,7 @@
<a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=w">
<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}} Gramm</p>
<p id="weight_{{.Deveui}}" class="title is-size-2 has-text-weight-bold">{{.Weight}} g</p>
</div>
</a>
</div>
@@ -54,8 +92,29 @@
</div>
<div>
</div>
{{end}}
<script>
// A $( document ).ready() block.
$( document ).ready(function() {
$(".show-modal").click(function() {
$("#modal").addClass("is-active");
});
$("#modal-close").click(function() {
console.log("blabla");
$("#modal").removeClass("is-active");
});
$("#modal-save").click(function() {
console.log("save");
$("#modal").removeClass("is-active");
});
});
</script>
{{ else }}
<h4>Bitte zuerst <a href="login.html">einloggen</a></h4>
{{end}}