{% extends 'default/base.html' %} {% block title %}{{ _("Config") }} - {{ super() }} {% endblock %} {% block subtitle %}{{ _("Config") }} {% endblock %} {% block css %} <link href="static/css/default/settings.less" rel="stylesheet/less" type="text/css" media="screen"/> {% endblock %} {% block require %} App.initSettingsView(); {% endblock %} {% block head %} <script type="text/template" id="template-menu"> <%=if core%> <li class="nav-header"><i class="icon-globe icon-white"></i> {{ _("General") }}</li> <%=each core%> <li data-name="<% this.name %>"><a href="#"><% this.label %></a></li> <%/each%> <%/if%> <li class="divider"></li> <li class="nav-header"><i class="icon-th-large icon-white"></i> {{ _("Addons") }}</li> <li class="divider"></li> <li class="nav-header"><i class="icon-th-list icon-white"></i> {{ _("Other") }}</li> </script> {% endblock %} {% block content %} <div class="span2"> <ul class="nav nav-list well settings-menu"> </ul> </div> <!-- Info Popup --> <div class="modal hide fade in" id="info"> <div class="modal-header"> <button type="button" class="close">×</button> <h3>Info Popup</h3> </div> <div class="modal-body"> <h4>General</h4> <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p> <h4>And...</h4> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer"> <button class="btn">Close</button> </div> </div> <!-- End Info Popup --> <div class="span10"> <div class="well setting-box"> <form class="form-horizontal"> <legend> <div class="page-header"> <h1>Example Settings <small>Subtext for header</small> <a class="btn btn-small " href="#"><i class="icon-question-sign"></i></a> </h1> </div> </legend> <div class="control-group"> <label class="control-label">Max Parallel Downloads</label> <div class="controls"> <input id="in_mpd" type="text" placeholder="3"> </div> </div> <div class="control-group"> <label class="control-label">Limit Download Speed</label> <div class="controls"> <div class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn bnmaxspeed" id="onmaxspeed">On</button> <button type="button" class="btn bnmaxspeed active" id="offmaxspeed">Off</button> </div> <div id="downloadspeed" style="display:none"> <label>Max Download Speed in kb/s</label> <input type="text" placeholder="Tipp etwas ..."> </div> </div> </div> <div class="control-group"> <label class="control-label">Allow IPv6</label> <div class="controls"> <div class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn bnip6" id="onip6">On</button> <button type="button" class="btn bnip6 active" id="offip6">Off</button> </div> </div> </div> <div class="form-actions"> <button type="submit" class="btn btn-primary">Änderungen Speichern</button> <button type="button" class="btn">Abbrechen</button> </div> </form> </div> </div> <script src="static/js/libs/jquery-1.9.0.js"></script> {# <script src="static/js/libs/bootstrap-2.1.1.js"></script>#} <script type="text/javascript"> $(".bnmaxspeed").click(function() { $(".bnmaxspeed").removeClass("active"); $(this).toggleClass("active"); if ($("#onmaxspeed").hasClass("active")) { $("#downloadspeed").show(); } else { $("#downloadspeed").hide(); } }); $(".bnip6").click(function() { $(".bnip6").removeClass("active"); $(this).toggleClass("active"); }); $('#info').modal('toggle'); $('#in_mpd').tooltip({ placement: 'right', title: 'Gib an wie viele Downloads gleichzeitg laufen dürfen.' }); </script> {% endblock %}