Author: amarkhel Date: 2010-07-13 14:28:20 -0400 (Tue, 13 Jul 2010) New Revision: 18007 Added: root/ui/output/trunk/panels/ui/src/main/resources/META-INF/resources/script/popupPanelBorders.js Log: Added: root/ui/output/trunk/panels/ui/src/main/resources/META-INF/resources/script/popupPanelBorders.js =================================================================== --- root/ui/output/trunk/panels/ui/src/main/resources/META-INF/resources/script/popupPanelBorders.js (rev 0) +++ root/ui/output/trunk/panels/ui/src/main/resources/META-INF/resources/script/popupPanelBorders.js 2010-07-13 18:28:20 UTC (rev 18007) @@ -0,0 +1,174 @@ +(function ($, richfaces) { + + richfaces.ui = richfaces.ui || {}; + + richfaces.ui.PopupPanel.Border = function(id, modalPanel, cursor, sizer) { + + $super.constructor.call(this,id); + + var element = jQuery(id); + jQuery(element).css('cursor',cursor); + var border = this; + jQuery(this.id).bind( 'mousedown', {border:border},this.startDrag); + + this.modalPanel = modalPanel; + this.sizer = sizer; + }; + + var $super = richfaces.BaseComponent.extend(richfaces.BaseComponent, richfaces.ui.PopupPanel.Border); + var $super = richfaces.ui.PopupPanel.Border.$super; + + $.extend(richfaces.ui.PopupPanel.Border.prototype, (function (options) { + + return { + + name: "RichFaces.ui.PopupPanel.Border", + + destroy: function() + { + if (this.doingDrag) + { + jQuery(document).unbind( 'mousemove', this.doDrag); + jQuery(document).unbind( 'mouseup', this.endDrag); + } + + jQuery(this.id).unbind( 'mousedown', this.startDrag); + this.modalPanel=null; + }, + + show: function() { + jQuery(this.id).show(); + }, + + hide: function() { + jQuery(this.id).hide(); + }, + + startDrag: function(event) { + var border = event.data.border; + border.doingDrag = true; + + border.dragX = event.clientX; + border.dragY = event.clientY; + jQuery(document).bind( 'mousemove',{border:border}, border.doDrag); + jQuery(document).bind( 'mouseup',{border:border}, border.endDrag); + + //var eCursorDiv = jQuery(border.modalPanel.cDiv); + //jQuery(eCursorDiv).css('cursor', jQuery(border.id).css('cursor')); + //jQuery(eCursorDiv).css('zIndex', 10); + + border.modalPanel.startDrag(border); + + border.onselectStartHandler = document.onselectstart; + document.onselectstart = function() { return false; } + }, + + getWindowSize : function() { + var myWidth = 0, myHeight = 0; + if( typeof( window.innerWidth ) == 'number' ) { + myWidth = window.innerWidth; + myHeight = window.innerHeight; + } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { + myWidth = document.documentElement.clientWidth; + myHeight = document.documentElement.clientHeight; + } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { + myWidth = document.body.clientWidth; + myHeight = document.body.clientHeight; + } + return {"width":myWidth,"height":myHeight}; + }, + + doDrag: function(event) { + var border = event.data.border; + if (!border.doingDrag) { + return ; + } + + var evtX = event.clientX; + var evtY = event.clientY; + + var winSize = border.getWindowSize(); + + if (evtX < 0) { + evtX = 0; + } else if (evtX >= winSize.width) { + evtX = winSize.width - 1; + } + + if (evtY < 0) { + evtY = 0; + } else if (evtY >= winSize.height) { + evtY = winSize.height - 1; + } + + var dx = evtX - border.dragX; + var dy = evtY - border.dragY; + + if (dx != 0 || dy != 0) { + + var id = border.id; + + var diff = border.sizer.prototype.doDiff(dx, dy);//TODO + var doResize; + + var element = jQuery(border.modalPanel.cdiv); + + if (diff.deltaWidth || diff.deltaHeight) { + doResize = border.modalPanel.invokeEvent("resize",event,null,element); + } else if (diff.deltaX || diff.deltaY) { + doResize = border.modalPanel.invokeEvent("move",event,null,element); + } + + var vetoes; + + if (doResize) { + vetoes = border.modalPanel.doResizeOrMove(diff); + } + + if(vetoes){ + if (!vetoes.x) { + border.dragX = evtX; + } else { + if (!diff.deltaX) { + border.dragX -= vetoes.vx || 0; + } else { + border.dragX += vetoes.vx || 0; + } + } + + if (!vetoes.y) { + border.dragY = evtY; + } else { + if (!diff.deltaY) { + border.dragY -= vetoes.vy || 0; + } else { + border.dragY += vetoes.vy || 0; + } + } + } + } + }, + + endDrag: function(event) { + var border = event.data.border; + border.doingDrag = undefined; + + jQuery(document).unbind( 'mousemove', border.doDrag); + jQuery(document).unbind( 'mouseup', border.endDrag); + + border.modalPanel.endDrag(border); + + border.modalPanel.doResizeOrMove(richfaces.ui.PopupPanel.Sizer.Diff.EMPTY); + + document.onselectstart = border.onselectStartHandler; + border.onselectStartHandler = null; + }, + + doPosition: function() { + this.sizer.prototype.doPosition(this.modalPanel, jQuery(this.id)); //TODO remove prototype + } + } + + })()); + +})(jQuery, window.RichFaces); \ No newline at end of file