iobroker.sprinklecontrol
Version:
Control of several sprinklers depending on weather conditions and pump performance.
618 lines (603 loc) • 87.8 kB
HTML
<html lang="en"></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>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="index_m.js"></script>
<!-- title>Sprinkle Control</title -->
</head>
<body>
<div class="m adapter-container">
<div id="header-area" class="row" >
<div id="header-logo-title" class="col s6" >
<img class="logo" src="sprinklecontrol.png" alt="logo SprinkleControl">
<p>
<span class="translate h-title">Sprinkler control</span><br />
<span class="translate h-sub-title">Controlling your Sprinkler …</span>
</p>
</div>
</div>
<div class="row">
<div class="col s12" id="tab-area">
<ul class="tabs blue lighten-4" width="4%">
<li class="tab col s6 l3"><a href="#tab-settings" class="translate active">main settings</a></li>
<li class="tab col s6 l3 tab-pump"><a href="#tab-pump" class="translate">Pump Settings</a></li>
<li class="tab col s6 l3 tab-time"><a href="#tab-time" class="translate">Time Settings</a></li>
<li class="tab col s6 l3 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;">Sprinkler control</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>
<div class="table-values-div">
<table class="table-values">
<thead>
<tr>
<th data-name="_index" id="events_col_0" style="width: 80px; background: #174475; text-align: center" data-style="text-align: center">Nr</th>
<th data-name="enabled" id="events_col_1" style="width: 70px; background: #174475" data-style="width: 70px" data-type="checkbox" class="translate">active</th>
<th data-name="sprinkleName" id="events_col_2" data-type="text" style="width: 40%; background: #174475" class="translate">Name</th>
<th data-name="name" id="events_col_3" data-type="text" style="width: 40%; background: #174475" class="translate">Object-ID sprinkler</th>
<th data-buttons="edit2" id="events_col_4" style="width: 150px; background: #174475; height: 40px" data-style="width: 150px; text-align: left" ></th>
<th data-buttons="edit copy up down delete" style="width: 120px; background: #174475"></th>
<!-- **************************************** *** only for temp states *** **************************************** -->
<th data-name="triggerID" id="events_col_5" data-type="text" style="width: 0; background: #174475" class="translate"></th>
<th data-name="startTimeSelection" id="events_col_6" data-type="text" style="width: 0" class="translate"></th>
<th data-name="wateringTime" id="events_col_7" data-type="number" style="width: 0" class="translate"></th>
<th data-name="wateringAdd" id="events_col_8" data-type="number" style="width: 0" class="translate"></th>
<th data-name="wateringIntervalOff" id="events_col_9" data-type="number" style="width: 0" class="translate"></th>
<th data-name="wateringIntervalOn" id="events_col_10" data-type="number" style="width: 0" class="translate"></th>
<th data-name="addWateringTime" id="events_col_11" data-type="number" style="width: 0" class="translate"></th>
<th data-name="addTriggersIrrigation" id="events_col_12" data-type="number" style="width: 0" class="translate"></th>
<th data-name="maxSoilMoistureIrrigation" id="events_col_13" data-type="number" style="width: 0" class="translate"></th>
<th data-name="maxSoilMoistureRainPct" id="events_col_14" data-type="number" style="width: 0" class="translate"></th>
<th data-name="triggersIrrigation" id="events_col_15" data-type="number" style="width: 0" class="translate"></th>
<th data-name="pipeFlow" id="events_col_16" data-type="number" style="width: 0" class="translate"></th>
<th data-name="booster" id="events_col_17" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="endIrrigation" id="events_col_18" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="methodControlSM" id="events_col_19" data-type="text" style="width: 0" class="translate"></th>
<th data-name="inGreenhouse" id="events_col_20" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="triggerSM" id="events_col_21" data-type="text" style="width: 0" class="translate"></th>
<th data-name="analogZPct" id="events_col_22" data-type="number" style="width: 0" class="translate"></th>
<th data-name="analogOHPct" id="events_col_23" data-type="number" style="width: 0" class="translate"></th>
<th data-name="startDay" id="events_col_24" data-type="text" style="width: 0" class="translate"></th>
<th data-name="sun" id="events_col_25" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="mon" id="events_col_26" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="tue" id="events_col_27" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="wed" id="events_col_28" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="thur" id="events_col_29" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="fri" id="events_col_30" data-type="checkbox" style="width: 0" class="translate"></th>
<th data-name="sat" id="events_col_31" data-type="checkbox" style="width: 0" class="translate"></th>
<!-- **************************************** *** ******************** *** **************************************** -->
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- Pump Settings -->
<div id="tab-pump" class="col s12 page">
<div class="row">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for Valve</h6>
</div>
</div>
<div class="row">
<div class="col s10 m5 l5 input-field">
<input type="text" class="value" id="triggerControlVoltage" />
<label for="triggerControlVoltage" class="translate"></label>
<span class="translate">Control voltage of the valves</span>
</div>
<div class="col s2 m1 l1">
<a id="triggerControlVoltageDialogPopUp" class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
</div>
<div class="col s12 m6 l2 input-field">
<input type="number" class="value" id="maximumParallelValves" min=1 max=5 placeholder="1-5" step="1" />
<label for="maximumParallelValves" class="translate"></label>
<span class="translate">Maximum parallel operation of the valves</span>
</div>
</div>
<div class="row">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for Pump</h6>
</div>
</div>
<div class="input-field col s12 m4">
<select type="combobox" class="value" id="pumpSelection">
<option value="noPump" class="translate">Without a pump</option>
<option value="mainPump" class="translate">Main pump</option>
<option value="cistern" class="translate">Cistern</option>
<option value="pumpAndCistern" class="translate">Main pump and cisterns with priority circuit</option>
</select>
<label for="pumpSelection" class="translate"></label>
<span class="translate">Pump selection</span>
</div>
<div class="row col s12">
<div class="row">
<div class="col s10 m5 l5 visMainPump input-field">
<input type="text" class="value" id="triggerMainPump" />
<label for="triggerMainPump" class="translate"></label>
<span class="translate">Main pump</span>
</div>
<div class="col s2 m1 l1 visMainPump">
<a id="triggerMainPumpDialogPopUp" class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
</div>
<div class="col s3 m4 l2 input-field visTriggerMainPumpPower">
<input type="number" class="value" id="triggerMainPumpPower" min=500 max=5000 placeholder="500-5000" step="100" />
<label for="triggerMainPumpPower" class="translate"></label>
<span class="translate">maximum pump output of the main pump in l/h</span>
</div>
<div class="col s3 m4 l2 input-field visTriggerMainPumpPower">
<input type="number" class="value" id="mainPumpLeadTime" min=1 max=300 placeholder="1-300" step="1" />
<label for="mainPumpLeadTime" class="translate"></label>
<span class="translate">Lead time of the main pump in s</span>
</div>
</div>
</div>
<div class="row col s12 visCistern">
<div class="row">
<div class="input-field col s10 m5 l5">
<input type="text" class="value" id="triggerCisternPump" />
<label for="triggerCisternPump" class="translate"></label>
<span class="translate">cistern pump</span>
</div>
<div class="col s2 m1 l1">
<a id="triggerCisternPumpDialogPopUp" class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
</div>
<div class="col s3 m4 l2 input-field">
<input type="number" class="value" id="triggerCisternPumpPower" min=500 max=5000 placeholder="500-5000" step="100" />
<label for="triggerCisternPumpPower" class="translate"></label>
<span class="translate">maximum pump capacity of the cistern in l/h</span>
</div>
<div class="col s3 m4 l2 input-field">
<input type="number" class="value" id="cisternPumpLeadTime" min=1 max=300 placeholder="1-300" step="1" />
<label for="cisternPumpLeadTime" class="translate"></label>
<span class="translate">Lead time of the cistern pump in s</span>
</div>
</div>
<div class="row">
<div class="input-field col s10 m5 l5">
<input type="text" class="value" id="actualValueLevel" />
<label for="actualValueLevel" class="translate"></label>
<span class="translate">Cistern Fill Level 0–100%</span>
</div>
<div class="col s2 m1 l1">
<a id="actualValueLevelDialogPopUp" class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
</div>
<div class="col s6 m4 l2 input-field">
<input type="number" class="value" id="triggerMinCisternLevel" min=0 max=100 placeholder="0-100" step="5" />
<label for="triggerMinCisternLevel" class="translate"></label>
<span class="translate">Minimum fill level of the cysts in %</span>
</div>
<div class="col s6 m4 l2 input-field">
<input type="number" class="value" id="triggerOnCisternLevel" min=0 max=100 placeholder="0-100" step="5" />
<label for="triggerOnCisternLevel" class="translate"></label>
<span class="translate">Switch-on level of the cistern pump in %</span>
</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">
<!-- StartTime settings -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">1. Start time (including holiday and weekend schedule)</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4">
<select type="combobox" class="value" id="wateringStartTime">
<option value="livingTime" class="translate">start with a fixed start time</option>
<option value="livingSunrise" class="translate">Start time at sunrise</option>
<option value="livingGoldenHourEnd" class="translate">Start time at the end of the golden hour</option>
<option value="livingSunset" class="translate">Start time at sunset</option>
</select>
<label for="wateringStartTime" class="translate"></label>
<span class="translate">Start time for irrigation</span>
</div>
<div class="input-field col s6 l2 visTimeShift">
<input type="number" id="timeShift" class="value" min="-120" max="120" placeholder="-120-120" step="1" />
<label for="timeShift" class="translate"></label>
<span class="translate">Time shift in min</span>
</div>
</div>
<div class="row">
<div class="input-field col s6 l2 visWeekLiving">
<input type="text" class="timepicker value" id="weekLiving" />
<label for="weekLiving" class="translate"></label>
<span class="translate">Start time in the week</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m12 l12">
<input type="checkbox" class="value" id="publicWeekend" />
<span for="publicWeekend" class="translate">different start time on weekends</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m12 l12">
<input type="checkbox" class="value" id="publicHolidays" />
<span for="publicHolidays" class="translate">On public holidays, irrigation begins at the weekend start time.</span>
</div>
</div>
</div>
</li>
<!-- 2. Start time (selection in the individual valve settings) -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">2. Start time (selection in the individual valve settings)</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4 l2">
<input type="text" class="timepicker value" id="secondStartTime" />
<label for="secondStartTime" class="translate"></label>
<span class="translate">Second start time</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m12 l12">
<input type="checkbox" class="value" id="publicWeekend2" />
<span for="publicWeekend2" class="translate">different start time on weekends</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m12 l12">
<input type="checkbox" class="value" id="publicHolidays2" />
<span for="publicHolidays" class="translate">On public holidays, irrigation begins at the weekend start time.</span>
</div>
</div>
</div>
</li>
<!-- Weekend Settings -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Weekend Watering Start Time</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4 l2">
<input type="text" class="timepicker value" id="weekEndLiving" />
<label for="weekEndLiving" class="translate"></label>
<span class="translate">Start time at the weekend</span>
</div>
</div>
</div>
</li>
<!-- Holiday Settings -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Holiday Adapter Instance</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4 l2">
<select id="publicHolInstance" class="value"></select>
<label for="publicHolInstance" class="translate"></label>
<span class="translate">public holidays Instance</span>
</div>
</div>
</div>
</li>
<!-- Additional start time -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Additional start time</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m4 l3">
<select type="combobox" class="value" id="selectAddStartTime">
<option value="noAddStartTime" class="translate">No additional start time</option>
<option value="greaterETpCurrent" class="translate">Start at ETpCurrent greater than</option>
<option value="greaterDailyMaxTemp" class="translate">Start, when the daily high temperature exceeds</option>
<option value="withExternalSignal" class="translate">Start, with external signal</option>
</select>
<label for="selectAddStartTime" class="translate"></label>
<span class="translate">Starting conditions</span>
</div>
<div class="col s12 m4 l2 showGreaterETpCur input-field">
<input type="number" class="value" id="triggerAddStartTimeETpCur" min=0 max=10 placeholder="0-10.0" step="0.1" />
<label for="triggerAddStartTimeETpCur" class="translate"></label>
<span class="translate">Start at ETpCurrent greater than</span>
</div>
<div class="col s12 m4 l2 showGreaterTemp input-field">
<input type="number" class="value" id="triggerAddStartTimeTempMax" min=20 max=50 placeholder="20-50" step="1" />
<label for="triggerAddStartTimeTemp" class="translate"></label>
<span class="translate">Switches on at maximum temperature via</span>
</div>
<div class="row">
<div class="col s12 m4 l3 showExtSig">
<div class="card-panel" style="background-color:#46a0e9; border-radius:15px;border-bottom: medium solid #174475;">
<span class="white-text translate">Activation of additional watering under objects:</span>
<br>
<span class="white-text translate">sprinklecontrol. ... .control.addStartTimeSwitch</span>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s12 m4 l2 showAddStartTime">
<input type="text" class="timepicker value" id="addWateringStartTime" />
<label for="addWateringStartTime" class="translate"></label>
<span class="translate">Additional start time</span>
</div>
</div>
</div>
</div>
</li>
<!-- Time-based irrigation restriction -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Time-based irrigation restriction (Irrigation ban)</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s12 m12 l12">
<input type="checkbox" class="value" id="enableTimeBasedRestriction" />
<span for="enableTimeBasedRestriction" class="translate">Enable time-based restriction</span>
</div>
<div class="row">
<div class="input-field col s12 m4 l2">
<input type="text" class="timepicker value" id="startOfInterruption" />
<label for="startOfInterruption" class="translate"></label>
<span class="translate">Start of interruption</span>
</div>
<div class="input-field col s12 m4 l2">
<input type="text" class="timepicker value" id="endOfInterruption" />
<label for="endOfInterruption" class="translate"></label>
<span class="translate">End of interruption</span>
</div>
</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">
<!-- Astro Einstellungen -->
<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 l6 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 l6 input-field">
<input type="text" class="value" id="longitude" />
<label for="longitude" class="translate"></label>
<span class="translate">longitude</span>
</div>
</div>
</div>
</li>
<!-- notifications -->
<li>
<div class="collapsible-header">
<i class="material-icons">expand_more</i><h6 class="translate">Additional notification setting</h6>
</div>
<div class="collapsible-body">
<div class="row">
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="notificationsType">
<option value="noNotification" class="translate">No Notification</option>
<option value="Telegram" class="translate">Telegram</option>
<option value="E-Mail" class="translate">E-Mail</option>
<option value="Pushover" class="translate">Pushover</option>
<option value="WhatsApp" class="translate">WhatsApp</option>
</select>
<label for="notificationsType" class="translate"></label>
<span class="translate">notifications type</span>
</div>
</div>
<!-- Telegram -->
<div class="row telegram">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for telegram</h6>
</div>
</div>
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<select id="telegramInstance" class="value"></select>
<label for="telegramInstance" class="translate"></label>
<span class="translate">Telegram instance</span>
</div>
<div class="input-field col s12 m6 l3 telegram">
<select id="telegramUser" class="value"></select>
<label for="telegramUser" class="translate"></label>
<span class="translate">Telegram Receiver</span>
</div>
</div>
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<select class="value" id="telegramNoticeType">
<option value="longTelegramNotice" class="translate">Long Notifications</option>
<option value="shortTelegramNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="telegramNoticeType"></label>
<span class="translate">Notification Style</span>
</div>
<div class="input-field col s12 m6 l3 telegram">
<input type="number" class="value" id="telegramWaitToSend" min="0" max="20"/>
<label for="telegramWaitToSend" class="translate"></label>
<span class="translate">Waiting for the send (seconds)</span>
</div>
</div>
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<input class="value" id="telegramSilentNotice" type="checkbox"/>
<span for="telegramSilentNotice" class="translate">Silent Notice</span>
</div>
<div class="input-field col s12 m6 l3 telegram">
<input class="value" id="telegramOnlyError" type="checkbox"/>
<span for="telegramOnlyError" class="translate">Notification only on errors</span>
</div>
</div>
<!-- WhatsApp -->
<div class="row whatsapp">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for WhatsApp</h6>
</div>
</div>
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<select id="whatsappInstance" class="value"></select>
<label for="whatsappInstance" class="translate"></label>
<span class="translate">WhatsApp instance</span>
</div>
<div class="input-field col s12 m6 l3 whatsapp">
<select class="value" id="whatsappNoticeType">
<option value="longWhatsappNotice" class="translate">Long Notifications</option>
<option value="shortWhatsappNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="whatsappNoticeType"></label>
<span class="translate">Notification Style</span>
</div>
</div>
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<input type="number" class="value" id="whatsappWaitToSend" min="0" max="20"/>
<label for="whatsappWaitToSend" class="translate"></label>
<span class="translate">Waiting for the send (seconds)</span>
</div>
</div>
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<input class="value" id="whatsappOnlyError" type="checkbox"/>
<span for="whatsappOnlyError" class="translate">Notification only on errors</span>
</div>
</div>
<!-- Pushover -->
<div class="row pushover">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for pushover</h6>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<select id="pushoverInstance" class="value"></select>
<label for="pushoverInstance" class="translate"></label>
<span class="translate">Pushover instance</span>
</div>
<div class="input-field col s12 m6 l3 pushover">
<select class="value" id="pushoverNoticeType">
<option value="longPushoverNotice" class="translate">Long Notifications</option>
<option value="shortPushoverNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="pushoverNoticeType"></label>
<span class="translate">Notification Style</span>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<input type="number" class="value" id="pushoverWaitToSend" min="0" max="20"/>
<label for="pushoverWaitToSend" class="translate"></label>
<span class="translate">Waiting for the send (seconds)</span>
</div>
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverDeviceID" type="text">
<label for="pushoverDeviceID" class="translate"></label>
<span class="translate">device ID (optional)</span>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<select class="value" id="pushoverSound">
<option value=""> default </option>
<option value="pushover"> pushover </option>
<option value="bike"> bike </option>
<option value="bugle"> bugle</option>
<option value="cashregister"> cashregister </option>
<option value="classical"> classical </option>
<option value="cosmic"> cosmic </option>
<option value="falling"> falling</option>
<option value="gamelan"> gamelan </option>
<option value="incoming"> incoming </option>
<option value="intermission"> intermission </option>
<option value="magic"> magic </option>
<option value="mechanical"> mechanical </option>
<option value="pianobar"> pianobar </option>
<option value="siren"> siren</option>
<option value="spacealarm"> spacealarm </option>
<option value="tugboat"> tugboat </option>
<option value="alien"> alien</option>
<option value="climb"> climb </option>
<option value="persistent"> persistent </option>
<option value="echo"> echo</option>
<option value="updown"> updown </option>
<option value="none"> none</option>
</select>
<label class="translate" for="pushoverSound"></label>
<span class="translate">Notification Sound</span>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverSilentNotice" type="checkbox"/>
<span for="pushoverSilentNotice" class="translate">Silent Notice</span>
</div>
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverOnlyError" type="checkbox"/>
<span for="pushoverOnlyError" class="translate">Notification only on errors</span>
</div>
</div>
<!-- email -->
<div class="row email">
<div class="col s12">
<h6 class="translate title" style="background-color:#174475;">Settings for email</h6>
</div>
</div>
<div class="row email">
<div class="input-field col s12 m6 l3 email">
<input class="value" id="emailReceiver" type="text">
<label for="emailReceiver" class="translate"></label>
<span class="translate">email receiver</span>
</div>
<div class="input-field col s12 m6 l3 email">
<input class="value" id="emailSender" type="text">
<label for="emailSender" class="translate"></label>