From 2283396e235bd938c612b1a1a3a94c8bd94ba448 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Mon, 7 Jan 2013 19:56:01 +0100
Subject: render the settings menu
---
module/web/static/js/views/settingsView.js | 38 +++++++++++++++++++++---------
module/web/templates/default/settings.html | 6 +++--
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>
--
cgit v1.2.3