X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/d8e0011bca1bdc8bcfd10ce75a33372bfad0941d..203796649b4f3498c6b05adef07fc8cb1ee63f3b:/project/static/js/editor.js?ds=sidebyside diff --git a/project/static/js/editor.js b/project/static/js/editor.js index 4e867b7b..05232b23 100644 --- a/project/static/js/editor.js +++ b/project/static/js/editor.js @@ -19,13 +19,19 @@ function Panel(panelWrap) { }); } -Panel.prototype.callHook = function(hookName) { +Panel.prototype.callHook = function() { + args = $.makeArray(arguments) + var hookName = args.splice(0,1)[0] + var noHookAction = args.splice(0,1)[0] + + $.log('calling hook: ', hookName, 'with args: ', args); if(this.hooks && this.hooks[hookName]) - { -// arguments.shift(); - $.log('calling hook: ', hookName, 'with args: ', arguments); - return this.hooks[hookName].apply(this, arguments); + { + return this.hooks[hookName].apply(this, args); } + else if (noHookAction instanceof Function) + return noHookAction(args); + else return false; } Panel.prototype.load = function (url) { @@ -63,16 +69,20 @@ Panel.prototype.unload = function(event, data) { } Panel.prototype.refresh = function(event, data) { - $('.change-notification', this.wrap).fadeOut(); - $.log('refreshing view for panel ', this.current_url); - this.load(this.current_url); -// if( this.callHook('refresh') ) + reload = function() { + $.log('hard reload for panel ', this.current_url); + this.load(this.current_url); + return true; + } + + if( this.callHook('refresh', reload) ) + $('.change-notification', this.wrap).fadeOut(); } Panel.prototype.otherPanelChanged = function(other) { $.log('panel ', other, ' changed.'); - $('.change-notification', this.wrap).fadeIn(); - this.callHook('dirty'); + if(!this.callHook('dirty')) + $('.change-notification', this.wrap).fadeIn(); } Panel.prototype.markChanged = function () { @@ -90,7 +100,7 @@ Panel.prototype.unmarkChanged = function () { Panel.prototype.saveInfo = function() { var saveInfo = {}; - this.callHook('saveInfo', saveInfo); + this.callHook('saveInfo', null, saveInfo); return saveInfo; } @@ -105,10 +115,32 @@ Editor.prototype.setupUI = function() { var self = this; var panelRoot = $('#panels'); self.rootDiv = panelRoot; - + + $('*.panel-wrap:last', panelRoot).addClass('last-panel'); + + // Set panel widths from options.panelRatios + if (self.options && self.options.panelRatios) { + var totalWidth = 0; + $('.panel-wrap', panelRoot).each(function(index) { + var panelWidth = self.options.panelRatios[index] * panelRoot.width(); + if ($(this).hasClass('last-panel')) { + $(this).css({ + left: totalWidth, + right: 0, + }); + } else { + $(this).css({ + left: totalWidth, + width: panelWidth, + }); + totalWidth += panelWidth; + } + }); + } + panelRoot.makeHorizPanel({}); // TODO: this probably doesn't belong into jQuery panelRoot.css('top', ($('#header').outerHeight() ) + 'px'); - + $('#panels > *.panel-wrap').each(function() { var panelWrap = $(this); $.log('wrap: ', panelWrap); @@ -120,12 +152,32 @@ Editor.prototype.setupUI = function() { }); $('#toolbar-button-save').click( function (event, data) { self.saveToBranch(); } ); + + panelRoot.bind('stopResize', function() { + var panelRatios = []; + $('.panel-wrap', panelRoot).each(function() { + panelRatios.push($(this).width() / panelRoot.width()); + }); + self.options.panelRatios = panelRatios; + $.log($.toJSON(self.options)); + $.cookie('options', $.toJSON(self.options), { expires: 7, path: '/'}); + }); + $(document).bind('panel:contentChanged', function(event, data) { + $('#toolbar-button-save').removeAttr('disabled'); + }); } Editor.prototype.loadConfig = function() { - // load options from cookie + // Load options from cookie + var cookie = $.cookie('options') + if (cookie) { + this.options = $.secureEvalJSON(cookie); + } else { + // Default options + this.options = {panelRatios: [0.5, 0.5]} + } } Editor.prototype.saveToBranch = function() { @@ -153,6 +205,7 @@ Editor.prototype.saveToBranch = function() { $.log('save errors: ', data.errors) else self.refreshPanels(changed_panel); + $('#toolbar-button-save').attr('disabled', 'disabled'); }, error: function(rq, tstat, err) { $.log('save error', rq, tstat, err);