|
|
@ -100,6 +100,10 @@ |
|
|
|
<a href="#" class="pure-menu-link" data="panel-relay">SWITCHES</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="pure-menu-item module module-relay"> |
|
|
|
<a href="#" class="pure-menu-link" data="panel-schedule">SCHEDULE</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="pure-menu-item module module-color"> |
|
|
|
<a href="#" class="pure-menu-link" data="panel-color">LIGHTS</a> |
|
|
|
</li> |
|
|
@ -539,6 +543,27 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel" id="panel-schedule"> |
|
|
|
|
|
|
|
<div class="header"> |
|
|
|
<h1>SCHEDULE</h1> |
|
|
|
<h2>Turn switches ON and OFF based on the current time.</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="page"> |
|
|
|
|
|
|
|
<fieldset> |
|
|
|
|
|
|
|
<div id="schedules"></div> |
|
|
|
|
|
|
|
<button type="button" class="pure-button button-add-schedule">Add schedule</button> |
|
|
|
|
|
|
|
</fieldset> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel" id="panel-mqtt"> |
|
|
|
|
|
|
|
<div class="header"> |
|
|
@ -1021,6 +1046,37 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="scheduleTemplate" class="template"> |
|
|
|
<div class="pure-g"> |
|
|
|
<label class="pure-u-sm-4-24 pure-u-1-3" for="sch_switch">Turn Switch No</label> |
|
|
|
<div class="pure-u-sm-3-24 pure-u-1-3"> |
|
|
|
<input name="sch_switch" type="number" min="0" max="10" step="1" value="0" tabindex="0" /> |
|
|
|
</div> |
|
|
|
<div class="pure-u-sm-3-24 pure-u-1-3"> |
|
|
|
<select name="sch_operation" tabindex="0"> |
|
|
|
<option value="0">OFF</option> |
|
|
|
<option value="1">ON</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<label class="pure-u-sm-5-24 pure-u-1-3">at Time HH MM</label> |
|
|
|
<div class="pure-u-sm-3-24 pure-u-1-3"> |
|
|
|
<input name="sch_hour" type="number" min="0" max="23" step="1" tabindex="0" value="0" /> |
|
|
|
</div> |
|
|
|
<div class="pure-u-sm-3-24 pure-u-1-3"> |
|
|
|
<input name="sch_minute" type="number" min="0" max="59" step="1" tabindex="0" value="0" /> |
|
|
|
</div> |
|
|
|
<div class="pure-u break"></div> |
|
|
|
<label class="pure-u-sm-1-4 pure-u-1">on Weekdays:</label> |
|
|
|
<div class="pure-u-sm-3-4 pure-u-1"> |
|
|
|
<div class="pure-u-1 weekDays-selector"> |
|
|
|
<input type="inbox" name="sch_weekdays" value="1,2,3,4,5,6,7" class="weekday" tabindex="0" /> |
|
|
|
</div> |
|
|
|
<div class="pure-u-1 hint">1 = Sunday, 2 = Monday, ...</div> |
|
|
|
</div> |
|
|
|
<div class="pure-u-md-1-6 pure-u-1-4"><button type="button" class="pure-button button-del-schedule pure-u-5-6 pure-u-md-5-6">Del</button></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="relayTemplate" class="template"> |
|
|
|
<div class="pure-g"> |
|
|
|
<div class="pure-u-1 pure-u-lg-1-4"><label>Switch #<span class="id"></span></label></div> |
|
|
|