Przyspieszenie działania operatora in na vstorage.
[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         this.commitDialog = new CommitDialog( $('#commit-dialog') );                  
23         
24     
25         // $('#split-dialog').jqm({
26         //      modal: true,
27         //      onShow: $.fbind(self, self.loadSplitDialog)
28         //  }).
29         //  jqmAddClose('button.dialog-close-button');
30     
31         this.model.load();
32     },
33   
34     quickSave: function(event) {
35         this.model.saveDirtyContentModel();
36     },
37   
38     commit: function(event) 
39     {
40         this.commitDialog.show( this.doCommit.bind(this) )
41         
42     },
43   
44     doCommit: function(message) {
45         this.model.saveDirtyContentModel(message);
46     },
47   
48     update: function(event) {
49         this.model.update();
50     },
51   
52     merge: function(event) {
53         this.commitDialog.show( this.doMerge.bind(this) )        
54     },
55   
56     doMerge: function(message) {
57         this.model.merge(message);
58     },
59   
60     /*loadRelatedIssues: function(hash) {
61         var self = this;
62         var c = $('#commit-dialog-related-issues');
63         
64         $('#commit-dialog').data('context', hash.t);
65
66         $("div.loading-box", c).show();
67         $("div.fatal-error-box", c).hide();
68         $("div.container-box", c).hide();
69     
70         $.getJSON(c.attr('ui:ajax-src') + '?callback=?',
71             function(data, status)
72             {
73                 var fmt = '';
74                 $(data).each( function() {
75                     fmt += '<label><input type="checkbox" checked="checked"';
76                     fmt += ' value="' + this.id + '" />' + this.subject +'</label>\n';
77                 });
78                 $("div.container-box", c).html(fmt);
79                 $("div.loading-box", c).hide();
80                 $("div.container-box", c).show();
81             });
82     
83         hash.w.show();
84     }, */
85   
86     modelStateChanged: function(property, value) {
87         // Uaktualnia stan przycisków
88         if (value == 'dirty') {
89             this.quickSaveButton.attr('disabled', null);
90             this.commitButton.attr('disabled', null);
91             this.updateButton.attr('disabled', 'disabled');
92             this.mergeButton.attr('disabled', 'disabled');
93         } else if (value == 'synced' || value == 'unsynced') {
94             this.quickSaveButton.attr('disabled', 'disabled');
95             this.commitButton.attr('disabled', 'disabled');
96             this.updateButton.attr('disabled', null);
97             this.mergeButton.attr('disabled', null);
98             this.unfreeze();
99         } else if (value == 'empty') {
100             this.quickSaveButton.attr('disabled', 'disabled');
101             this.commitButton.attr('disabled', 'disabled');
102             this.updateButton.attr('disabled', 'disabled');
103             this.mergeButton.attr('disabled', 'disabled');
104         } else if (value == 'error') {
105             this.freeze(this.model.get('error'));
106             this.quickSaveButton.attr('disabled', 'disabled');
107             this.commitButton.attr('disabled', 'disabled');
108             this.updateButton.attr('disabled', 'disabled');
109             this.mergeButton.attr('disabled', 'disabled');
110             
111         }
112     },
113   
114     dispose: function() {
115         $('#action-quick-save', this.element).unbind('click.editorview');
116         $('#action-commit', this.element).unbind('click.editorview');
117         $('#action-update', this.element).unbind('click.editorview');
118         $('#action-merge', this.element).unbind('click.editorview');
119
120         this.model.removeObserver(this);
121         this._super();
122     }    
123 });
124
125
126 var AbstractDialog = Class.extend({
127     _className: 'AbstractDialog',
128
129     init: function($element, modal, overlay)
130     {
131         this.$window = $element;
132         this.$window.jqm({
133             modal: modal || true,
134             overlay: overlay || 80,
135             // toTop: true,
136             onShow: this.onShow.bind(this),
137             onHide: this.onHide.bind(this)
138         });
139
140         this.reset();        
141
142         $('.cancel-button', this.$window).click(this.cancel.bind(this));
143         $('.save-button', this.$window).click(this.accept.bind(this));
144     },
145
146     onShow: function(hash)
147     {
148         hash.w.show();
149     },
150
151     onHide: function(hash)
152     {
153         hash.w.hide();
154         hash.o.remove();
155     },
156
157     reset: function() {
158         this.acceptCallback = null;
159         this.cancelCallback = null;
160         this.errors = [];
161         
162         $('.error-messages-box', this.$window).html('').hide();
163
164         this.userData = {};
165     },
166
167     show: function(acall, ccall) {
168         this.acceptCallback = acall;
169         this.cancelCallback = ccall;
170
171         // do the show
172         this.$window.jqmShow();
173     },
174
175     cancel: function() {
176         this.$window.jqmHide();
177         if(this.cancelCallback) this.cancelCallback(this);
178         this.reset();
179     },
180
181     accept: function()
182     {
183         this.errors = [];
184         
185         if(!this.validate()) {
186             this.displayErrors();
187             return;
188         }
189
190         this.$window.jqmHide();
191
192         if(this.acceptCallback) 
193             this.acceptCallback(this);
194
195         this.reset();        
196     },
197
198     validate: function() {
199         return true;
200     },
201
202     displayErrors: function() {
203         var errorDiv = $('.error-messages-box', this.$window);
204         if(errorDiv.length > 0) {
205             var html = '';
206             $.each(this.errors, function() {
207                 html += '<li>' + this + '</li>';
208             });
209             errorDiv.html('<ul>' + html + '</ul>');
210             errorDiv.show();
211             console.log('Validation errors:', html);
212         }
213         else
214             throw this.errors;
215     }
216
217 });
218
219 var CommitDialog = AbstractDialog.extend({
220     _className: 'CommitDialog',
221
222     validate: function()
223     {
224         var message = $('textarea.commit-message', this.$window).val();
225
226         if( message.match(/^\s*$/) ) {
227             this.errors.push("Message can't be empty.");
228             return false;
229         }
230
231         // append refs
232         $('.related-issues-fields input:checked', this.$window).each(function() {
233             message += ' refs #' + $(this).val();
234         });
235
236         this.userData.message = message;
237         return this._super();
238      }
239  });
240
241