| dojo.provide("dojo.widget.FloatingPane"); |
| dojo.require("dojo.widget.*"); |
| dojo.require("dojo.widget.Manager"); |
| dojo.require("dojo.html.*"); |
| dojo.require("dojo.html.layout"); |
| dojo.require("dojo.html.iframe"); |
| dojo.require("dojo.html.selection"); |
| dojo.require("dojo.lfx.shadow"); |
| dojo.require("dojo.widget.html.layout"); |
| dojo.require("dojo.widget.ContentPane"); |
| dojo.require("dojo.dnd.HtmlDragMove"); |
| dojo.require("dojo.widget.Dialog"); |
| dojo.require("dojo.widget.ResizeHandle"); |
| dojo.declare("dojo.widget.FloatingPaneBase",null,{title:"",iconSrc:"",hasShadow:false,constrainToContainer:false,taskBarId:"",resizable:true,titleBarDisplay:true,windowState:"normal",displayCloseAction:false,displayMinimizeAction:false,displayMaximizeAction:false,_max_taskBarConnectAttempts:5,_taskBarConnectAttempts:0,templateString:"<div id=\"${this.widgetId}\" dojoAttachEvent=\"onMouseDown\" class=\"dojoFloatingPane\">\n\t<div dojoAttachPoint=\"titleBar\" class=\"dojoFloatingPaneTitleBar\" style=\"display:none\">\n\t \t<img dojoAttachPoint=\"titleBarIcon\" class=\"dojoFloatingPaneTitleBarIcon\">\n\t\t<div dojoAttachPoint=\"closeAction\" dojoAttachEvent=\"onClick:closeWindow\"\n \t \t\tclass=\"dojoFloatingPaneCloseIcon\"></div>\n\t\t<div dojoAttachPoint=\"restoreAction\" dojoAttachEvent=\"onClick:restoreWindow\"\n \t \t\tclass=\"dojoFloatingPaneRestoreIcon\"></div>\n\t\t<div dojoAttachPoint=\"maximizeAction\" dojoAttachEvent=\"onClick:maximizeWindow\"\n \t \t\tclass=\"dojoFloatingPaneMaximizeIcon\"></div>\n\t\t<div dojoAttachPoint=\"minimizeAction\" dojoAttachEvent=\"onClick:minimizeWindow\"\n \t \t\tclass=\"dojoFloatingPaneMinimizeIcon\"></div>\n\t \t<div dojoAttachPoint=\"titleBarText\" class=\"dojoFloatingPaneTitleText\">${this.title}</div>\n\t</div>\n\n\t<div id=\"${this.widgetId}_container\" dojoAttachPoint=\"containerNode\" class=\"dojoFloatingPaneClient\"></div>\n\n\t<div dojoAttachPoint=\"resizeBar\" class=\"dojoFloatingPaneResizebar\" style=\"display:none\"></div>\n</div>\n",templateCssString:"\n/********** Outer Window ***************/\n\n.dojoFloatingPane {\n\t/* essential css */\n\tposition: absolute;\n\toverflow: visible;\t\t/* so drop shadow is displayed */\n\tz-index: 10;\n\n\t/* styling css */\n\tborder: 1px solid;\n\tborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;\n\tbackground-color: ThreeDFace;\n}\n\n\n/********** Title Bar ****************/\n\n.dojoFloatingPaneTitleBar {\n\tvertical-align: top;\n\tmargin: 2px 2px 2px 2px;\n\tz-index: 10;\n\tbackground-color: #7596c6;\n\tcursor: default;\n\toverflow: hidden;\n\tborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;\n\tvertical-align: middle;\n}\n\n.dojoFloatingPaneTitleText {\n\tfloat: left;\n\tpadding: 2px 4px 2px 2px;\n\twhite-space: nowrap;\n\tcolor: CaptionText;\n\tfont: small-caption;\n}\n\n.dojoTitleBarIcon {\n\tfloat: left;\n\theight: 22px;\n\twidth: 22px;\n\tvertical-align: middle;\n\tmargin-right: 5px;\n\tmargin-left: 5px;\n}\n\n.dojoFloatingPaneActions{\n\tfloat: right;\n\tposition: absolute;\n\tright: 2px;\n\ttop: 2px;\n\tvertical-align: middle;\n}\n\n\n.dojoFloatingPaneActionItem {\n\tvertical-align: middle;\n\tmargin-right: 1px;\n\theight: 22px;\n\twidth: 22px;\n}\n\n\n.dojoFloatingPaneTitleBarIcon {\n\t/* essential css */\n\tfloat: left;\n\n\t/* styling css */\n\tmargin-left: 2px;\n\tmargin-right: 4px;\n\theight: 22px;\n}\n\n/* minimize/maximize icons are specified by CSS only */\n.dojoFloatingPaneMinimizeIcon,\n.dojoFloatingPaneMaximizeIcon,\n.dojoFloatingPaneRestoreIcon,\n.dojoFloatingPaneCloseIcon {\n\tvertical-align: middle;\n\theight: 22px;\n\twidth: 22px;\n\tfloat: right;\n}\n.dojoFloatingPaneMinimizeIcon {\n\tbackground-image: url(images/floatingPaneMinimize.gif);\n}\n.dojoFloatingPaneMaximizeIcon {\n\tbackground-image: url(images/floatingPaneMaximize.gif);\n}\n.dojoFloatingPaneRestoreIcon {\n\tbackground-image: url(images/floatingPaneRestore.gif);\n}\n.dojoFloatingPaneCloseIcon {\n\tbackground-image: url(images/floatingPaneClose.gif);\n}\n\n/* bar at bottom of window that holds resize handle */\n.dojoFloatingPaneResizebar {\n\tz-index: 10;\n\theight: 13px;\n\tbackground-color: ThreeDFace;\n}\n\n/************* Client Area ***************/\n\n.dojoFloatingPaneClient {\n\tposition: relative;\n\tz-index: 10;\n\tborder: 1px solid;\n\tborder-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;\n\tmargin: 2px;\n\tbackground-color: ThreeDFace;\n\tpadding: 8px;\n\tfont-family: Verdana, Helvetica, Garamond, sans-serif;\n\tfont-size: 12px;\n\toverflow: auto;\n}\n\n",templateCssPath:dojo.uri.moduleUri("dojo.widget","templates/FloatingPane.css"),fillInFloatingPaneTemplate:function(_1,_2){ |
| var _3=this.getFragNodeRef(_2); |
| dojo.html.copyStyle(this.domNode,_3); |
| dojo.body().appendChild(this.domNode); |
| if(!this.isShowing()){ |
| this.windowState="minimized"; |
| } |
| if(this.iconSrc==""){ |
| dojo.html.removeNode(this.titleBarIcon); |
| }else{ |
| this.titleBarIcon.src=this.iconSrc.toString(); |
| } |
| if(this.titleBarDisplay){ |
| this.titleBar.style.display=""; |
| dojo.html.disableSelection(this.titleBar); |
| this.titleBarIcon.style.display=(this.iconSrc==""?"none":""); |
| this.minimizeAction.style.display=(this.displayMinimizeAction?"":"none"); |
| this.maximizeAction.style.display=(this.displayMaximizeAction&&this.windowState!="maximized"?"":"none"); |
| this.restoreAction.style.display=(this.displayMaximizeAction&&this.windowState=="maximized"?"":"none"); |
| this.closeAction.style.display=(this.displayCloseAction?"":"none"); |
| this.drag=new dojo.dnd.HtmlDragMoveSource(this.domNode); |
| if(this.constrainToContainer){ |
| this.drag.constrainTo(); |
| } |
| this.drag.setDragHandle(this.titleBar); |
| var _4=this; |
| dojo.event.topic.subscribe("dragMove",function(_5){ |
| if(_5.source.domNode==_4.domNode){ |
| dojo.event.topic.publish("floatingPaneMove",{source:_4}); |
| } |
| }); |
| } |
| if(this.resizable){ |
| this.resizeBar.style.display=""; |
| this.resizeHandle=dojo.widget.createWidget("ResizeHandle",{targetElmId:this.widgetId,id:this.widgetId+"_resize"}); |
| this.resizeBar.appendChild(this.resizeHandle.domNode); |
| } |
| if(this.hasShadow){ |
| this.shadow=new dojo.lfx.shadow(this.domNode); |
| } |
| this.bgIframe=new dojo.html.BackgroundIframe(this.domNode); |
| if(this.taskBarId){ |
| this._taskBarSetup(); |
| } |
| dojo.body().removeChild(this.domNode); |
| },postCreate:function(){ |
| if(dojo.hostenv.post_load_){ |
| this._setInitialWindowState(); |
| }else{ |
| dojo.addOnLoad(this,"_setInitialWindowState"); |
| } |
| },maximizeWindow:function(_6){ |
| var mb=dojo.html.getMarginBox(this.domNode); |
| this.previous={width:mb.width||this.width,height:mb.height||this.height,left:this.domNode.style.left,top:this.domNode.style.top,bottom:this.domNode.style.bottom,right:this.domNode.style.right}; |
| if(this.domNode.parentNode.style.overflow.toLowerCase()!="hidden"){ |
| this.parentPrevious={overflow:this.domNode.parentNode.style.overflow}; |
| dojo.debug(this.domNode.parentNode.style.overflow); |
| this.domNode.parentNode.style.overflow="hidden"; |
| } |
| this.domNode.style.left=dojo.html.getPixelValue(this.domNode.parentNode,"padding-left",true)+"px"; |
| this.domNode.style.top=dojo.html.getPixelValue(this.domNode.parentNode,"padding-top",true)+"px"; |
| if((this.domNode.parentNode.nodeName.toLowerCase()=="body")){ |
| var _8=dojo.html.getViewport(); |
| var _9=dojo.html.getPadding(dojo.body()); |
| this.resizeTo(_8.width-_9.width,_8.height-_9.height); |
| }else{ |
| var _a=dojo.html.getContentBox(this.domNode.parentNode); |
| this.resizeTo(_a.width,_a.height); |
| } |
| this.maximizeAction.style.display="none"; |
| this.restoreAction.style.display=""; |
| if(this.resizeHandle){ |
| this.resizeHandle.domNode.style.display="none"; |
| } |
| this.drag.setDragHandle(null); |
| this.windowState="maximized"; |
| },minimizeWindow:function(_b){ |
| this.hide(); |
| for(var _c in this.parentPrevious){ |
| this.domNode.parentNode.style[_c]=this.parentPrevious[_c]; |
| } |
| this.lastWindowState=this.windowState; |
| this.windowState="minimized"; |
| },restoreWindow:function(_d){ |
| if(this.windowState=="minimized"){ |
| this.show(); |
| if(this.lastWindowState=="maximized"){ |
| this.domNode.parentNode.style.overflow="hidden"; |
| this.windowState="maximized"; |
| }else{ |
| this.windowState="normal"; |
| } |
| }else{ |
| if(this.windowState=="maximized"){ |
| for(var _e in this.previous){ |
| this.domNode.style[_e]=this.previous[_e]; |
| } |
| for(var _e in this.parentPrevious){ |
| this.domNode.parentNode.style[_e]=this.parentPrevious[_e]; |
| } |
| this.resizeTo(this.previous.width,this.previous.height); |
| this.previous=null; |
| this.parentPrevious=null; |
| this.restoreAction.style.display="none"; |
| this.maximizeAction.style.display=this.displayMaximizeAction?"":"none"; |
| if(this.resizeHandle){ |
| this.resizeHandle.domNode.style.display=""; |
| } |
| this.drag.setDragHandle(this.titleBar); |
| this.windowState="normal"; |
| }else{ |
| } |
| } |
| },toggleDisplay:function(){ |
| if(this.windowState=="minimized"){ |
| this.restoreWindow(); |
| }else{ |
| this.minimizeWindow(); |
| } |
| },closeWindow:function(_f){ |
| dojo.html.removeNode(this.domNode); |
| this.destroy(); |
| },onMouseDown:function(evt){ |
| this.bringToTop(); |
| },bringToTop:function(){ |
| var _11=dojo.widget.manager.getWidgetsByType(this.widgetType); |
| var _12=[]; |
| for(var x=0;x<_11.length;x++){ |
| if(this.widgetId!=_11[x].widgetId){ |
| _12.push(_11[x]); |
| } |
| } |
| _12.sort(function(a,b){ |
| return a.domNode.style.zIndex-b.domNode.style.zIndex; |
| }); |
| _12.push(this); |
| var _16=100; |
| for(x=0;x<_12.length;x++){ |
| _12[x].domNode.style.zIndex=_16+x*2; |
| } |
| },_setInitialWindowState:function(){ |
| if(this.isShowing()){ |
| this.width=-1; |
| var mb=dojo.html.getMarginBox(this.domNode); |
| this.resizeTo(mb.width,mb.height); |
| } |
| if(this.windowState=="maximized"){ |
| this.maximizeWindow(); |
| this.show(); |
| return; |
| } |
| if(this.windowState=="normal"){ |
| this.show(); |
| return; |
| } |
| if(this.windowState=="minimized"){ |
| this.hide(); |
| return; |
| } |
| this.windowState="minimized"; |
| },_taskBarSetup:function(){ |
| var _18=dojo.widget.getWidgetById(this.taskBarId); |
| if(!_18){ |
| if(this._taskBarConnectAttempts<this._max_taskBarConnectAttempts){ |
| dojo.lang.setTimeout(this,this._taskBarSetup,50); |
| this._taskBarConnectAttempts++; |
| }else{ |
| dojo.debug("Unable to connect to the taskBar"); |
| } |
| return; |
| } |
| _18.addChild(this); |
| },showFloatingPane:function(){ |
| this.bringToTop(); |
| },onFloatingPaneShow:function(){ |
| var mb=dojo.html.getMarginBox(this.domNode); |
| this.resizeTo(mb.width,mb.height); |
| },resizeTo:function(_1a,_1b){ |
| dojo.html.setMarginBox(this.domNode,{width:_1a,height:_1b}); |
| dojo.widget.html.layout(this.domNode,[{domNode:this.titleBar,layoutAlign:"top"},{domNode:this.resizeBar,layoutAlign:"bottom"},{domNode:this.containerNode,layoutAlign:"client"}]); |
| dojo.widget.html.layout(this.containerNode,this.children,"top-bottom"); |
| this.bgIframe.onResized(); |
| if(this.shadow){ |
| this.shadow.size(_1a,_1b); |
| } |
| this.onResized(); |
| },checkSize:function(){ |
| },destroyFloatingPane:function(){ |
| if(this.resizeHandle){ |
| this.resizeHandle.destroy(); |
| this.resizeHandle=null; |
| } |
| }}); |
| dojo.widget.defineWidget("dojo.widget.FloatingPane",[dojo.widget.ContentPane,dojo.widget.FloatingPaneBase],{fillInTemplate:function(_1c,_1d){ |
| this.fillInFloatingPaneTemplate(_1c,_1d); |
| dojo.widget.FloatingPane.superclass.fillInTemplate.call(this,_1c,_1d); |
| },postCreate:function(){ |
| dojo.widget.FloatingPaneBase.prototype.postCreate.apply(this,arguments); |
| dojo.widget.FloatingPane.superclass.postCreate.apply(this,arguments); |
| },show:function(){ |
| dojo.widget.FloatingPane.superclass.show.apply(this,arguments); |
| this.showFloatingPane(); |
| },onShow:function(){ |
| dojo.widget.FloatingPane.superclass.onShow.call(this); |
| this.onFloatingPaneShow(); |
| },destroy:function(){ |
| this.destroyFloatingPane(); |
| dojo.widget.FloatingPane.superclass.destroy.apply(this,arguments); |
| }}); |
| dojo.widget.defineWidget("dojo.widget.ModalFloatingPane",[dojo.widget.FloatingPane,dojo.widget.ModalDialogBase],{windowState:"minimized",displayCloseAction:true,postCreate:function(){ |
| dojo.widget.ModalDialogBase.prototype.postCreate.call(this); |
| dojo.widget.ModalFloatingPane.superclass.postCreate.call(this); |
| },show:function(){ |
| this.showModalDialog(); |
| dojo.widget.ModalFloatingPane.superclass.show.apply(this,arguments); |
| this.bg.style.zIndex=this.domNode.style.zIndex-1; |
| },hide:function(){ |
| this.hideModalDialog(); |
| dojo.widget.ModalFloatingPane.superclass.hide.apply(this,arguments); |
| },closeWindow:function(){ |
| this.hide(); |
| dojo.widget.ModalFloatingPane.superclass.closeWindow.apply(this,arguments); |
| }}); |