diff options
Diffstat (limited to 'modules-available/locationinfo/templates/page-config-panel-url.html')
| -rw-r--r-- | modules-available/locationinfo/templates/page-config-panel-url.html | 365 |
1 files changed, 193 insertions, 172 deletions
diff --git a/modules-available/locationinfo/templates/page-config-panel-url.html b/modules-available/locationinfo/templates/page-config-panel-url.html index 7b82199e..3aaf8620 100644 --- a/modules-available/locationinfo/templates/page-config-panel-url.html +++ b/modules-available/locationinfo/templates/page-config-panel-url.html @@ -13,210 +13,227 @@ <div class="panel panel-default"> <div class="panel-heading">{{lang_display}}</div> - <div class="panel-body"> - <div class="list-group"> + <div class="list-group"> - <div class="list-group-item"> - <div class="row"> - <div class="col-sm-3"> - <label for="panel-title">{{lang_displayName}}</label> - </div> - <div class="col-sm-7"> - <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> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="panel-title">{{lang_displayName}}</label> + </div> + <div class="col-sm-8"> + <input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}"> + </div> + <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"> - <label for="panel-url">{{lang_url}}</label> - </div> - <div class="col-sm-7"> - <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> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="panel-url">{{lang_url}}</label> + </div> + <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-12 small text-muted spacebottop"> + {{lang_urlTooltip}} </div> </div> + </div> - <div class="list-group-item"> - <div class="row"> - <div class="col-sm-3"> - <label for="input-ssl">{{lang_insecureSsl}}</label> - </div> - <div class="col-sm-7"> - <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="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="input-ssl">{{lang_insecureSsl}}</label> + </div> + <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-12 small text-muted spacebottop"> + {{lang_ignoreSslTooltip}} + </div> </div> + </div> - <div class="list-group-item"> - <div class="row"> - <div class="col-sm-3"> - <label for="input-reload">{{lang_reloadIntervalMins}}</label> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label>{{lang_allowTtySwitch}}</label> + </div> + <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> </div> - <div class="col-sm-7"> - <input class="form-control" id="input-reload" type="number" min="0" max="999" name="reloadminutes" pattern="\d*" value="{{reloadminutes}}"> + <div class="radio"> + <input id="tty2" type="radio" name="allow-tty" {{allow-tty_yes_checked}} value="yes"> + <label for="tty2">{{lang_yes}}</label> </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="radio"> + <input id="tty3" type="radio" name="allow-tty" {{allow-tty_no_checked}} value="no"> + <label for="tty3">{{lang_no}}</label> </div> </div> + <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="radio"> - <input type="radio" name="iswhitelist" value="1" {{iswhitelist_1_checked}} id="iswhitelist1" class="form-control"> - <label for="iswhitelist1"> - {{lang_urlWhitelist}} - </label> - </div> - <div class="radio"> - <input type="radio" name="iswhitelist" value="0" {{iswhitelist_0_checked}} id="iswhitelist0" class="form-control"> - <label for="iswhitelist0"> - {{lang_urlBlacklist}} - </label> - </div> - </div> - <div class="col-sm-7"> - <textarea name="urllist" rows="10" class="form-control">{{urllist}}</textarea> - <p>{{lang_urlListHelp}}</p> - </div> - <div class="col-sm-2"></div> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="input-reload">{{lang_reloadIntervalMins}}</label> + </div> + <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-12 small text-muted spacebottop"> + {{lang_reloadIntervalTooltip}} </div> </div> + </div> - <div class="list-group-item"> - <div class="row"> - <div class="col-sm-3"> - <label for="split-login">{{lang_splitlogin}}</label> - </div> - <div class="col-sm-7"> - <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> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-6"> + <label for="whitelist">{{lang_whitelist}}</label> + <textarea id="whitelist" name="whitelist" rows="10" class="form-control">{{whitelist}}</textarea> + </div> + <div class="col-sm-6"> + <label for="blacklist">{{lang_blacklist}}</label> + <textarea id="blacklist" name="blacklist" rows="10" class="form-control">{{blacklist}}</textarea> + </div> + <div class="col-sm-12 slx-smallspace"> + {{lang_urlListHelp}} </div> </div> + </div> - <div class="list-group-item"> - <div class="row"> - <div class="col-sm-3"> - <label for="browser">{{lang_browser}}</label> - </div> - <div class="col-sm-7"> - <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="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="split-login">{{lang_splitlogin}}</label> + </div> + <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-12 small text-muted spacebottop"> + {{lang_splitloginTooltip}} + </div> + </div> + </div> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="browser">{{lang_browser}}</label> + </div> + <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-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"> - <label for="interactive">{{lang_interactive}}</label> - </div> - <div class="col-sm-7"> - <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="list-group-item b0-h"> + <div class="row"> + <div class="col-sm-4"> + <label for="interactive">{{lang_interactive}}</label> + </div> + <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-12 small text-muted spacebottop"> + {{lang_interactiveTooltip}} + </div> </div> + </div> - <div class="list-group-item" id="bookmarks"> - <div class="row"> - <div class="col-sm-3"> - <label for="bookmarks">{{lang_bookmarks}}</label> - </div> - <div class="col-sm-7"> - <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> + <div class="list-group-item b0-h" id="bookmarks"> + <div class="row"> + <div class="col-sm-4"> + <label for="bookmarks">{{lang_bookmarks}}</label> </div> - <div class="row" style="margin-top: 1em;" id="bookmarkRow" hidden> - <div class="col-sm-3 col-sm-offset-3"> - <input class="form-control" name="bookmarkNames[]" type="text" value="" - placeholder="bwLehrpool"> - </div> - <div class="col-sm-3"> - <input class="form-control" name="bookmarkUrls[]" type="text" value="" - placeholder="http://www.bwlehrpool.de/" pattern=".*://.*"> - </div> - <div class="col-sm-1"> - <button type="button" class="btn btn-danger" onclick="this.closest('.row').remove()"> - <span class="glyphicon glyphicon-minus"></span> - </button> - </div> + <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-12 small text-muted spacebottop"> + {{lang_bookmarksTooltip}} </div> + </div> + <div class="row" style="margin-top: 1em;" id="bookmarkRow" hidden> + <div class="col-sm-3 col-sm-offset-3"> + <input class="form-control" name="bookmarkNames[]" type="text" value="" + placeholder="bwLehrpool"> + </div> + <div class="col-sm-3"> + <input class="form-control" name="bookmarkUrls[]" type="text" value="" + placeholder="https://www.bwlehrpool.de/" pattern=".*://.*"> + </div> + <div class="col-sm-1"> + <button type="button" class="btn btn-danger" onclick="$(this).closest('.row').remove()"> + <span class="glyphicon glyphicon-minus"></span> + </button> + </div> + </div> - {{#bookmarks}} - <div class="row" style="margin-top: 1em;"> - <div class="col-sm-3 col-sm-offset-3"> - <input class="form-control" name="bookmarkNames[]" type="text" value="{{name}}" - placeholder="bwLehrpool" required> - </div> - <div class="col-sm-3"> - <input class="form-control" name="bookmarkUrls[]" type="text" value="{{url}}" - placeholder="http://www.bwlehrpool.de/" pattern=".*://.*" required> - </div> - <div class="col-sm-1"> - <button type="button" class="btn btn-danger" onclick="this.closest('.row').remove()"> - <span class="glyphicon glyphicon-minus"></span> - </button> - </div> + {{#bookmarks}} + <div class="row" style="margin-top: 1em;"> + <div class="col-sm-3 col-sm-offset-3"> + <input class="form-control" name="bookmarkNames[]" type="text" value="{{name}}" + placeholder="bwLehrpool" required> + </div> + <div class="col-sm-3"> + <input class="form-control" name="bookmarkUrls[]" type="text" value="{{url}}" + placeholder="http://www.bwlehrpool.de/" pattern=".*://.*" required> + </div> + <div class="col-sm-1"> + <button type="button" class="btn btn-danger" onclick="$(this).closest('.row').remove()"> + <span class="glyphicon glyphicon-minus"></span> + </button> </div> - {{/bookmarks}} </div> + {{/bookmarks}} + </div> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="zoom-factor">{{lang_zoomFactor}}</label> + </div> + <div class="col-sm-7 col-xs-10"> + <input class="form-control" id="zoom-factor" type="range" min="50" max="300" step="5" + name="zoom-factor" value="{{zoom-factor}}"> + </div> + <div class="col-sm-1 col-xs-2" id="zoom-value"> + </div> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_zoomFactorTooltip}} + </div> + </div> </div> + </div> </div> <div class="text-right"> @@ -228,14 +245,19 @@ </div> </form> -<script type="text/javascript"><!-- +<script> document.addEventListener("DOMContentLoaded", function () { - // Initialize fancy tooltips - $('p.helptext').tooltip(); // load value to dropdown menus - $('#browser option[value="{{browser}}"]').attr("selected", "selected"); + $('#browser option[value="{{browser}}"]').prop("selected", true); browserChange(); + var $zv = $('#zoom-value'); + var $zf = $('#zoom-factor'); + var sliderUpdate = function() { + $zv.text($zf.val() + '%'); + }; + $zf.on('input', sliderUpdate); + sliderUpdate(); }); // Hide interactive-input if slx-browser is selected @@ -245,7 +267,6 @@ function browserChange() { $('.b0-h').show(); } else { $('.b0-h').hide(); - $('#interactive').prop('checked', false); } } @@ -261,4 +282,4 @@ function addBookmark() { $('#bookmarks').append(rowCopy); } -//--></script> +</script> |