Merge branch 'master' of stigma.nowoczesnapolska.org.pl:platforma
[redakcja.git] / platforma / static / js / views / editor.js
1 /*global View render_template panels */
2 var EditorView = View.extend({
3     _className: 'EditorView',
4     element: null,
5     model: null,
6     template: null,
7   
8     init: function(element, model, template) {
9         this._super(element, model, template);
10     
11         this.quickSaveButton = $('#action-quick-save', this.element).bind('click.editorview', this.quickSave.bind(this));
12         this.commitButton = $('#action-commit', this.element).bind('click.editorview', this.commit.bind(this));
13         this.updateButton = $('#action-update', this.element).bind('click.editorview', this.update.bind(this));
14         this.mergeButton = $('#action-merge', this.element).bind('click.editorview', this.merge.bind(this));
15     
16         this.model.addObserver(this, 'state', this.modelStateChanged.bind(this));
17         this.modelStateChanged('state', this.model.get('state'));        
18
19         this.splitView = new SplitView('#splitview', doc);
20         
21         // Inicjalizacja okien jQuery Modal
22         $('#commit-dialog', this.element).
23         jqm({
24             modal: true,
25             onShow: this.loadRelatedIssues.bind(this)
26         });
27     
28         $('#commit-dialog-cancel-button', this.element).click(function() {
29             $('#commit-dialog-error-empty-message').hide();
30             $('#commit-dialog').jqmHide();
31         });
32         
33     
34         // $('#split-dialog').jqm({
35         //      modal: true,
36         //      onShow: $.fbind(self, self.loadSplitDialog)
37         //  }).
38         //  jqmAddClose('button.dialog-close-button');
39     
40         this.model.load();
41     },
42   
43     quickSave: function(event) {
44         this.model.saveDirtyContentModel();
45     },
46   
47     commit: function(event) {
48         $('#commit-dialog', this.element).jqmShow({
49             callback: this.doCommit.bind(this)
50             });
51     },
52   
53     doCommit: function(message) {
54         this.model.saveDirtyContentModel(message);
55     },
56   
57     update: function(event) {
58         this.model.update();
59     },
60   
61     merge: function(event) {
62         $('#commit-dialog', this.element).jqmShow({
63             callback: this.doMerge.bind(this)
64             });
65     },
66   
67     doMerge: function(message) {
68         this.model.merge(message);
69     },
70   
71     loadRelatedIssues: function(hash) {
72         var self = this;
73         var c = $('#commit-dialog-related-issues');
74
75         $('#commit-dialog-save-button').click(function(event, data)
76         {
77             if ($('#commit-dialog-message').val().match(/^\s*$/)) {
78                 $('#commit-dialog-error-empty-message').fadeIn();
79             } else {
80                 $('#commit-dialog-error-empty-message').hide();
81                 $('#commit-dialog').jqmHide();
82
83                 var message = $('#commit-dialog-message').val();
84                 $('#commit-dialog-related-issues input:checked')
85                 .each(function() {
86                     message += ' refs #' + $(this).val();
87                 });
88                 console.log("COMMIT APROVED", hash.t);
89                 hash.t.callback(message);
90             }
91             return false;
92         });
93
94         $("div.loading-box", c).show();
95         $("div.fatal-error-box", c).hide();
96         $("div.container-box", c).hide();
97     
98         $.getJSON(c.attr('ui:ajax-src') + '?callback=?',
99             function(data, status)
100             {
101                 var fmt = '';
102                 $(data).each( function() {
103                     fmt += '<label><input type="checkbox" checked="checked"';
104                     fmt += ' value="' + this.id + '" />' + this.subject +'</label>\n';
105                 });
106                 $("div.container-box", c).html(fmt);
107                 $("div.loading-box", c).hide();
108                 $("div.container-box", c).show();
109             });
110     
111         hash.w.show();
112     },
113   
114     modelStateChanged: function(property, value) {
115         // Uaktualnia stan przycisków
116         if (value == 'dirty') {
117             this.quickSaveButton.attr('disabled', null);
118             this.commitButton.attr('disabled', null);
119             this.updateButton.attr('disabled', 'disabled');
120             this.mergeButton.attr('disabled', 'disabled');
121         } else if (value == 'synced') {            
122             this.quickSaveButton.attr('disabled', 'disabled');
123             this.commitButton.attr('disabled', 'disabled');
124             this.updateButton.attr('disabled', null);
125             this.mergeButton.attr('disabled', null);
126             this.unfreeze();
127         } else if (value == 'empty') {
128             this.quickSaveButton.attr('disabled', 'disabled');
129             this.commitButton.attr('disabled', 'disabled');
130             this.updateButton.attr('disabled', 'disabled');
131             this.mergeButton.attr('disabled', 'disabled');
132         } else if (value == 'error') {
133             this.freeze(this.model.get('error'));
134             this.quickSaveButton.attr('disabled', 'disabled');
135             this.commitButton.attr('disabled', 'disabled');
136             this.updateButton.attr('disabled', 'disabled');
137             this.mergeButton.attr('disabled', 'disabled');
138             
139         }
140     },
141   
142     dispose: function() {
143         $('#action-quick-save', this.element).unbind('click.editorview');
144         $('#action-commit', this.element).unbind('click.editorview');
145         $('#action-update', this.element).unbind('click.editorview');
146         $('#action-merge', this.element).unbind('click.editorview');
147
148         this.model.removeObserver(this);
149         this._super();
150     }    
151 });