X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/3bf45c83c84f9e7a1c5f2dafd64d812c987037e5..f53e407d37ef0c786b280e6bc1b2f3dcace714a7:/project/static/js/views/html.js?ds=inline diff --git a/project/static/js/views/html.js b/project/static/js/views/html.js index 054b60ee..a8eb4d01 100644 --- a/project/static/js/views/html.js +++ b/project/static/js/views/html.js @@ -1,18 +1,60 @@ -/*global Class render_template panels */ -var HTMLView = Class.extend({ +/*global View render_template panels */ +var HTMLView = View.extend({ + _className: 'HTMLView', element: null, + model: null, template: 'html-view-template', - init: function(element, template) { - this.element = $(element); - 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); + + var base = this.$printLink.attr('ui:baseref'); + this.$printLink.attr('href', base + "?revision=" + this.model.get('revision')); + }, + + 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')); + } + }, + + + render: function() { + if(this.$printLink) this.$printLink.unbind(); + this._super(); + this.$printLink = $('.html-print-link', this.element); + }, + + 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