diff options
Diffstat (limited to 'modules-available/locations/templates/ajax-opening-location.html')
-rw-r--r-- | modules-available/locations/templates/ajax-opening-location.html | 158 |
1 files changed, 124 insertions, 34 deletions
diff --git a/modules-available/locations/templates/ajax-opening-location.html b/modules-available/locations/templates/ajax-opening-location.html index 09fe7869..861bef65 100644 --- a/modules-available/locations/templates/ajax-opening-location.html +++ b/modules-available/locations/templates/ajax-opening-location.html @@ -1,11 +1,15 @@ -<input type="hidden" name="locationid" value="{{id}}"> -<div id="settings-outer"> - <h3>{{lang_openingTime}}</h3> +<div> + <h4>{{lang_openingTime}}</h4> + <div class="checkbox"> + <input id="oi{{id}}" class="openingtimes-inherited" + type="checkbox" name="openingtimes-inherited" value="1" {{openingtimes_inherited}}> + <label for="oi{{id}}">{{lang_inheritOpeningTimes}}</label> + </div> {{^expertMode}} - <div id="simple-mode"> + <div class="simple-mode"> <div align="right" style="margin-bottom: 10px;"> - <a href="#" class="btn btn-default btn-sm" id="btn-show-expert">{{lang_expertMode}}</a> + <a href="#" class="btn btn-default btn-sm btn-show-expert">{{lang_expertMode}}</a> </div> <div class="clearfix"></div> <table class="table table-condensed" style="margin-bottom:0"> @@ -22,7 +26,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="week-open" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 week-open" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> <td> @@ -30,7 +34,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="week-close" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 week-close" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> </tr> @@ -41,7 +45,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="saturday-open" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 saturday-open" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> <td> @@ -49,7 +53,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="saturday-close" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 saturday-close" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> </tr> @@ -60,7 +64,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="sunday-open" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 sunday-open" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> <td> @@ -68,7 +72,7 @@ <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> - <input type="text" class="form-control timepicker2" id="sunday-close" pattern="[0-9]{1,2}:[0-9]{2}"> + <input type="text" class="form-control timepicker2 sunday-close" pattern="[0-9]{1,2}:[0-9]{2}"> </div> </td> </tr> @@ -76,9 +80,9 @@ </div> {{/expertMode}} - <div id="expert-mode" style="{{^expertMode}}display:none{{/expertMode}}"> + <div class="expert-mode" style="{{^expertMode}}display:none{{/expertMode}}"> <div class="clearfix"></div> - <div id="expert-table"> + <div class="expert-table"> <div class="row"> <div class="col-sm-6">{{lang_openingTime}}</div> <div class="col-sm-4">{{lang_closingTime}}</div> @@ -87,7 +91,7 @@ </div> <hr> <div style="text-align: center;"> - <a class="btn btn-success btn-sm" id="new-openingtime"> + <a class="btn btn-success btn-sm new-openingtime"> <span class="glyphicon glyphicon-plus-sign"></span> {{lang_openingTime}} </a> @@ -96,7 +100,7 @@ </div> </div> -<div class="hidden" id="expert-template"> +<div class="hidden expert-template"> <div class="row expert-row"> <hr> <div class="col-xs-12 days-box"> @@ -124,50 +128,136 @@ </div> </div> -<script type="application/javascript"><!-- +{{#rebootcontrol}} +<h4>{{lang_automatedMachineActions}}</h4> +<div class="row wol"> + <div class="col-sm-4"> + <div class="checkbox checkbox-inline"> + <input id="wol-check-{{id}}" name="wol" type="checkbox" {{#scheduler-options.wol}}checked{{/scheduler-options.wol}}> + <label for="wol-check-{{id}}">{{lang_wakeonlan}}</label> + </div> + </div> + <div class="col-sm-8"> + <div class="input-group"> + <input disabled type="number" id="wol-offset-{{id}}" name="wol-offset" class="form-control" + value="{{scheduler-options.wol-offset}}" placeholder="0" min="0" max="60"> + <span class="input-group-addon slx-ga2"> + <label for="wol-offset-{{id}}">{{lang_offsetEarly}}</label> + </span> + </div> + </div> +</div> +<div class="row shutdown"> + <div class="col-sm-4"> + <div class="checkbox checkbox-inline"> + <input id="sd-check-{{id}}" name="sd" type="checkbox" {{#scheduler-options.sd}}checked{{/scheduler-options.sd}}> + <label for="sd-check-{{id}}">{{lang_shutdown}}</label> + </div> + </div> + <div class="col-sm-8"> + <div class="input-group"> + <input disabled type="number" id="sd-offset-{{id}}" name="sd-offset" class="form-control" + value="{{scheduler-options.sd-offset}}" placeholder="0" min="0" max="60"> + <span class="input-group-addon slx-ga2"> + <label for="sd-offset-{{id}}">{{lang_offsetLate}}</label> + </span> + </div> + </div> +</div> +<h4>{{lang_remoteAccessConstraints}}</h4> +<div class="slx-smallspace"> + <div class="radio"> + <input id="ra-ALWAYS-check-{{id}}" name="ra-mode" value="ALWAYS" type="radio" + {{scheduler_ALWAYS_checked}}> + <label for="ra-ALWAYS-check-{{id}}">{{lang_remoteAccessNoRestriction}}</label> + </div> +</div> +<div class="slx-smallspace"> + <div class="radio"> + <input id="ra-SELECTIVE-check-{{id}}" name="ra-mode" value="SELECTIVE" type="radio" + {{scheduler_SELECTIVE_checked}}> + <label for="ra-SELECTIVE-check-{{id}}">{{lang_remoteAccessOnlyWhenClosed}}</label> + </div> +</div> +<div class="slx-smallspace"> + <div class="radio"> + <input id="ra-NEVER-check-{{id}}" name="ra-mode" value="NEVER" type="radio" + {{scheduler_NEVER_checked}}> + <label for="ra-NEVER-check-{{id}}">{{lang_remoteAccessNever}}</label> + </div> +</div> +<p><i>{{lang_remoteAccessHelp}}</i></p> +{{/rebootcontrol}} + +<script> (function() { + var $loc = $('#openingTimesModal{{id}}'); + var $wol = $loc.find('.wol'); + var $sd = $loc.find('.shutdown'); + + var sync = function($div) { + $div.find('input[type="number"]').prop('disabled', + !$div.find('input[type="checkbox"]').is(':checked')); + }; + sync($wol); + sync($sd); + $wol.find('input[type="checkbox"]').on('change', function() { sync($wol); }); + $sd.find('input[type="checkbox"]').on('change', function() { sync($sd); }); + var scheduleData = {{{schedule_data}}}; {{#expertMode}} for (var i = 0; i < scheduleData.length; ++i) { - newOpeningTime(scheduleData[i]); + newOpeningTime($loc, scheduleData[i]); } {{/expertMode}} {{^expertMode}} for (var i = 0; i < scheduleData.length; ++i) { if (scheduleData[i].days.length === 5) { - $('#week-open').val(scheduleData[i]['openingtime']); - $('#week-close').val(scheduleData[i]['closingtime']); + $loc.find('.week-open').val(scheduleData[i]['openingtime']); + $loc.find('.week-close').val(scheduleData[i]['closingtime']); } else if (scheduleData[i].days.length === 1 && scheduleData[i].days[0] === 'Saturday') { - $('#saturday-open').val(scheduleData[i]['openingtime']); - $('#saturday-close').val(scheduleData[i]['closingtime']); + $loc.find('.saturday-open').val(scheduleData[i]['openingtime']); + $loc.find('.saturday-close').val(scheduleData[i]['closingtime']); } else if (scheduleData[i].days.length === 1 && scheduleData[i].days[0] === 'Sunday') { - $('#sunday-open').val(scheduleData[i]['openingtime']); - $('#sunday-close').val(scheduleData[i]['closingtime']); + $loc.find('.sunday-open').val(scheduleData[i]['openingtime']); + $loc.find('.sunday-close').val(scheduleData[i]['closingtime']); } } {{/expertMode}} - setTimepicker($('#settings-outer').find('.timepicker2')); - - $('p.helptext').tooltip(); + setTimepicker($loc.find('.timepicker2')); - $('#new-openingtime').click(function (e) { + $loc.find('.new-openingtime').click(function (e) { e.preventDefault(); - setTimepicker(newOpeningTime({}).find('.timepicker2')); + setTimepicker(newOpeningTime($loc, {}).find('.timepicker2')); + setInputEnabled(); }); - $('#btn-show-expert').click(function (e) { + $loc.find('.btn-show-expert').click(function (e) { e.preventDefault(); - scheduleData = simpleToExpert(); + scheduleData = simpleToExpert($loc); for (var i = 0; i < scheduleData.length; ++i) { - setTimepicker(newOpeningTime(scheduleData[i]).find('.timepicker2')); + setTimepicker(newOpeningTime($loc, scheduleData[i]).find('.timepicker2')); } - $('#simple-mode').remove(); - $('#expert-mode').show(); + $loc.find('.simple-mode').remove(); + $loc.find('.expert-mode').show(); + setInputEnabled(); }); + $loc.find('form').submit(validateOpeningTimes); + var setInputEnabled = function () { + $loc.find('.expert-mode input, .simple-mode input').prop('disabled', $inheritCb.is(':checked') ? 'disabled' : false); + }; + var $inheritCb = $loc.find('.openingtimes-inherited'); + setInputEnabled(); + $inheritCb.change(setInputEnabled); + $loc.find('.new-openingtime').click(function (e) { + if ($inheritCb.is(':checked')) { + $inheritCb.click(); + } + }); })(); -//--></script> +</script> |