enhance settings

snippets/scales.html

@@ -10,16 +10,16 @@
     <section class="modal-card-body">
       <!-- Content ... -->
       <div class="field">
-        <label class="label">Bezeichnung (1234567812345678)</label>
+        <label id="label" class="label">Bezeichnung (1234567812345678)</label>
         <div class="control">
-          <input class="input" type="text" placeholder="Waage Volk 1">
+          <input id="alias" class="input" type="text">
         </div>
       </div>
 
       <div class="field">
         <div class="control">
         <label class="checkbox">
-          <input type="checkbox">
+          <input id="checkbox" type="checkbox">
            SMS Alarmierung aktiv
         </label>
         </div>
@@ -28,7 +28,7 @@
       <div class="field">
         <label class="label">Alarmnummer (SMS)</label>
         <div class="control">
-          <input class="input" type="text" placeholder="+41791234567">
+          <input id="smsnumber" class="input" type="text">
         </div>
       </div>
     </section>
@@ -42,6 +42,8 @@
 {{range .LastMetrics}}
 <div class="column is-full notification is-warning">
   <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="alarmactive_{{.Deveui}}" hidden>{{.Alarmactive}}</p>
+  <p id="smsnumber_{{.Deveui}}" hidden>{{.Smsnumber}}</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">
@@ -99,6 +101,21 @@
 // A $( document ).ready() block.
 $( document ).ready(function() {
 $(".show-modal").click(function() {
+  var alias = $(this).prev().html();
+  var deveui = $(this).prev().attr('id').replace("alias_","");
+  var alarmactive = $('#alarmactive_'+deveui).html();
+  var smsnumber = $('#smsnumber_'+deveui).html();
+  
+  var label = "Bezeichnung (" + deveui + ")";
+  $("#alias").val(alias);
+  $("#label").html(label);
+  console.log(alarmactive);
+  if (alarmactive == "1") {
+    $('#checkbox').prop('checked', true);
+  } else {
+    $('#checkbox').prop('checked', false);
+  }
+  $("#smsnumber").val(smsnumber);
   $("#modal").addClass("is-active");  
 });