a7f02dd447e897f62f1ac4e1cf084b10d98ffe88
[redakcja.git] / project / static / js / views / html.js
1 /*global View render_template panels */
2 var HTMLView = View.extend({
3   _className: 'HTMLView',
4   element: null,
5   model: null,
6   template: 'html-view-template',
7   
8   init: function(element, model, parent, template) {
9     this._super(element, model, template);
10     this.parent = parent;
11     
12     this.model
13       .addObserver(this, 'data', this.modelDataChanged.bind(this))
14       .addObserver(this, 'state', this.modelStateChanged.bind(this));
15       
16     $('.htmlview', this.element).html(this.model.get('data'));
17     this.modelStateChanged('state', this.model.get('state'));
18     this.model.load();
19   },
20   
21   modelDataChanged: function(property, value) {
22     $('.htmlview', this.element).html(value);
23   },
24   
25   modelStateChanged: function(property, value) {
26     if (value == 'synced' || value == 'dirty') {
27       this.unfreeze();
28     } else if (value == 'unsynced') {
29       this.freeze('Niezsynchronizowany...');
30     } else if (value == 'loading') {
31       this.freeze('Ɓadowanie...');
32     } else if (value == 'saving') {
33       this.freeze('Zapisywanie...');
34     } else if (value == 'error') {
35       this.freeze(this.model.get('error'));
36     }
37   },
38   
39   reload: function() {
40     this.model.load(true);
41   },
42   
43   dispose: function() {
44     this.model.removeObserver(this);
45     this._super();
46   }
47 });
48
49 // Register view
50 panels['html'] = HTMLView;