Add checkbox for "Enable when lights appear" to gui

stefanwichmann · May 2, 2020 · d5c8277 · d5c8277
1 parent c6afba4
commit d5c8277
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/gui/static/js/schedules.js b/gui/static/js/schedules.js
@@ -53,6 +53,7 @@ function readSchedule(target){
   schedule.name = $(target).find(".name").val().trim();
   console.log($(target).find(".lights").val())
   schedule.associatedDeviceIDs = parseIDs($(target).find(".lights").val().trim());
+  schedule.enableWhenLightsAppear = $(target).find(".appearBehavior").is(":checked");
   console.log(schedule);
   return schedule;
 }
@@ -85,6 +86,7 @@ function addSchedule(target) {
   var basic = $('<form class="form-horizontal">');
   basic.append('<div class="form-group"><label>Name:</label><input type="text" class="name form-control" placeholder="Livingroom" autocomplete="off"></div>');
   basic.append('<div class="form-group"><label>Lights:</label><input type="text" class="lights form-control" placeholder="1,2,3" autocomplete="off"></div>');
+  basic.append('<div class="form-group"><label class="form-check-label">Enable when lights appear?</label><input type="checkbox" class="appearBehavior form-check-input" autocomplete="off"></div>');
   collumn.append(basic)
 
   <!-- Schedule before sunrise -->

diff --git a/gui/template/schedules.html b/gui/template/schedules.html
@@ -65,6 +65,10 @@ <h1>Kelvin schedules</h1>
               <label>Lights:</label>
               <input type="text" class="lights form-control" value="{{.AssociatedDeviceIDs|lightsToString}}" autocomplete="off">
             </div>
+            <div class="form-group">
+              <label class="form-check-label">Enable when lights appear?</label>
+              <input type="checkbox" class="appearBehavior form-check-input" {{if .EnableWhenLightsAppear}}checked{{end}} autocomplete="off">
+            </div>
           </form>
           <div class="subschedule">
             <h1>Morning <small>(00:00 - sunrise)</small></h1>