1 function Panel(panelWrap) {
4 self.contentDiv = $('.panel-content', panelWrap);
5 self.instanceId = Math.ceil(Math.random() * 1000000000);
6 $.log('new panel - wrap: ', self.wrap);
8 $(document).bind('panel:unload.' + self.instanceId,
9 function(event, data) { self.unload(event, data); });
11 $(document).bind('panel:contentChanged', function(event, data) {
12 $.log(self, ' got changed event from: ', data);
14 self.otherPanelChanged(event.target);
22 Panel.prototype.callHook = function() {
23 args = $.makeArray(arguments)
24 var hookName = args.splice(0,1)[0]
25 var noHookAction = args.splice(0,1)[0]
27 $.log('calling hook: ', hookName, 'with args: ', args);
28 if(this.hooks && this.hooks[hookName])
30 return this.hooks[hookName].apply(this, args);
32 else if (noHookAction instanceof Function)
33 return noHookAction(args);
37 Panel.prototype.load = function (url) {
38 $.log('preparing xhr load: ', this.wrap);
39 $(document).trigger('panel:unload', this);
41 self.current_url = url;
46 success: function(data, tstat) {
48 $(self.contentDiv).html(data);
49 self.hooks = panel_hooks;
51 self.callHook('load');
53 error: function(request, textStatus, errorThrown) {
54 $.log('ajax', url, this.target, 'error:', textStatus, errorThrown);
59 Panel.prototype.unload = function(event, data) {
60 $.log('got unload signal', this, ' target: ', data);
63 $.log('unloading', this);
64 $(this.contentDiv).html('');
65 this.callHook('unload');
66 this.hooks = null; // flush the hooks
71 Panel.prototype.refresh = function(event, data) {
73 $.log('hard reload for panel ', this.current_url);
74 this.load(this.current_url);
78 if( this.callHook('refresh', reload) )
79 $('.change-notification', this.wrap).fadeOut();
82 Panel.prototype.otherPanelChanged = function(other) {
83 $.log('panel ', other, ' changed.');
84 if(!this.callHook('dirty'))
85 $('.change-notification', this.wrap).fadeIn();
88 Panel.prototype.markChanged = function () {
89 this.wrap.addClass('changed');
92 Panel.prototype.changed = function () {
93 return this.wrap.hasClass('changed');
96 Panel.prototype.unmarkChanged = function () {
97 this.wrap.removeClass('changed');
100 Panel.prototype.saveInfo = function() {
102 this.callHook('saveInfo', null, saveInfo);
108 this.rootDiv = $('#panels');
111 Editor.prototype.setupUI = function() {
112 // set up the UI visually and attach callbacks
115 self.rootDiv.makeHorizPanel({}); // TODO: this probably doesn't belong into jQuery
116 self.rootDiv.css('top', ($('#header').outerHeight() ) + 'px');
118 $('#panels > *.panel-wrap').each(function() {
119 var panelWrap = $(this);
120 $.log('wrap: ', panelWrap);
121 panel = new Panel(panelWrap);
122 panelWrap.data('ctrl', panel); // attach controllers to wraps
123 panel.load($('.panel-toolbar select', panelWrap).val());
125 $('.panel-toolbar select', panelWrap).change(function() {
126 var url = $(this).val();
127 panelWrap.data('ctrl').load(url);
128 self.savePanelOptions();
132 $(document).bind('panel:contentChanged', function(event, data) {
133 $('#toolbar-button-save').removeAttr('disabled');
136 $('#toolbar-button-save').click( function (event, data) { self.saveToBranch(); } );
137 self.rootDiv.bind('stopResize', function() { self.savePanelOptions() });
140 Editor.prototype.loadConfig = function() {
141 // Load options from cookie
142 var defaultOptions = {
144 {name: 'htmleditor', ratio: 0.5},
145 {name: 'gallery', ratio: 0.5}
150 var cookie = $.cookie('options');
151 this.options = $.secureEvalJSON(cookie);
153 this.options = defaultOptions;
156 this.options = defaultOptions;
160 this.loadPanelOptions();
163 Editor.prototype.loadPanelOptions = function() {
167 $('.panel-wrap', self.rootDiv).each(function(index) {
168 var panelWidth = self.options.panels[index].ratio * self.rootDiv.width();
169 if ($(this).hasClass('last-panel')) {
179 totalWidth += panelWidth;
181 $.log('panel:', this, $(this).css('left'));
182 $('.panel-toolbar select', this).val(
183 $('.panel-toolbar option[name=' + self.options.panels[index].name + ']', this).attr('value')
188 Editor.prototype.savePanelOptions = function() {
191 $('.panel-wrap', self.rootDiv).not('.panel-content-overlay').each(function() {
193 name: $('.panel-toolbar option:selected', this).attr('name'),
194 ratio: $(this).width() / self.rootDiv.width()
197 self.options.panels = panels;
198 $.log($.toJSON(self.options));
199 $.cookie('options', $.toJSON(self.options), { expires: 7, path: '/'});
202 Editor.prototype.saveToBranch = function() {
203 var changed_panel = $('.panel-wrap.changed');
205 $.log('Saving to local branch - panel:', changed_panel);
207 if( changed_panel.length == 0) {
208 $.log('Nothing to save.');
209 return; /* no changes */
212 if( changed_panel.length > 1) {
213 alert('Błąd: więcej niż jeden panel został zmodyfikowany. Nie można zapisać.');
217 saveInfo = changed_panel.data('ctrl').saveInfo();
222 success: function(data, textStatus) {
223 if (data.result != 'ok')
224 $.log('save errors: ', data.errors)
226 self.refreshPanels(changed_panel);
227 $('#toolbar-button-save').attr('disabled', 'disabled');
229 error: function(rq, tstat, err) {
230 $.log('save error', rq, tstat, err);
233 data: saveInfo.postData
237 Editor.prototype.refreshPanels = function(goodPanel) {
239 var panels = $('#' + self.rootDiv.attr('id') +' > *.panel-wrap', self.rootDiv.parent());
241 panels.each(function() {
242 var panel = $(this).data('ctrl');
244 if ( panel.changed() )
245 panel.unmarkChanged();
252 editor = new Editor();