diff options
Diffstat (limited to 'module/web/static/js/views')
| -rw-r--r-- | module/web/static/js/views/headerView.js | 3 | ||||
| -rw-r--r-- | module/web/static/js/views/queryModal.js | 1 | ||||
| -rw-r--r-- | module/web/static/js/views/settingsView.js | 89 |
3 files changed, 78 insertions, 15 deletions
diff --git a/module/web/static/js/views/headerView.js b/module/web/static/js/views/headerView.js index 25127a337..db704a3db 100644 --- a/module/web/static/js/views/headerView.js +++ b/module/web/static/js/views/headerView.js @@ -55,7 +55,8 @@ define(['jquery', 'underscore', 'backbone', 'app', 'models/ServerStatus', 'colle // TODO compare with polling ws.onmessage = _.bind(this.onData, this); ws.onerror = function(error) { - alert(error); + console.log(error); + alert("WebSocket error" + error); }; this.ws = ws; diff --git a/module/web/static/js/views/queryModal.js b/module/web/static/js/views/queryModal.js index 86fd5b78b..5477334a0 100644 --- a/module/web/static/js/views/queryModal.js +++ b/module/web/static/js/views/queryModal.js @@ -2,6 +2,7 @@ define(['jquery', 'underscore', 'app', 'views/abstract/modalView', './input/inpu function($, _, App, modalView, load_input, template) { return modalView.extend({ + // TODO: submit on enter reloads the page sometimes events: { 'click .btn-success': 'submit', 'submit form': 'submit' diff --git a/module/web/static/js/views/settingsView.js b/module/web/static/js/views/settingsView.js index a322cdae7..00c4b3739 100644 --- a/module/web/static/js/views/settingsView.js +++ b/module/web/static/js/views/settingsView.js @@ -1,23 +1,31 @@ -define(['jquery', 'underscore', 'backbone'], - function($, _, Backbone) { +define(['jquery', 'underscore', 'backbone', 'app', './input/inputLoader', 'models/ConfigHolder'], + function($, _, Backbone, App, load_input, ConfigHolder) { // Renders settings over view page return Backbone.View.extend({ el: "#content", - template_menu: _.compile($("#template-menu").html()), + templateMenu: _.compile($("#template-menu").html()), + templateConfig: _.compile($("#template-config").html()), + templateConfigItem: _.compile($("#template-config-item").html()), events: { 'click .settings-menu li > a': 'change_section' }, menu: null, + content: null, core_config: null, // It seems models are not needed plugin_config: null, + // currently open configHolder + config: null, + isLoading: false, + initialize: function() { - this.menu = $('.settings-menu'); + this.menu = this.$('.settings-menu'); + this.content = this.$('#settings-form'); this.refresh(); console.log("Settings initialized"); @@ -25,27 +33,80 @@ define(['jquery', 'underscore', 'backbone'], refresh: function() { var self = this; - $.ajax("/api/getCoreConfig", {success: function(data) { + $.ajax(App.apiRequest("getCoreConfig", null, {success: function(data) { self.core_config = data; - self.render() - }}); - $.ajax("/api/getPluginConfig", {success: function(data) { + self.render(); + }})); + $.ajax(App.apiRequest("getPluginConfig", null, {success: function(data) { self.plugin_config = data; self.render(); - }}); + }})); }, render: function() { - this.menu.html(this.template_menu({ - core: this.core_config, - plugin: this.plugin_config - })); + this.menu.html(this.templateMenu({ + core: this.core_config, + plugin: this.plugin_config + })); + }, + + openConfig: function(name) { + // Do nothing when this config is already open + if (this.config && this.config.get('name') === name) + return; + + this.config = new ConfigHolder({name: name}); + this.loading(); + + var self = this; + this.config.fetch({success: function() { + if (!self.isLoading) + self.show(); + + }, failure: _.bind(this.failure, this)}); + + }, + + loading: function() { + this.isLoading = true; + var self = this; + this.content.fadeOut({complete: function() { + if (self.config.isLoaded()) + self.show(); + + self.isLoading = false; + }}); + + }, + + show: function() { + // TODO: better refactor in separate views + this.content.html(this.templateConfig(this.config.toJSON())); + var container = this.content.find('.control-content'); + var items = this.config.get('items'); + var self = this; + _.each(items, function(item) { + var el = $('<div>').html(self.templateConfigItem(item.toJSON())); + var inputView = load_input("todo"); + el.find('.controls').append( + new inputView(item.get('input'), item.get('value'), + item.get('default_value'), item.get('description')).render().el); + container.append(el); + }); + + this.content.fadeIn(); + }, + + failure: function() { + }, change_section: function(e) { + // TODO check for changes + var el = $(e.target).parent(); var name = el.data("name"); - console.log("Section changed to " + name); + this.openConfig(name); this.menu.find("li.active").removeClass("active"); el.addClass("active"); |