X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/9490c431ea46a6c3d9f1d348a5b525c0bd3b6359..3669f00df3636d92c7de6fb0c7ebeac89150e5fe:/project/static/js/views/html.js diff --git a/project/static/js/views/html.js b/project/static/js/views/html.js index cd32cedd..a7f02dd4 100644 --- a/project/static/js/views/html.js +++ b/project/static/js/views/html.js @@ -1,20 +1,50 @@ /*global View render_template panels */ var HTMLView = View.extend({ + _className: 'HTMLView', element: null, model: null, template: 'html-view-template', - init: function(element, model, template) { - this.element = $(element); - this.model = model; - this.template = template || this.template; - this.element.html(render_template(this.template, {})); + init: function(element, model, parent, template) { + this._super(element, model, template); + this.parent = parent; + + this.model + .addObserver(this, 'data', this.modelDataChanged.bind(this)) + .addObserver(this, 'state', this.modelStateChanged.bind(this)); + + $('.htmlview', this.element).html(this.model.get('data')); + this.modelStateChanged('state', this.model.get('state')); + this.model.load(); + }, + + modelDataChanged: function(property, value) { + $('.htmlview', this.element).html(value); + }, + + modelStateChanged: function(property, value) { + if (value == 'synced' || value == 'dirty') { + this.unfreeze(); + } else if (value == 'unsynced') { + this.freeze('Niezsynchronizowany...'); + } else if (value == 'loading') { + this.freeze('Ładowanie...'); + } else if (value == 'saving') { + this.freeze('Zapisywanie...'); + } else if (value == 'error') { + this.freeze(this.model.get('error')); + } + }, + + reload: function() { + this.model.load(true); }, dispose: function() { + this.model.removeObserver(this); this._super(); } }); // Register view -panels.push({name: 'html', klass: HTMLView}); \ No newline at end of file +panels['html'] = HTMLView; \ No newline at end of file