Fixed buttons and hotkeys.
[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
40   render: function() {
41       $('.html-print-link', this.element).unbind();
42
43       this._super();
44
45       $('.html-print-link', this.element).mouseover(
46             this.printView.bind(this)
47       );
48   },
49
50
51   printView: function(event) {
52       var base = $(event.target).attr('ui:baseref');
53       $(event.target).attr('href', base + "?revision=" + this.model.get('revision') );
54
55       return true;
56   },
57   
58   reload: function() {
59     this.model.load(true);
60   },
61   
62   dispose: function() {
63     this.model.removeObserver(this);
64     this._super();
65   }
66 });
67
68 // Register view
69 panels['html'] = HTMLView;