X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/456187c9000834d77372cf03f7a63c7bb4d9da49..c7917ce18f0f62eac89e1eb4b6ae6d8c48133600:/project/static/js/jquery.hpanel.js diff --git a/project/static/js/jquery.hpanel.js b/project/static/js/jquery.hpanel.js index 0877400c..d33e47fb 100644 --- a/project/static/js/jquery.hpanel.js +++ b/project/static/js/jquery.hpanel.js @@ -5,7 +5,7 @@ settings: {}, current_data: {}, resize_start: function(event, mydata) { - console.log('Overlay: ' + mydata.overlay); + $.log('Overlay: ' + mydata.overlay); $(document).bind('mousemove', mydata, $.hpanel.resize_changed). bind('mouseup', mydata, $.hpanel.resize_stop); @@ -29,10 +29,12 @@ // $('.panel-content', event.data.root).css('display', 'block'); var overlays = $('.panel-content-overlay', event.data.root); $('.panel-content-overlay', event.data.root).each(function(i) { - $(this).data('panel').css({ - 'left': $(this).css('left'), - 'width': $(this).css('width') - }); + if( $(this).data('panel').hasClass('last-panel') ) + $(this).data('panel').css({ + 'left': $(this).css('left'), 'right': $(this).css('right')}); + else + $(this).data('panel').css({ + 'left': $(this).css('left'), 'width': $(this).css('width')}); }); $('.panel-overlay', event.data.root).css('display', 'none'); @@ -41,10 +43,10 @@ $.fn.makeHorizPanel = function(options) { - console.log('Making an hpanel out of "#' + $(this).attr('id') + '"'); + $.log('Making an hpanel out of "#' + $(this).attr('id') + '"'); var root = $(this) var all_panels = $('.panel-wrap', root) - console.log('Panels: ' + all_panels); + $.log('Panels: ' + all_panels); /* create an overlay */ var overlay_root = $("
"); @@ -61,7 +63,7 @@ overlay.data('panel', panel); overlay.data('next', null); - if( panel.hasClass('last-panel') ) + if( panel.hasClass('last-panel') ) overlay.css({'left': panel.css('left'), 'right': panel.css('right')}); else overlay.css({'left': panel.css('left'), 'width': panel.css('width')}); @@ -80,8 +82,10 @@ $(this).trigger('hpanel:panel-resize-start', touch_data); return false; }); - $('.panel-content', panel).css('right',handle.outerWidth() + 'px'); - $('.panel-content-overlay', panel).css('right',handle.outerWidth() + 'px'); + $('.panel-content', panel).css('right', + (handle.outerWidth() || 10) + 'px'); + $('.panel-content-overlay', panel).css('right', + (handle.outerWidth() || 10) + 'px'); } prev = overlay;