diff options
Diffstat (limited to 'modules-available/locationinfo/templates/page-config-panel-default.html')
| -rw-r--r-- | modules-available/locationinfo/templates/page-config-panel-default.html | 95 |
1 files changed, 63 insertions, 32 deletions
diff --git a/modules-available/locationinfo/templates/page-config-panel-default.html b/modules-available/locationinfo/templates/page-config-panel-default.html index b55e3d4d..116c2e11 100644 --- a/modules-available/locationinfo/templates/page-config-panel-default.html +++ b/modules-available/locationinfo/templates/page-config-panel-default.html @@ -28,9 +28,9 @@ <input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}"> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_displayNameTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_displayNameTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -48,9 +48,9 @@ </select> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_languageTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_languageTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -69,9 +69,9 @@ </select> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_modeTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_modeTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -85,9 +85,9 @@ <input id="input-eco" type="checkbox" name="eco" {{eco_checked}}> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_ecoTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_ecoTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -101,9 +101,25 @@ <input id="input-prettytime" type="checkbox" name="prettytime" {{prettytime_checked}}> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_prettytimeTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_prettytimeTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> + </div> + </div> + </div> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-3"> + <label for="input-roomplanner">{{lang_useRoomplanner}}</label> + </div> + <div class="col-sm-7"> + <input id="input-roomplanner" type="checkbox" name="roomplanner" {{roomplanner_checked}}> + </div> + <div class="col-sm-2"> + <p class="btn btn-static helptext" title="{{lang_roomplannerTooltip}}"> + <span class="glyphicon glyphicon-question-sign"></span> + </p> </div> </div> </div> @@ -128,9 +144,9 @@ max="1440" value="{{calupdate}}" required> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_calupdateTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_calupdateTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -145,9 +161,9 @@ max="86400" value="{{roomupdate}}" required> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_roomupdateTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_roomupdateTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -177,9 +193,9 @@ <input id="input-vertical" type="checkbox" name="vertical" {{vertical_checked}}> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_verticalTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_verticalTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -193,9 +209,9 @@ <input id="scaledaysauto" type="checkbox" name="scaledaysauto" {{scaledaysauto_checked}}> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_autoscaleTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_autoscaleTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -217,9 +233,9 @@ </select> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_daysToShowTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_daysToShowTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -238,9 +254,9 @@ </select> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_rotationTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_rotationTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -255,9 +271,9 @@ <input id="input-scale" name="scale" type="range" step="1" min="10" max="90" value="{{scale}}"> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_scaleTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_scaleTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -272,9 +288,9 @@ <input id="input-switchtime" name="switchtime" type="range" step="1" min="1" max="120" value="{{switchtime}}"> </div> <div class="col-sm-2"> - <a class="btn btn-default helptext" title="{{lang_switchTimeTooltip}}"> + <p class="btn btn-static helptext" title="{{lang_switchTimeTooltip}}"> <span class="glyphicon glyphicon-question-sign"></span> - </a> + </p> </div> </div> </div> @@ -293,7 +309,7 @@ </ul> <div class="dropdown pull-right"> - <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> + <button id="addLocDdBtn" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-plus"></span> </button> <ul class="dropdown-menu" id="location-list"> @@ -309,8 +325,10 @@ </div> </div> - <button type="submit" class="btn btn-primary">{{lang_save}}</button> - <a href="?do=locationinfo&show=panels" class="btn btn-default">{{lang_cancel}}</a> + <div class="text-right"> + <a href="?do=locationinfo&show=panels" class="btn btn-default">{{lang_cancel}}</a> + <button type="submit" class="btn btn-primary">{{lang_save}}</button> + </div> </form> <div class="modal fade" id="no-locations-message" tabindex="-1" role="dialog"> @@ -336,9 +354,10 @@ document.addEventListener("DOMContentLoaded", function () { var $selLocs = $('#selected-locations'); var $locList = $('#location-list'); var $locInput = $('#locationids'); + var $addLocDbBtn = $('#addLocDdBtn'); // Initialize fancy tooltips - $('a.helptext').tooltip(); + $('p.helptext').tooltip(); // Add listener to range sliders so their label can be updated $('input[type="range"]').change(function () { $(this).siblings().find('.range-display').text($(this).val()); @@ -372,6 +391,7 @@ document.addEventListener("DOMContentLoaded", function () { // Adding/removing locations $locList.find('a').click(function(ev) { ev.preventDefault(); + ev.stopPropagation(); var $this = $(this); var name = $this.find('.name').text(); var id = $this.data('lid'); @@ -388,13 +408,24 @@ document.addEventListener("DOMContentLoaded", function () { function addLocation(id, name) { $selLocs.find('li[data-lid="' + id + '"]').remove(); - var delButton = $('<button class="btn btn-danger btn-xs" type="button">').append($('<span class="glyphicon glyphicon-remove">')).click(delParent); - $selLocs.append($('<li>').attr('data-lid', id).text(name).prepend(delButton)); + var delButton = $('<button style="margin-right: 5px;" class="btn btn-danger btn-xs" type="button">').append($('<span class="glyphicon glyphicon-remove">')).click(delParent); + $selLocs.append($('<li style="margin-top: 5px;">').attr('data-lid', id).text(name).prepend(delButton)); + + if ($selLocs.find('li').length >= 4) { + $addLocDbBtn.prop("disabled",true); + var $addLocBtnParent = $addLocDbBtn.parent(); + if ($addLocBtnParent.hasClass('open')) { + $addLocBtnParent.removeClass('open'); + } + } } function delParent() { $(this).parent().remove(); serializeLocs(); + if ($selLocs.find('li').length < 4) { + $addLocDbBtn.prop("disabled",false); + } } function serializeLocs() { |