From b5f66789e70bd105e162470927942c40496cdc92 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Mon, 25 Mar 2013 19:12:39 +0100
Subject: simple rendering for settings page

---
 module/web/templates/default/settings.html | 148 +++++++++--------------------
 1 file changed, 44 insertions(+), 104 deletions(-)

(limited to 'module/web/templates/default')

diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index 1f9be3db0..7f6bbeb8e 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -15,119 +15,59 @@
 {% 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%>
+        <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>
+    <script type="text/template" id="template-config">
+        <legend>
+            <div class="page-header">
+                <h1><% label %>
+                    <small><% description %></small>
+                    <a class="btn btn-small " href="#"><i
+                            class="icon-question-sign"></i></a>
+                </h1>
             </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>
+        </legend>
+        <div class="control-content">
+        </div>
+        <div class="form-actions">
+            <button type="submit" class="btn btn-primary disabled">Save changes</button>
+            <button type="button" class="btn">Cancel</button>
+        </div>
+    </script>
+    <script type="text/template" id="template-config-item">
+        <div class="control-group">
+            <label class="control-label"><% label %></label>
+            <div class="controls">
             </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();
-            }
+        </div>
+    </script>
 
-        });
-        $(".bnip6").click(function() {
-            $(".bnip6").removeClass("active");
-            $(this).toggleClass("active");
-        });
-        $('#info').modal('toggle');
+{% endblock %}
 
-        $('#in_mpd').tooltip({
-            placement: 'right',
-            title: 'Gib an wie viele Downloads gleichzeitg laufen dürfen.'
-        });
+{% block actionbar %}
+{#    <ul class="actionbar nav nav-pills span9">#}
+{#    <li>Add Plugin</li>#}
+{#    </ul>#}
+{% endblock %}
 
-    </script>
+{% block content %}
+    <div class="span2">
+        <ul class="nav nav-list well settings-menu">
+        </ul>
+    </div>
+    <div class="span10">
+        <div class="well setting-box">
+            <form class="form-horizontal" id="settings-form">
+                <h1>Please choose a config section</h1>
+            </form>
+        </div>
+    </div>
 {% endblock %} 
\ No newline at end of file
-- 
cgit v1.2.3