iobroker.smartcontrol
Version:
Control devices smarter: by grouping, including triggers like motion, opening window, etc. and set target devices accordingly
683 lines (646 loc) • 64.9 kB
HTML
<html>
<!--
We have ASCII blocks here (like TAB MAIN) to make it easier for me identifying sections while using right sidebar in VSCode.
Text to ASCII converter I used: http://patorjk.com/software/taag/#p=display&v=3&f=ANSI%20Regular&t=smart%20control%20adapter
-->
<head>
<!-- Load ioBroker files. Dir '../../' is 'iobroker/node_modules/iobroker.admin/www' -->
<link rel="stylesheet" type="text/css" href="../../css/adapter.css" />
<script type="text/javascript" src="../../lib/js/jquery-3.2.1.min.js"></script> <!-- iobroker/node_modules/iobroker.admin/www/lib/js/ -->
<script type="text/javascript" src="../../socket.io/socket.io.js"></script>
<script type="text/javascript" src="../../js/translate.js"></script> <!-- iobroker/node_modules/iobroker.admin/www/js/ -->
<script type="text/javascript" src="../../lib/js/materialize.js"></script> <!-- iobroker/node_modules/iobroker.admin/www/lib/js/ -->
<link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
<script type="text/javascript" src="../../js/adapter-settings.js"></script> <!-- iobroker/node_modules/iobroker.admin/www/js/ -->
<script type="text/javascript" src="words.js"></script>
<!-- For menu to select states - selectID.js (node_modules/iobroker.admin/www/lib/js/) -->
<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>
<link rel="stylesheet" type="text/css" href="../../lib/css/fancytree/ui.fancytree.min.css"/>
<script type="text/javascript" src="../../lib/js/selectID.js"></script>
<!-- For embedding markdown files - https://github.com/zerodevx/zero-md -->
<script src="zero-md/webcomponents-loader.min.js"></script> <!-- Lightweight client-side loader that feature-detects and load polyfills only when necessary -->
<script type="module" src="zero-md/zero-md.min.js.js"></script> <!-- Load the element definition -->
<!-- Our style.css -->
<link rel="stylesheet" type="text/css" href="style.css" />
<!-- Our index_m.js -->
<script type="text/javascript" src="index_m.js"></script>
<!-- FancyTree custom style, must be below standard fancytree style -->
<link rel="stylesheet" type="text/css" href="admin/fancytree/skin-lion/ui.fancytree.min.css" />
</head>
<body>
<div class="m adapter-container">
<!-- ============= HEADER WITH LOGO AND BUTTONS ============= -->
<div id="header-area" class="row" >
<div id="header-logo-title" class="col s6" >
<img class="logo" src="smartcontrol.png" >
<p>
<span class="h-title">Smart Control</span><br />
<span class="h-sub-title">Controlling ioBroker smarter…</span>
</p>
</div>
</div>
<!-- ============= MAIN SECTION ============= -->
<div class="row">
<!-- +++++++++++++ DEFINE TABS MENU +++++++++++++ -->
<div class="col s12" id="tab-area">
<ul class="tabs blue lighten-4">
<!-- see description: https://materializecss.com/grid.html -->
<li class="tab col m1"><a href="#tabMain">Start</a></li>
<li class="tab col m1"><a href="#tabDevices">1. <span class="translate">Target devices</span></a></li>
<li class="tab col m1"><a href="#tabConditions">2. <span class="translate">Additional conditions</span></a></li>
<li class="tab col m1"><a href="#tabTriggers">3. <span class="translate">Triggers</span></a></li>
<li class="tab col m1"><a href="#tabZones">4. <span class="translate">Zones</span></a></li>
<li class="tab col m1"><a href="#tabOptions">– <span class="translate">Further Options</span></a></li>
</ul>
</div>
<!--
████████ █████ ██████ ███ ███ █████ ██ ███ ██
██ ██ ██ ██ ██ ████ ████ ██ ██ ██ ████ ██
██ ███████ ██████ ██ ████ ██ ███████ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ████
-->
<div id="tabMain" class="col s12 page">
<!-- Section "Start" -->
<div class="row">
<div class="col s12">
<h5>Start</h5>
<div>
<p style="font-size: 1.3em"><span class="translate">tabMain.Welcome</span>: <a href="https://forum.iobroker.net/topic/36728/smart-control-adapter-splash-page" target="_blank">ioBroker Forum: Smart Control</a>.</p>
<br>
<p class="translate" style="font-size: 1.3em;">tabMain.Doc</p>
</div>
<!-- Importing Markdown -->
<zero-md id="md-start" manual-render src="doc-md/start_en.md"><template><style></style></template></zero-md>
<div>
<p style="margin-top: 25px"><span class="translate">Adapter Version</span>: <span id="adapter-version"></span></p>
</div>
</div>
</div>
</div>
<!--
████████ █████ ██████ ████████ █████ ██████ ██████ ███████ ████████ ██████ ███████ ██ ██ ██ ██████ ███████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ███████ ██████ ██ ███████ ██████ ██ ███ █████ ██ ██ ██ █████ ██ ██ ██ ██ █████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ██ ██ ██ ██ ██ ██████ ███████ ██ ██████ ███████ ████ ██ ██████ ███████ ███████
-->
<div id="tabDevices" class="col s12 page">
<!-- *************************************************************
* TABLE -Target devices: objects
*************************************************************-->
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Target devices: objects</h5><i class="material-icons">help_outline</i>
</div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-targetDevices" manual-render src="doc-md/table-target-devices_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTargetDevices">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Device Name</th>
<th style="width: 40px;" data-buttons="stateSelectPopupOnState" class="header"></th>
<th class="header translate" data-name="onState">State to switch device on</th>
<th style="width: 120px" class="header translate" data-name="onValue">Value for 'on'</th>
<th style="width: 60px" class="mOptional header translate" data-name="noTargetOnCheck" data-type="checkbox">Do not verify</th>
<th style="width: 40px;" data-buttons="stateSelectPopupOffState" class="header"></th>
<th class="header translate" data-name="offState">State to switch device off</th>
<th style="width: 120px" class="header translate" data-name="offValue">Value for 'off'</th>
<th style="width: 50px" class="mOptional header translate" data-name="onAfter" data-type="number"><i class="material-icons">timelapse</i></th>
<th style="width: 60px" class="mOptional header translate" data-name="noTargetOffCheck" data-type="checkbox">Do not verify</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
<!-- *************************************************************
* TABLE -Targets: Enums
*************************************************************-->
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Targets: Enum functions</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableTargetEnums" manual-render src="doc-md/table-target-enums_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTargetEnums">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name</th>
<th class="header translate" data-name="enumId" data-type="select">Enum Function Name</th>
<th class="header translate mOptional" data-name="enumRooms" data-type="select multiple">Limit to rooms</th>
<th style="width: 120px" class="header translate" data-name="onValue">Value for 'on'</th>
<th style="width: 60px" class="mOptional header translate" data-name="noTargetOnCheck" data-type="checkbox">Do not verify</th>
<th style="width: 120px" class="header translate" data-name="offValue">Value for 'off'</th>
<th style="width: 60px" class="mOptional header translate" data-name="noTargetOffCheck" data-type="checkbox">Do not verify</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
<!-- *************************************************************
* TABLE -Targets: URL
*************************************************************-->
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Targets: URLs</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableTargetURLs" manual-render src="doc-md/table-target-url_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTargetURLs">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th style="width: 300px" class="header translate" data-name="name">Name</th>
<th class="header translate" data-name="urlOn">URL for switching on</th>
<th class="mOptional header translate" data-name="urlOff">URL for switching off</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
</div>
<!--
████████ █████ ██████ ██████ ██████ ███ ██ ██████ ██ ████████ ██ ██████ ███ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ ███████ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ██████ ██████ ██ ████ ██████ ██ ██ ██ ██████ ██ ████ ███████
-->
<div id="tabConditions" class="col s12 page">
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Additional conditions</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableConditions" manual-render src="doc-md/table-conditions_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableConditions">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name of condition</th>
<th style="width: 40px;" data-buttons="stateSelectPopupConditionState" class="header"></th>
<th class="header translate" data-name="conditionState">State of condition</th>
<th style="width: 120px" class="header translate" data-name="conditionValue">State value</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
</div>
<!--
████████ █████ ██████ ████████ ██████ ██ ██████ ██████ ███████ ██████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ███████ ██████ ██ ██████ ██ ██ ███ ██ ███ █████ ██████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ██ ██ ██ ██ ██████ ██████ ███████ ██ ██ ███████
-->
<div id="tabTriggers" class="col s12 page">
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Motion sensors</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableTriggerMotion" manual-render src="doc-md/table-trigger-motion_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTriggerMotion">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name of motion sensor</th>
<th style="width: 40px;" data-buttons="stateSelectPopupMotionState" class="header"></th>
<th class="header translate" data-name="stateId">State of motion sensor</th>
<th style="width: 60px" class="mOptional header translate" data-name="duration" data-type="number">Sec</th>
<th style="width: 30px" class="mOptional header" data-name="notIfManual" data-type="checkbox"><i class="material-icons left">timer_off</i></th>
<th style="width: 40px;" data-buttons="stateSelectPopupBriState" class="header"></th>
<th class="mOptional header translate" data-name="briStateId">State of brightness</th>
<th style="width: 60px" class="mOptional header translate" data-name="briThreshold" data-type="number">Threshold</th>
<th style="width: 40px;" data-buttons="motionSelectLinkedTrigger" class="header"></th>
<th class="mOptional header translate" data-name="motionLinkedTrigger" data-type="select multiple">Linked triggers</th>
<th style="width: 60px" class="mOptional header translate" data-name="motionLinkedDuration" data-type="number">Sec</th>
<th style="width: 30px" class="mOptional header" data-name="ignoreMotionOn" data-type="checkbox"><i class="material-icons left">clear</i></th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Other triggers</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableTriggerDevices" manual-render src="doc-md/table-trigger-devices_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTriggerDevices">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name</th>
<th style="width: 40px;" data-buttons="stateSelectPopupStateId" class="header"></th>
<th style="width: 30px" class="header" data-name="userState" data-type="checkbox">SC</th>
<th class="header translate" data-name="stateId">State</th>
<th style="width: 120px" class="header translate" data-name="stateVal">State value</th>
<th style="width: 50px" class="mOptional header translate" data-name="targetOff" data-type="checkbox">Target off</th>
<th style="width: 50px" class="mOptional header translate" data-name="isToggle" data-type="checkbox">Toggle</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Time based triggers</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableTriggerTimes" manual-render src="doc-md/table-trigger-times_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableTriggerTimes">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name of trigger</th>
<th style="width: 140px" class="header translate" data-name="time">Time</th>
<th style="width: 40px;" data-buttons="selectAdditionalConditions" class="header"></th>
<th class="mOptional header translate" data-name="additionalConditions" data-type="select multiple">Additional conditions</th>
<th style="width: 30px" class="mOptional header" data-name="additionalConditionsAll" data-type="checkbox"><i class="material-icons left">done_all</i></th>
<th style="width: 40px;" data-buttons="selectNever" class="header"></th>
<th class="mOptional header translate" data-name="never" data-type="select multiple">Never if...</th>
<th style="width: 30px" class="mOptional header" data-name="neverAll" data-type="checkbox"><i class="material-icons left">done_all</i></th>
<th style="width: 50px" class="mOptional header translate" data-name="targetOff" data-type="checkbox">Target off</th>
<th style="width: 160px" class="header" data-buttons="up down copy_smart delete"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
</div>
<!--
████████ █████ ██████ ███████ ██████ ███ ██ ███████ ███████
██ ██ ██ ██ ██ ███ ██ ██ ████ ██ ██ ██
██ ███████ ██████ ███ ██ ██ ██ ██ ██ █████ ███████
██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██████ ██ ████ ███████ ███████
-->
<div id="tabZones" class="col s12 page">
<div class="row spaceTop3em">
<div class="col s12">
<ul class="collapsible">
<li>
<div class="collapsible-header config-section"><h5 class="translate">Zones</h5><i class="material-icons">help_outline</i></div>
<div class="collapsible-body">
<!-- Importing Markdown -->
<zero-md id="md-tableZones" manual-render src="doc-md/table-zones_en.md"><template><style></style></template></zero-md>
</div>
</li>
</ul>
<!-- Start Options Table -->
<div class="col s12" id="tableZones">
<div class="row valign-wrapper" style="margin-bottom:5px">
<div class="col"><a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a></div>
<div class="table-filter input-field col s12 m6 l12">
<input type="text" placeholder="Filter" />
<button class="btn-floating waves-effect waves-light blue btn-small" title="Clear filter"><i class="material-icons">clear</i></button>
</div>
</div>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th style="width: 30px" class="header" data-name="active" data-type="checkbox"><i class="material-icons left">check_box</i></th>
<th class="header translate" data-name="name">Name of zone</th>
<th style="width: 40px;" data-buttons="selectTriggers" class="header"></th>
<th class="header translate" data-name="triggers" data-type="select multiple">Trigger</th>
<th style="width: 40px;" data-buttons="selectTargetsMenu" class="header"></th>
<th class="header translate" data-name="targets" data-type="select multiple">Target devices</th>
<th style="width: 50px" class="mOptional header translate" data-name="onAfter" data-type="number"><i class="material-icons">timelapse</i></th>
<th style="width: 50px" class="mOptional header translate" data-name="offAfter" data-type="number"><i class="material-icons">timer</i></th>
<th style="width: 40px;" data-buttons="selectNeverOff" class="header"></th>
<th class="mOptional header translate" data-name="neverOff" data-type="select multiple">Never switch off if...</th>
<th style="width: 30px" class="mOptional header" data-name="neverOffAll" data-type="checkbox"><i class="material-icons left">done_all</i></th>
<th style="width: 100px" class="header translate" data-buttons="configureExecution">Execution</th>
<th style="width: 30px" class="header translate" data-name="executeAlways" data-type="checkbox">Always</th>
<!-- Start: Execution Options, being hidden through CSS -->
<th class="header" data-name="executionJson" data-type="text"></th>
<th class="header" data-name="infoText" data-type="text"></th>
<!-- End: Execution Options, being hidden through CSS -->
<th style="width: 200px" class="header" data-buttons="up down copy_smart delete info"></th>
</tr>
</thead>
</table>
</div>
</div>
<!-- End Options Table -->
</div>
</div>
</div>
<!--
████████ █████ ██████ ██████ ██████ ████████ ██ ██████ ███ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ ███████ ██████ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ██████ ██ ██ ██ ██████ ██ ████ ███████
-->
<div id="tabOptions" class="col s12 page">
<div class="intro">
<h5 class="translate" style="margin-top: 2em;">Further Adapter Options</h5>
</div>
<ul class="collapsible" style="margin-top: 1.5em;">
<!-- +++ Motion Sensor Options +++ -->
<li class="lighten-2">
<div class="collapsible-header"><i class="material-icons">expand_more</i><h6 class="translate">Motion sensors</h6></div>
<div class="collapsible-body">
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">tabOptions.notVerifyBriHeader</h6>
<p class="translate info">tabOptions.notVerifyBriInfo</p>
<div class="input-field col s12 m6">
<input type="checkbox" class="value" id="motionIgnoreBriIfZoneOn" />
<label for="motionIgnoreBriIfZoneOn" class="translate">tabOptions.notVerifyBriHeader</label>
</div>
</div>
</div>
</div>
</li>
<!-- +++ Schedule Options +++ -->
<li class="lighten-2">
<div class="collapsible-header"><i class="material-icons">expand_more</i><h6 class="translate">Time schedule and astro</h6></div>
<div class="collapsible-body">
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">Astro times 'night' and 'nightEnd'</h6>
<p class="translate info">tabOptions.nightEndInfo</p>
<div class="input-field col s12 m6">
<input type="checkbox" class="value" id="fixNightNightEnd" />
<label for="fixNightNightEnd" class="translate">tabOptions.nightEndOpt</label>
</div>
</div>
</div>
</div>
</li>
<!-- +++ Trigger Options +++ -->
<li>
<div class="collapsible-header"><i class="material-icons">expand_more</i><h6 class="translate">Trigger</h6></div>
<div class="collapsible-body">
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">tabOptions.triggerAckHeader</h6>
<p class="translate info">tabOptions.triggerAckInfo</p>
<div class="input-field col s3 select">
<select class="value" value="true" id="triggerStatesAck">
<option class="translate" value="false" selected>tabOptions.triggerAckOptFalse</option>
<option class="translate" value="true">tabOptions.triggerAckOptTrue</option>
<option class="translate" value="any">tabOptions.triggerAckOptAny</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">tabOptions.triggerLimitHeader</h6>
<p class="translate info">tabOptions.triggerLimitInfo</p>
<div class="input-field col s3">
<input class="value validate" placeholder="10" id="limitTriggerInterval" type="number" min="1" max="10000">
<label for="limitTriggerInterval" class="translate">tabOptions.triggerLimitLabel</label>
<span class="helper-text translate">Second(s)</span>
</div>
</div>
</div>
</div>
</li>
<!-- +++ Log Options +++ -->
<li>
<div class="collapsible-header"><i class="material-icons">expand_more</i><h6>Logging</h6></div>
<div class="collapsible-body">
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">JSON states under .info</h6>
<p class="translate info">tabOptions.jsonMaxEntriesInfo</p>
<div class="input-field col s3">
<input class="value validate" placeholder="100" id="jsonMaxEntries" type="number" min="0" max="500">
<span class="helper-text translate">Number of entries in JSON states (0-500)</span>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">tabOptions.extendedLogHeader</h6>
<p class="translate info">tabOptions.extendedLogInfo</p>
<div class="input-field col s12 m6">
<input type="checkbox" class="value" id="extendedInfoLog" />
<label for="extendedInfoLog" class="translate">tabOptions.extendedLogHeader</label>
</div>
</div>
</div>
</div>
</li>
<!-- +++ Input Validation Options +++ -->
<li>
<div class="collapsible-header"><i class="material-icons">expand_more</i><h6 class="translate">Input Validation</h6></div>
<div class="collapsible-body">
<div class="row">
<div class="col s12">
<h6 class="hBlock translate info">tabOptions.inputValidationHeader</h6>
<p class="translate info">tabOptions.inputValidationInfo</p>
<div class="input-field col s12 m6">
<input type="checkbox" class="value" id="validateDeactivatedRows" />
<label for="extendedInfoLog" class="translate">tabOptions.inputValidationHeader</label>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="m material-dialogs">
<!--
██████ ███████ ███████ ████████ ████████ ██ ███ ██ ██████ ███████
██ ██ ██ ██ ██ ██ ██ ████ ██ ██ ██
██ ██ █████ ███████ █████ ██ ██ ██ ██ ██ ██ ██ ███ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ███████ ███████ ██ ██ ██ ██ ████ ██████ ███████
-->
<!-- DIALOG: Select Settings (like Triggers or Target Devices) -->
<div id="dialog-select-settings" class="modal modal-fixed-footer">
<div class="modal-content">
<div class="row">
<div class="col s12">
<h6 class="title"><span class="translate">Placeholder (will be replaced by jQuery)</span></h6>
</div>
</div>
<div class="row" style="padding-left:12px; padding-right:12px">
<div class="row">
<a id="fancy-collapse-all" class="btn-floating btn-small waves-effect waves-light" title="Collapse all nodes"><i class="material-icons">folder</i></a>
<a id="fancy-expand-all" class="btn-floating btn-small waves-effect waves-light" title="Expand all nodes"><i class="material-icons">folder_open</i></a>
<button id="btnResetSearch" disabled="disabled" class="btn-floating btn-small waves-effect waves-green"><i class="material-icons">clear</i></button>
<input id="fancy-filter-input" class="value fancy-filter" name="search" placeholder="Filter..." autocomplete="off">
<label for="fancy-filter-input"></label>
<div id="matches"></div>
</div>
<div class="row" id="fancy-explanation"> <!-- will be hidden if editTargetVals is false -->
<!-- Importing Markdown -->
<zero-md id="md-tableZonesSelectTargets" manual-render src="doc-md/table-zones_select-targets_en.md"><template><style></style></template></zero-md>
<!-- <span class="translate">dialog.selectSettings.explanation</span> -->
</div>
<!-- The Fancy Tree -->
<div class="row" id="fancytree-select-settings"></div>
<!-- The Fancy Tree -->
</div>
</div>
<div class="modal-footer">
<a class="modal-action modal-close waves-effect waves-green btn btn-set"><i class="large material-icons left">check_circle</i><span class="translate">Select</span></a>
<a class="modal-action modal-close waves-effect waves-green btn btn-close"><i class="large material-icons left">cancel</i><span class="translate">Cancel</span></a>
</div>
</div>
<!--
██████ ███████ ████████ █████ ████████ ███████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ █████ ███████ ██ ███████ ██ █████ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ███████ ██ ██ ██ ██ ███████ ███████
-->
<!-- DIALOG: State Selection (SelectId). #dialog-select-member is a ioBroker ID we are using -->
<div id="dialog-select-member" class="modal modal-fixed-footer">
<div class="modal-content">
<div class="row">
<div class="col s12 title"></div>
</div>
<div class="row">
<div class="col s12 dialog-content">
</div>
</div>
</div>
<div class="modal-footer">
<a class="modal-action modal-close waves-effect waves-green btn btn-se