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(hookName) {
23 if(this.hooks && this.hooks[hookName])
26 $.log('calling hook: ', hookName, 'with args: ', arguments);
27 return this.hooks[hookName].apply(this, arguments);
31 Panel.prototype.load = function (url) {
32 $.log('preparing xhr load: ', this.wrap);
33 $(document).trigger('panel:unload', this);
35 self.current_url = url;
40 success: function(data, tstat) {
42 $(self.contentDiv).html(data);
43 self.hooks = panel_hooks;
45 self.callHook('load');
47 error: function(request, textStatus, errorThrown) {
48 $.log('ajax', url, this.target, 'error:', textStatus, errorThrown);
53 Panel.prototype.unload = function(event, data) {
54 $.log('got unload signal', this, ' target: ', data);
57 $.log('unloading', this);
58 $(this.contentDiv).html('');
59 this.callHook('unload');
60 this.hooks = null; // flush the hooks
65 Panel.prototype.refresh = function(event, data) {
66 $('.change-notification', this.wrap).fadeOut();
67 $.log('refreshing view for panel ', this.current_url);
68 this.load(this.current_url);
69 // if( this.callHook('refresh') )
72 Panel.prototype.otherPanelChanged = function(other) {
73 $.log('panel ', other, ' changed.');
74 $('.change-notification', this.wrap).fadeIn();
75 this.callHook('dirty');
78 Panel.prototype.markChanged = function () {
79 this.wrap.addClass('changed');
82 Panel.prototype.changed = function () {
83 return this.wrap.hasClass('changed');
86 Panel.prototype.unmarkChanged = function () {
87 this.wrap.removeClass('changed');
90 Panel.prototype.saveInfo = function() {
92 this.callHook('saveInfo', saveInfo);
98 this.rootDiv = $('#panels');
101 Editor.prototype.setupUI = function() {
102 // set up the UI visually and attach callbacks
105 self.rootDiv.makeHorizPanel({}); // TODO: this probably doesn't belong into jQuery
106 self.rootDiv.css('top', ($('#header').outerHeight() ) + 'px');
108 $('#panels > *.panel-wrap').each(function() {
109 var panelWrap = $(this);
110 $.log('wrap: ', panelWrap);
111 panel = new Panel(panelWrap);
112 panelWrap.data('ctrl', panel); // attach controllers to wraps
113 panel.load($('.panel-toolbar select', panelWrap).val());
115 $('.panel-toolbar select', panelWrap).change(function() {
116 var url = $(this).val();
117 panelWrap.data('ctrl').load(url);
118 self.savePanelOptions();
122 $('#toolbar-button-save').click( function (event, data) { self.saveToBranch(); } );
124 self.rootDiv.bind('stopResize', function() { self.savePanelOptions() });
127 Editor.prototype.loadConfig = function() {
128 // Load options from cookie
129 var defaultOptions = {
131 {name: 'htmleditor', ratio: 0.5},
132 {name: 'gallery', ratio: 0.5}
137 var cookie = $.cookie('options');
138 this.options = $.secureEvalJSON(cookie);
140 this.options = defaultOptions;
143 this.options = defaultOptions;
147 this.loadPanelOptions();
150 Editor.prototype.loadPanelOptions = function() {
154 $('.panel-wrap', self.rootDiv).each(function(index) {
155 var panelWidth = self.options.panels[index].ratio * self.rootDiv.width();
156 if ($(this).hasClass('last-panel')) {
166 totalWidth += panelWidth;
168 $.log('panel:', this, $(this).css('left'));
169 $('.panel-toolbar select', this).val(
170 $('.panel-toolbar option[name=' + self.options.panels[index].name + ']', this).attr('value')
175 Editor.prototype.savePanelOptions = function() {
178 $('.panel-wrap', self.rootDiv).not('.panel-content-overlay').each(function() {
180 name: $('.panel-toolbar option:selected', this).attr('name'),
181 ratio: $(this).width() / self.rootDiv.width()
184 self.options.panels = panels;
185 $.log($.toJSON(self.options));
186 $.cookie('options', $.toJSON(self.options), { expires: 7, path: '/'});
189 Editor.prototype.saveToBranch = function() {
190 var changed_panel = $('.panel-wrap.changed');
192 $.log('Saving to local branch - panel:', changed_panel);
194 if( changed_panel.length == 0) {
195 $.log('Nothing to save.');
196 return; /* no changes */
199 if( changed_panel.length > 1) {
200 alert('Błąd: więcej niż jeden panel został zmodyfikowany. Nie można zapisać.');
204 saveInfo = changed_panel.data('ctrl').saveInfo();
209 success: function(data, textStatus) {
210 if (data.result != 'ok')
211 $.log('save errors: ', data.errors)
213 self.refreshPanels(changed_panel);
215 error: function(rq, tstat, err) {
216 $.log('save error', rq, tstat, err);
219 data: saveInfo.postData
223 Editor.prototype.refreshPanels = function(goodPanel) {
225 var panels = $('#' + self.rootDiv.attr('id') +' > *.panel-wrap', self.rootDiv.parent());
227 panels.each(function() {
228 var panel = $(this).data('ctrl');
230 if ( panel.changed() )
231 panel.unmarkChanged();
238 editor = new Editor();