iobroker.shuttercontrol
Version:
Automatic control for shutters
618 lines (598 loc) • 88.8 kB
HTML
<html>
<head>
<!-- Load ioBroker scripts and styles-->
<link rel="stylesheet" type="text/css" href="../../lib/css/fancytree/ui.fancytree.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/adapter.css" />
<link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
<script type="text/javascript" src="../../lib/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../socket.io/socket.io.js"></script>
<script type="text/javascript" src="../../lib/js/materialize.js"></script>
<script type="text/javascript" src="../../lib/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../lib/js/jquery.fancytree-all.min.js"></script>
<script type="text/javascript" src="../../js/translate.js"></script>
<script type="text/javascript" src="../../lib/js/selectID.js"></script>
<script type="text/javascript" src="../../js/adapter-settings.js"></script>
<!---
<script type="text/javascript" src="actions.js"></script>
-->
<!-- Load our own files -->
<script type="text/javascript" src="words.js"></script>
<script type="text/javascript" src="index_m.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="m adapter-container">
<div id="header-area" class="row" >
<div id="header-logo-title" class="col s10 l6" >
<img class="logo" src="shuttercontrol.png" >
<p>
<span class="translate h-title">Shuttercontrol</span><br />
<span class="translate h-sub-title">Controlling your Shutter…</span>
</p>
</div>
</div>
<div class="row">
<div class="col s12" id="tab-area">
<ul class="tabs" width="4%">
<li class="tab col s6 l4"><a href="#tab-settings" class="translate active">main settings</a></li>
<li class="tab col s6 l4 tab-time"><a href="#tab-time" class="translate">Time Settings</a></li>
<li class="tab col s6 l4 tab-extra"><a href="#tab-extra" class="translate">Extra Settings</a></li>
</ul>
</div>
<div class="row" id="mainSettings">
<!-- main settings -->
<div id="tab-settings" class="col s12 page">
<div class="row">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Shutter config</h6>
</div>
</div>
<div class="row">
<div class="col s12" id="events">
<div class="row">
<div class="col s2 m1 l1 left">
<a id="responseOIDDialog" class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
</div>
<div class="col s10 m4 l3 right">
<a class="right" title="PayPal.Me" href="https://paypal.me/mk1676" target="_blank">
<img class="material-icons right" src="https://img.shields.io/badge/paypal-donate%20%7C%20spenden-blue.svg">
</a>
<a class="right" style="padding-right: 0.3rem;"" title="GitHub Sponsors" href="https://github.com/sponsors/simatec" target="_blank">
<img class="material-icons right" src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86">
</a>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th data-name="_index" id="events_col_0" style="background: #174475; text-align: center" data-style="text-align: center">Nr</th>
<th data-name="enabled" id="events_col_1" style="background: #174475" data-style="width: 70px" data-label="active" data-type="checkbox" class="translate">active</th>
<th data-name="shutterName" id="events_col_2" data-type="text" style="background: #174475" data-label="Name" class="translate">Name</th>
<th data-name="name" id="events_col_3" data-type="text" style="background: #174475" data-label="Object-ID shutter" class="translate">Object-ID shutter</th>
<th data-buttons="edit2" id="events_col_4" style="background: #174475; height: 40px" data-style="width: 150px; text-align: left"></th>
<th data-buttons="edit copy up down delete" style="background: #174475"></th>
<!-- ********************** only for temp states ********************** -->
<th data-name="triggerID" id="events_col_5" data-type="text" style="width: 25%; background: #174475" class="translate">Trigger ID</th>
<th data-name="typeUp" id="events_col_6" data-type="text" style="width: 20%; background: #174475" class="translate">type up</th>
<th data-name="typeDown" id="events_col_7" data-type="text" style="width: 20%; background: #174475" class="translate">type down</th>
<th data-name="type" id="events_col_8" data-type="text" style="width: 25%; background: #174475" class="translate">Type of control</th>
<th data-name="heightDownSun" id="events_col_9" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="direction" id="events_col_10" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="directionRange" id="events_col_11" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="tempInside" id="events_col_12" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="tempSensor" id="events_col_13" data-type="text" style="width: 25%; background: #174475" class="translate">Temp sensor Inside</th>
<th data-name="outsideTempSensor" id="events_col_14" data-type="text" style="width: 25%; background: #174475" class="translate">Temp sensor Outside</th>
<th data-name="tempOutside" id="events_col_15" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="lightSensor" id="events_col_16" data-type="text" style="width: 25%; background: #174475" class="translate">Light Sensor</th>
<th data-name="valueLight" id="events_col_17" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="heightUp" id="events_col_18" data-type="number" style="width: 0px" class="translate">height up</th>
<th data-name="heightDown" id="events_col_19" data-type="number" style="width: 0px" class="translate">height down</th>
<th data-name="triggerState" id="events_col_20" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">State from Trigger</th>
<th data-name="triggerStateTilted" id="events_col_20" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">State from TriggerTilted</th>
<th data-name="triggerDrive" id="events_col_21" data-type="number" style="width: 0px" class="translate">height for trigger</th>
<th data-name="triggerDriveTildet" id="events_col_21" data-type="number" style="width: 0px" class="translate">height for trigger tildet</th>
<th data-name="triggerChange" id="events_col_22" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">Drive by Trigger </th>
<th data-name="elevation" id="events_col_23" data-type="number" style="width: 0px" class="translate">Elevation</th>
<th data-name="autoDrive" id="events_col_24" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">auto Drive Shutter</th>
<th data-name="hysteresisOutside" id="events_col_25" data-type="number" style="width: 0px" class="translate">hysteresisOutside</th>
<th data-name="hysteresisInside" id="events_col_26" data-type="number" style="width: 0px" class="translate">hysteresisInside</th>
<th data-name="hysteresisLight" id="events_col_27" data-type="number" style="width: 0px" class="translate">hysteresisLight</th>
<th data-name="currentAction" id="events_col_28" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">current Action</th>
<th data-name="currentHeight" id="events_col_29" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="oldHeight" id="events_col_30" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="firstCompleteUp" id="events_col_31" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="triggerHeight" id="events_col_32" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="LateDown" id="events_col_33" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">LateDown</th>
<th data-name="inSummerNotDown" id="events_col_34" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">inSummerNotDown</th>
<th data-name="KeepSunProtect" id="events_col_35" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">KeepSunProtect</th>
<th data-name="triggerAction" id="events_col_36" style="width: 0px" data-style="width: 0px" data-type="text" class="translate"></th>
<th data-name="driveAfterClose" id="events_col_37" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">DriveAfterClose</th>
<th data-name="useXmasLevel" id="events_col_38" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">useXmasLevel</th>
<th data-name="XmasLevel" id="events_col_39" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">XmasLevel</th>
<th data-name="betweenPosition" id="events_col_40" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">betweenPosition</th>
<th data-name="betweenPositionLevel" id="events_col_41" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">betweenPositionLevel</th>
<th data-name="trigDelyUp" id="events_col_40" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">trigDelyUp</th>
<th data-name="trigDelyDown" id="events_col_41" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">trigDelyDown</th>
<th data-name="sunProtectEndDely" id="events_col_42" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">sunProtectEndDely</th>
<th data-name="sunProtectEndtimerid" id="events_col_43" style="width: 0px" data-style="width: 0px" data-type="number" class="translate"></th>
<th data-name="enableAlarmWind1" id="events_col_44" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">enableAlarmWind1</th>
<th data-name="enableAlarmWind2" id="events_col_45" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">enableAlarmWind2</th>
<th data-name="enableAlarmRain" id="events_col_46" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">enableAlarmRain</th>
<th data-name="enableAlarmFrost" id="events_col_47" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">enableAlarmFrost</th>
<th data-name="enableAlarmFire" id="events_col_48" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">enableAlarmFire</th>
<th data-name="alarmTriggerAction" id="events_col_54" style="width: 0px" data-style="width: 0px" data-type="text" class="translate"></th>
<th data-name="alarmTriggerLevel" id="events_col_55" data-type="number" style="width: 0px" class="translate"></th>
<th data-name="lastAutoAction" id="events_col_56" style="width: 0px" data-style="width: 0px" data-type="text" class="translate">lastAutoAction</th>
<th data-name="tempHeatProtection" id="events_col_57" style="width: 0px" data-style="width: 0px" data-type="number" class="translate">tempHeatProtection</th>
<th data-name="heatProtection" id="events_col_58" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">heatProtection</th>
<th data-name="ignoreTriggerAutoState" id="events_col_59" style="width: 0px" data-style="width: 0px" data-type="checkbox" class="translate">ignoreTriggerAutoState</th>
<!-- ****************************************************************** -->
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- time settings -->
<div id="tab-time" class="col s12 page">
<div class="row">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Time Settings</h6>
</div>
</div>
<ul class="collapsible">
<!-- Settings for Livingarea -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Settings for Livingarea</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="livingAutomatic">
<option value="livingTime" class="translate">only living area time</option>
<option value="livingSunriseSunset" class="translate">automatic living area time with sunrise and sunset</option>
<option value="livingGoldenHour" class="translate">automatic living area time with Golden hour</option>
</select>
<label for="livingAutomatic" class="translate"></label>
<span class="translate">Automatic for living area</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterDownLiving" />
<label for="W_shutterDownLiving" class="translate"></label>
<span class="translate">Shut down on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterUpLivingMin" />
<label for="W_shutterUpLivingMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterUpLivingMax" />
<label for="W_shutterUpLivingMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="driveDelayUpLiving" />
<label for="driveDelayUpLiving" class="translate"></label>
<span class="translate">Time delay for driving the shutters (seconds)</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterDownLiving" />
<label for="WE_shutterDownLiving" class="translate"></label>
<span class="translate">Shut down on the weekend</span>
</div>
<div class="col s12 l2 input-field col-WE_shutterUpLivingMin">
<input type="text" class="timepicker value" id="WE_shutterUpLivingMin" />
<label for="WE_shutterUpLivingMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the weekend</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterUpLivingMax" />
<label for="WE_shutterUpLivingMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the weekend</span>
</div>
</div>
</div>
</li>
<!-- Settings for Sleeparea -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Settings for Sleeparea</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="sleepAutomatic">
<option value="sleepTime" class="translate">only sleep area time</option>
<option value="sleepSunriseSunset" class="translate">automatic sleep area time with sunrise and sunset</option>
<option value="sleepGoldenHour" class="translate">automatic sleep area time with Golden hour</option>
</select>
<label for="sleepAutomatic" class="translate"></label>
<span class="translate">Automatic for sleep area</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterDownSleep" />
<label for="W_shutterDownSleep" class="translate"></label>
<span class="translate">Shut down on the week</span>
</div>
<div class="col s12 l2 input-field col-W_shutterUpSleepMin">
<input type="text" class="timepicker value" id="W_shutterUpSleepMin" />
<label for="W_shutterUpSleepMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterUpSleepMax" />
<label for="W_shutterUpSleepMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="driveDelayUpSleep" />
<label for="driveDelayUpSleep" class="translate"></label>
<span class="translate">Time delay for driving the shutters (seconds)</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterDownSleep" />
<label for="WE_shutterDownSleep" class="translate"></label>
<span class="translate">Shut down on the weekend</span>
</div>
<div class="col s12 l2 input-field col-WE_shutterUpSleepMin">
<input type="text" class="timepicker value" id="WE_shutterUpSleepMin" />
<label for="WE_shutterUpSleepMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the weekend</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterUpSleepMax" />
<label for="WE_shutterUpSleepMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the weekend</span>
</div>
</div>
</div>
</li>
<!-- Settings for Childrenarea -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Settings for Childrenarea</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="childrenAutomatic">
<option value="childrenTime" class="translate">only children area time</option>
<option value="childrenSunriseSunset" class="translate">automatic children area time with sunrise and sunset</option>
<option value="childrenGoldenHour" class="translate">automatic children area time with Golden hour</option>
</select>
<label for="childrenAutomatic" class="translate"></label>
<span class="translate">Automatic for children area</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterDownChildren" />
<label for="W_shutterDownChildren" class="translate"></label>
<span class="translate">Shut down on the week</span>
</div>
<div class="col s12 l2 input-field col-W_shutterUpChildrenMin">
<input type="text" class="timepicker value" id="W_shutterUpChildrenMin" />
<label for="W_shutterUpChildrenMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="W_shutterUpChildrenMax" />
<label for="W_shutterUpChildrenMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the week</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="driveDelayUpChildren" />
<label for="driveDelayUpChildren" class="translate"></label>
<span class="translate">Time delay for driving the shutters (seconds)</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterDownChildren" />
<label for="WE_shutterDownChildren" class="translate"></label>
<span class="translate">Shut down on the weekend</span>
</div>
<div class="col s12 l2 input-field col-WE_shutterUpChildrenMin">
<input type="text" class="timepicker value" id="WE_shutterUpChildrenMin" />
<label for="WE_shutterUpChildrenMin" class="translate"></label>
<span class="translate">Min Time for Driving up on the weekend</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="WE_shutterUpChildrenMax" />
<label for="WE_shutterUpChildrenMax" class="translate"></label>
<span class="translate">Max Time for Driving up on the weekend</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- Tab Extra -->
<div id="tab-extra" class="col s12 page">
<div class="row">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Extra Settings</h6>
</div>
</div>
<ul class="collapsible">
<!-- Settings for Astro -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Astro settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="value" id="latitude" />
<label for="latitude" class="translate"></label>
<span class="translate">latitude</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="value" id="longitude" />
<label for="longitude" class="translate"></label>
<span class="translate">longitude</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" id="sunProtEndElevation" class="value" min="-50.0" max="100.0" step="0.1" />
<label for="sunProtEndElevation" class="translate"></label>
<span class="translate">Sun Protect End with Elevation</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="number" class="value" id="astroDelayUp" />
<label for="astroDelayUp" class="translate"></label>
<span class="translate">Time delay for Driving up (minutes)</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="astroDelayDown" />
<label for="astroDelayDown" class="translate"></label>
<span class="translate">Time delay for Driving down (minutes)</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="driveDelayUpAstro" />
<label for="driveDelayUpAstro" class="translate"></label>
<span class="translate">Time delay for driving the shutters (seconds)</span>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">summer settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="value" id="SummerStart" />
<label for="SummerStart" class="translate"></label>
<span class="translate">SummerStart</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="value" id="SummerEnd" />
<label for="SummerEnd" class="translate"></label>
<span class="translate">SummerEnd</span>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">xmas settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="value" id="XMasStart" />
<label for="XMasStart" class="translate"></label>
<span class="translate">XMasStart</span>
</div>
<div class="col s12 l2 input-field">
<input type="text" class="value" id="XMasEnd" />
<label for="XMasEnd" class="translate"></label>
<span class="translate">XMasEnd</span>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">holiday settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l12 input-field">
<input type="checkbox" class="value" id="publicHolidays" />
<span for="publicHolidays" class="translate">Use public holidays</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l2 publicHol">
<select id="publicHolInstance" class="value"></select>
<label for="publicHolInstance" class="translate"></label>
<span class="translate">public holidays Instance</span>
</div>
</div>
<div class="row">
<div class="col s12 l3 input-field">
<input type="text" class="value" id="HolidayDP" />
<label for="HolidayDP" class="translate"></label>
<span class="translate">Object ID for holiday today</span>
</div>
<div class="col s1 m2 l1">
<a id="HolidayDPPopUp" class="btn-floating waves-effect waves-light blue table-button-add trigger-add"><i class="material-icons">add</i></a>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">lightsensor settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l2 input-field">
<input type="number" class="value" id="lightsensorDown" />
<label for="lightsensorDown" class="translate"></label>
<span class="translate">Brightness value for down with lightsensor</span>
</div>
<div class="col s12 l2 input-field">
<input type="number" class="value" id="lightsensorUp" />
<label for="lightsensorUp" class="translate"></label>
<span class="translate">Brightness value for up with lightsensor</span>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="text" class="timepicker value" id="lightsensorUpTime" />
<label for="lightsensorUpTime" class="translate"></label>
<span class="translate">earliest time for opening with light sensor</span>
</div>
<div class="col s12 l2 input-field ">
<input type="text" class="timepicker value" id="lightsensorDownTime" />
<label for="lightsensorDownTime" class="translate"></label>
<span class="translate">earliest time for closing with light sensor</span>
</div>
</div>
<div class="row">
<div class="col s12 l3 input-field">
<input type="text" class="value" id="lightsensorUpDown" />
<label for="lightsensorUpDown" class="translate"></label>
<span class="translate">Object ID for Lightsensor</span>
</div>
<div class="col s1 m2 l1">
<a id="LightsensorUpDownPopUp" class="btn-floating waves-effect waves-light blue table-button-add trigger-add"><i class="material-icons">add</i></a>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">schoolfree settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l2 input-field">
<input type="checkbox" class="value" id="schoolfree" />
<span for="schoolfree" class="translate">Use the Schoolfree adapter</span>
</div>
<div class="input-field col s12 m6 l2 schoolf">
<select id="schoolfreeInstance" class="value"></select>
<label for="schoolfreeInstance" class="translate"></label>
<span class="translate">schoolfree Instance</span>
</div>
<div class="col s12 l3 input-field schoolf_off">
<input type="text" class="value" id="schoolfreeDP" />
<label for="schoolfreeDP" class="translate"></label>
<span class="translate">Object ID to activate / deactivate the school holidays</span>
</div>
<div class="col s1 m2 l1 schoolf_off">
<a id="schoolfreeDPPopUp" class="btn-floating waves-effect waves-light blue table-button-add trigger-add"><i class="material-icons">add</i></a>
</div>
</div>
<div class="row">
<div class="col s12 l2 input-field">
<input type="checkbox" class="value" id="schoolfreeChildrenArea" />
<span for="schoolfreeChildrenArea" class="translate">Use schoolfree for Children Area</span>
</div>
<div class="col s12 l2 input-field">
<input type="checkbox" class="value" id="schoolfreeSleepArea" />
<span for="schoolfreeSleepArea" class="translate">Use schoolfree for Sleep Area</span>
</div>
<div class="col s12 l2 input-field">
<input type="checkbox" class="value" id="schoolfreeLivingArea" />
<span for="schoolfreeLivingArea" class="translate">Use schoolfree for Living Area</span>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Special times</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l12 input-field">
<input type="checkbox" class="value" id="LateAllDown" />
<span for="LateAllDown" class="translate">close certain shutters later (the individual shutters must be activated in the shutter settings)</span>
</div>
</div>
<div class="row">
<div class="col s12 m6 l4 input-field LateAllDownTime">
<input type="text" class="timepicker value" id="LateAllDownTime" />
<label for="LateAllDownTime" class="translate"></label>
<span class="translate">Time at which the roller shutters configured for this should close late</span>
</div>
<div class="col s12 m6 l4 input-field">
<input type="text" class="timepicker value" id="betweenPositionTime" />
<label for="betweenPositionTime" class="translate"></label>
<span class="translate">Time to completely close the shutters from the intermediate position</span>
</div>
<div class="col s12 m6 l4 input-field">
<input type="number" class="value" id="noGoTime" />
<label for="noGoTime" class="translate"></label>
<span class="translate">Time left to detect second sleep (minutes)</span>
</div>
</div>
<div class="row">
<div class="col s12 m6 l4 input-field">
<input type="checkbox" class="value" id="satIsWeek" />
<span for="satIsWeek" class="translate">Saturday is working week</span>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Extra Settings</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 m6 l4 input-field">
<input type="checkbox" class="value" id="currentShutterState" />
<span for="currentShutterState" class="translate">check current Shutter State</span>
</div>
<div class="col s12 m6 l4 input-field checkShutterState">
<input type="number" class="value" id="currentShutterStateTime" />
<label for="currentShutterStateTime" class="translate"></label>
<span class="translate">Waiting time for checking the shutter status (seconds)</span>
</div>
</div>
<div class="row">
<div class="col s12 m6 l4 input-field">
<input type="checkbox" class="value" id="blockManuMode" />
<span for="blockManuMode" class="translate">Blocking the Manu mode for known shutter heights</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="shutterStateRound">
<option value=1 class="translate">off</option>
<option value=5 class="translate">on 5s rounds</option>
<option value=10 class="translate">on 10s rounds</option>
</select>
<label for="shutterStateRound" class="translate"></label>
<span class="translate">Rounding up or down the current shutter heights</span>
</div>
</div>
<div class="row">
<div class="col s12 l3 input-field">
<input type="text" class="value" id="triggerAutoSleep" />
<label for="triggerAutoSleep" class="translate"></label>
<span class="translate">Object ID of trigger for Auto Sleep</span>
</div>
<div class="col s1 m2 l1">
<a id="triggerAutoSleepDialog" class="btn-floating waves-effect waves-light blue table-button-add trigger-add"><i class="material-icons">add</i></a>
</div>