diff options
Diffstat (limited to 'modules-available/locationinfo/templates')
3 files changed, 124 insertions, 189 deletions
diff --git a/modules-available/locationinfo/templates/page-config-panel-default.html b/modules-available/locationinfo/templates/page-config-panel-default.html index 76e1f4a7..29fd0f16 100644 --- a/modules-available/locationinfo/templates/page-config-panel-default.html +++ b/modules-available/locationinfo/templates/page-config-panel-default.html @@ -25,102 +25,90 @@ <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="panel-title">{{lang_displayName}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_displayNameTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_displayNameTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="language">{{lang_language}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="language" id="language"> {{#languages}} <option value="{{cc}}" id="lang-{{cc}}" {{selected}}>{{name}}</option> {{/languages}} </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_languageTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_languageTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-eco">{{lang_ecoMode}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="input-eco" type="checkbox" name="eco" {{eco_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_ecoTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_ecoTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-prettytime">{{lang_prettytime}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="input-prettytime" type="checkbox" name="prettytime" {{prettytime_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_prettytimeTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_prettytimeTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-calupdate">{{lang_calendarUpdate}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="calupdate" type="number" min="30" id="input-calupdate" max="1440" value="{{calupdate}}" required> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_calupdateTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_calupdateTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="form-roomupdate">{{lang_roomUpdate}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="roomupdate" type="number" min="15" id="form-roomupdate" max="86400" value="{{roomupdate}}" required> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_roomupdateTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_roomupdateTooltip}} </div> </div> </div> @@ -136,10 +124,10 @@ <div class="list-group" id="overridableConfigs"> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="mode">{{lang_mode}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="mode" id="mode" onchange="modeChange(id)"> <option value="1" id="mode1">{{lang_mode1}}</option> <option value="2" id="mode2">{{lang_mode2}}</option> @@ -147,55 +135,49 @@ <option value="4" id="mode4">{{lang_mode4}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_modeTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_modeTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-roomplanner">{{lang_useRoomplanner}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="roomplanner" id="input-roomplanner"> <option value="0" id="roomplanner0">{{lang_countIp}}</option> <option value="1" id="roomplanner1">{{lang_countRoomplan}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_roomplannerTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_roomplannerTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-h m3-h m4-h"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-vertical">{{lang_vertical}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="input-vertical" class="btstrpCheckbox" type="checkbox" name="vertical" {{vertical_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_verticalTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_verticalTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-s m3-h m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="startday">{{lang_startDay}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" id="startday" name="startday"> <option value="0">{{lang_currentDay}}</option> <option value="1">{{lang_monday}}</option> @@ -207,36 +189,32 @@ <option value="7">{{lang_sunday}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_startDayTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_startDayTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-s m3-h m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="scaledaysauto">{{lang_autoScale}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="scaledaysauto" class="btstrpCheckbox" type="checkbox" name="scaledaysauto" {{scaledaysauto_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_autoscaleTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_autoscaleTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-s m3-h m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="daystoshow">{{lang_daysToShow}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" id="daystoshow" name="daystoshow"> <option value="1">1</option> <option value="2">2</option> @@ -247,20 +225,18 @@ <option value="7">7</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_daysToShowTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_daysToShowTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-h m3-s m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="rotation">{{lang_rotation}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" id="rotation" name="rotation"> <option value="0">{{lang_rotation0}}</option> <option value="3">{{lang_rotation3}}</option> @@ -268,60 +244,52 @@ <option value="1">{{lang_rotation1}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_rotationTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_rotationTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-h m3-s m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="show-hostname">{{lang_showHostname}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="show-hostname" class="btstrpCheckbox" type="checkbox" name="hostname" {{hostname_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_hostnameTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_hostnameTooltip}} </div> </div> </div> <div class="list-group-item m1-s m2-h m3-h m4-h"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-scale">{{lang_scale}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <span><span class="range-display"></span> %</span> <input id="input-scale" name="scale" type="range" step="1" min="10" max="90" value="{{scale}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_scaleTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_scaleTooltip}} </div> </div> </div> <div class="list-group-item m1-h m2-h m3-h m4-s"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-switchtime">{{lang_switchTime}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <span><span class="range-display"></span> {{lang_sec}}</span> <input id="input-switchtime" name="switchtime" type="range" step="1" min="1" max="120" value="{{switchtime}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_switchTimeTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_switchTimeTooltip}} </div> </div> </div> @@ -400,9 +368,6 @@ document.addEventListener("DOMContentLoaded", function () { var $owPanels = $('#overrideRoomConfigs'); var overrides = {{{overrides}}} - // Initialize fancy tooltips - $('p.helptext').tooltip(); - // Add listener to range sliders so their label can be updated var $range = $('input[type="range"]'); $range.change(function () { diff --git a/modules-available/locationinfo/templates/page-config-panel-summary.html b/modules-available/locationinfo/templates/page-config-panel-summary.html index 2dc556ce..2d26ad39 100644 --- a/modules-available/locationinfo/templates/page-config-panel-summary.html +++ b/modules-available/locationinfo/templates/page-config-panel-summary.html @@ -21,87 +21,77 @@ <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="panel-title">{{lang_displayName}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_displayNameTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_displayNameTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="language">{{lang_language}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="language" id="language"> {{#languages}} <option value="{{cc}}" id="lang-{{cc}}" {{selected}}>{{name}}</option> {{/languages}} </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_languageTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_languageTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-eco">{{lang_ecoMode}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input id="input-eco" type="checkbox" name="eco" {{eco_checked}}> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_ecoTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_ecoTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-roomplanner">{{lang_useRoomplanner}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="roomplanner" id="input-roomplanner"> <option value="0" id="roomplanner0">{{lang_countIp}}</option> <option value="1" id="roomplanner1">{{lang_countRoomplan}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_roomplannerTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_roomplannerTooltip}} </div> </div> </div> <!-- <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-prettytime">{{lang_prettytime}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <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}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </a> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_prettytimeTooltip}} </div> </div> </div> @@ -119,17 +109,15 @@ <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="form-panelupdate">{{lang_panel}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="panelupdate" type="number" min="15" id="form-panelupdate" max="86400" value="{{panelupdate}}" required> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_summaryUpdateIntervalTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_summaryUpdateIntervalTooltip}} </div> </div> </div> diff --git a/modules-available/locationinfo/templates/page-config-panel-url.html b/modules-available/locationinfo/templates/page-config-panel-url.html index eb84b2d3..0282826e 100644 --- a/modules-available/locationinfo/templates/page-config-panel-url.html +++ b/modules-available/locationinfo/templates/page-config-panel-url.html @@ -18,62 +18,56 @@ <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="panel-title">{{lang_displayName}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_displayNameTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_displayNameTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="panel-url">{{lang_url}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" name="url" id="panel-url" type="text" value="{{url}}" placeholder="http://www.bwlehrpool.de/" pattern=".*://.*" required> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_urlTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_urlTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-ssl">{{lang_insecureSsl}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <div class="checkbox"> <input id="input-ssl" type="checkbox" name="insecure-ssl" {{ssl_checked}} value="1"> <label></label> </div> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_ignoreSslTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_ignoreSslTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label>{{lang_allowTtySwitch}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <div class="radio"> <input id="tty1" type="radio" name="allow-tty" {{allow-tty__checked}} value=""> <label for="tty1">{{lang_useDefault}}</label> @@ -87,26 +81,22 @@ <label for="tty3">{{lang_no}}</label> </div> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_allowTtySwitchTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_allowTtySwitchTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="input-reload">{{lang_reloadIntervalMins}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <input class="form-control" id="input-reload" type="number" min="0" max="999" name="reloadminutes" pattern="\d*" value="{{reloadminutes}}"> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_reloadIntervalTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_reloadIntervalTooltip}} </div> </div> </div> @@ -129,75 +119,67 @@ <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="split-login">{{lang_splitlogin}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <div class="checkbox"> <input id="split-login" type="checkbox" name="split-login" {{split-login_checked}} value="1"> <label></label> </div> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_splitloginTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_splitloginTooltip}} </div> </div> </div> <div class="list-group-item"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="browser">{{lang_browser}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <select class="form-control" name="browser" id="browser" onchange="browserChange()"> <option value="slx-browser" id="slx">{{lang_slxbrowser}}</option> <option value="chromium" id="chrome">{{lang_chromium}}</option> </select> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_browserTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_browserTooltip}} </div> </div> </div> <div class="list-group-item b0-h"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="interactive">{{lang_interactive}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <div class="checkbox"> <input id="interactive" type="checkbox" name="interactive" {{interactive_checked}} value="1"> <label></label> </div> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_interactiveTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_interactiveTooltip}} </div> </div> </div> <div class="list-group-item b0-h" id="bookmarks"> <div class="row"> - <div class="col-sm-3"> + <div class="col-sm-4"> <label for="bookmarks">{{lang_bookmarks}}</label> </div> - <div class="col-sm-7"> + <div class="col-sm-8"> <button type="button" class="btn btn-success" onclick="addBookmark()"> <span class="glyphicon glyphicon-plus"></span> </button> </div> - <div class="col-sm-2"> - <p class="btn btn-static helptext" title="{{lang_bookmarksTooltip}}"> - <span class="glyphicon glyphicon-question-sign"></span> - </p> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_bookmarksTooltip}} </div> </div> <div class="row" style="margin-top: 1em;" id="bookmarkRow" hidden> |