diff options
Diffstat (limited to 'module/web')
| -rw-r--r-- | module/web/static/css/default/style.less | 14 | ||||
| -rw-r--r-- | module/web/templates/default/settings.html | 130 |
2 files changed, 107 insertions, 37 deletions
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less index aa60fd8f3..49d859dd2 100644 --- a/module/web/static/css/default/style.less +++ b/module/web/static/css/default/style.less @@ -1,4 +1,4 @@ -/*
+/*
Definitions
*/
@@ -436,4 +436,16 @@ footer h2 { .file-row.first {
width: 50%;
+}
+/*
+ Settings
+*/
+.setmenu{
+ background-color: #F5F5F5;
+ border: 1px solid #E3E3E3;
+ border-radius: 4px 4px 4px 4px;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
+ margin-bottom: 20px;
+ min-height: 20px;
+ padding: 19px;
}
\ No newline at end of file diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html index b7cdb7cb5..75888b57c 100644 --- a/module/web/templates/default/settings.html +++ b/module/web/templates/default/settings.html @@ -1,36 +1,94 @@ -{% extends 'default/base.html' %} - -{% block title %}{{ _("Config") }} - {{ super() }} {% endblock %} -{% block subtitle %}{{ _("Config") }}{% endblock %} - -{% block head %} - <script> - $(function() { - $( "#toptabs" ).tabs({ - ajaxOptions: { - error: function( xhr, status, index, anchor ) { - $( anchor.hash ).html( - "Couldn't load this tab." ); - } - } - }); - }); - </script> -{% endblock %} - -{% block content %} - -<div id="toptabs"> - <ul> - <li><a href="#tabs-1">{{ _("Admin")}}</a></li> - <li><a href="ajax/content1.html">{{ _("Addons")}}</a></li> - <li><a href="ajax/content1.html">{{ _("Accounts")}}</a></li> - <li><a href="ajax/content1.html">{{ _("User")}}</a></li> - </ul> - <div id="tabs-1"> - <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> - </div> -</div> - - -{% endblock %}
\ No newline at end of file +{% extends 'default/base.html' %}
+
+{% block title %}{{ _("Config") }} - {{ super() }} {% endblock %}
+{% block subtitle %}{{ _("Config") }}{% endblock %}
+
+{% block head %}
+ <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");
+ });
+
+
+
+ </script>
+{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span2">
+ <div class="setmenu" style="max-width: 340px; padding: 8px 0;">
+ <ul class="nav nav-list" >
+ <li class="nav-header">{{ _("General")}}</li>
+ <li class="active"><a href="#">Example Settings</a></li>
+ <li><a href="#">General blabla</a></li>
+ <li><a href="#">General blabla</a></li>
+ <li><a href="#">General blabla</a></li>
+ <li><a href="#">General blabla</a></li>
+ <li class="nav-header">{{ _("User")}}</li>
+ <li><a href="#">User blaba</a></li>
+ <li><a href="#">User blab la</a></li>
+ <li><a href="#">User blabal</a></li>
+ <li class="nav-header">{{ _("Addons")}}</li>
+ <li><a href="#">Addons balba</a></li>
+ <li><a href="#">Addons balbal</a></li>
+ <li class="nav-header">{{ _("Accounts")}}</li>
+ <li><a href="#">Accounts blabal </a></li>
+ <li><a href="#">Accounts bala</a></li>
+ <li><a href="#">Accounts blabla</a></li>
+ <li><a href="#">Accounts nalai</a></li>
+ <li class="divider"></li>
+ <li class="nav-header">{{ _("Admin")}}</li>
+ <li><a href="#">User Übersicht</a></li>
+ <li><a href="#">User hinzufügen</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="span10" style="margin-top: 10px ">
+ <h1>Example Settings</h1>
+ <div class="well" style="margin-top: 10px ">
+ <form>
+ <label>Max Parallel Downloads</label>
+ <input type="text" placeholder="3">
+ <label>Limit Download Speed</label>
+ <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="Type something...">
+ </div>
+ <label>Allow IPv6</label>
+ <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>
+ </form>
+ <div class="form-actions">
+ <button type="submit" class="btn btn-primary">Änderungen Speichern</button>
+ <button type="button" class="btn">Abbrechen</button>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+{% endblock %}
\ No newline at end of file |