render the settings menu

2 files changed, 31 insertions, 13 deletions

diff --git a/module/web/static/js/views/settingsView.js b/module/web/static/js/views/settingsView.js
index 1b7f5e356..8372f77c1 100644
--- a/module/web/static/js/views/settingsView.js
+++ b/module/web/static/js/views/settingsView.js
@@ -12,27 +12,43 @@ define(['jquery', 'underscore', 'backbone'],
             },
 
             menu: null,
-            data: null,
+
+            core_config: null, // It seems models are not needed
+            plugin_config: null,
 
             initialize: function() {
                 this.menu = $('.settings-menu');
-                var self = this;
+                this.refresh();
 
-//                $.ajax("/api/getCoreConfig", {success: function(data) {
-//                    self.data = data;
-//                    self.render()
-//                }});
-//                $.ajax("/api/getPluginConfig");
                 console.log("Settings initialized");
             },
 
-            // TODO: this is only a showcase
+            refresh: function() {
+                var self = this;
+                $.ajax("/api/getCoreConfig", {success: function(data) {
+                    self.core_config = data;
+                    self.render()
+                }});
+                $.ajax("/api/getPluginConfig", {success: function(data) {
+                    self.plugin_config = data;
+                    self.render();
+                }});
+            },
+
             render: function() {
-                this.menu.html(this.template_menu({core:false}));
+                this.menu.html(this.template_menu({
+                        core: this.core_config,
+                        plugin: this.plugin_config
+                    }));
             },
 
-            change_section: function(el) {
-                console.log("Section changed");
+            change_section: function(e) {
+                var el = $(e.target).parent();
+                var name = el.data("name");
+                console.log("Section changed to " + name);
+
+                this.menu.find("li.active").removeClass("active");
+                el.addClass("active");
             }
 
         });
diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index 5fa34a40d..77413a222 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -15,9 +15,11 @@
 {% block head %}

     <script type="text/template" id="template-menu">

         <%=if core%>

-            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="nav-header"><i class="icon-globe icon-white"></i> {{ _("General") }}</li>

         <li class="divider"></li>

         <li class="nav-header"><i class="icon-th-large icon-white"></i> {{ _("Addons") }}</li>

         <li class="divider"></li>