From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/layout/SplitContainer.js | 348 +++++++++++++++++++++++++++++++++++++ 1 file changed, 348 insertions(+) create mode 100644 lib/dijit/layout/SplitContainer.js (limited to 'lib/dijit/layout/SplitContainer.js') diff --git a/lib/dijit/layout/SplitContainer.js b/lib/dijit/layout/SplitContainer.js new file mode 100644 index 000000000..b0db3e465 --- /dev/null +++ b/lib/dijit/layout/SplitContainer.js @@ -0,0 +1,348 @@ +/* + Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved. + Available via Academic Free License >= 2.1 OR the modified BSD license. + see: http://dojotoolkit.org/license for details +*/ + + +if(!dojo._hasResource["dijit.layout.SplitContainer"]){ +dojo._hasResource["dijit.layout.SplitContainer"]=true; +dojo.provide("dijit.layout.SplitContainer"); +dojo.require("dojo.cookie"); +dojo.require("dijit.layout._LayoutWidget"); +dojo.declare("dijit.layout.SplitContainer",dijit.layout._LayoutWidget,{constructor:function(){ +dojo.deprecated("dijit.layout.SplitContainer is deprecated","use BorderContainer with splitter instead",2); +},activeSizing:false,sizerWidth:7,orientation:"horizontal",persist:true,baseClass:"dijitSplitContainer",postMixInProperties:function(){ +this.inherited("postMixInProperties",arguments); +this.isHorizontal=(this.orientation=="horizontal"); +},postCreate:function(){ +this.inherited(arguments); +this.sizers=[]; +if(dojo.isMozilla){ +this.domNode.style.overflow="-moz-scrollbars-none"; +} +if(typeof this.sizerWidth=="object"){ +try{ +this.sizerWidth=parseInt(this.sizerWidth.toString()); +} +catch(e){ +this.sizerWidth=7; +} +} +var _1=dojo.doc.createElement("div"); +this.virtualSizer=_1; +_1.style.position="relative"; +_1.style.zIndex=10; +_1.className=this.isHorizontal?"dijitSplitContainerVirtualSizerH":"dijitSplitContainerVirtualSizerV"; +this.domNode.appendChild(_1); +dojo.setSelectable(_1,false); +},destroy:function(){ +delete this.virtualSizer; +dojo.forEach(this._ownconnects,dojo.disconnect); +this.inherited(arguments); +},startup:function(){ +if(this._started){ +return; +} +dojo.forEach(this.getChildren(),function(_2,i,_3){ +this._setupChild(_2); +if(i<_3.length-1){ +this._addSizer(); +} +},this); +if(this.persist){ +this._restoreState(); +} +this.inherited(arguments); +},_setupChild:function(_4){ +this.inherited(arguments); +_4.domNode.style.position="absolute"; +dojo.addClass(_4.domNode,"dijitSplitPane"); +},_onSizerMouseDown:function(e){ +if(e.target.id){ +for(var i=0;i1){ +this._addSizer(_a); +} +this.layout(); +} +},layout:function(){ +this.paneWidth=this._contentBox.w; +this.paneHeight=this._contentBox.h; +var _c=this.getChildren(); +if(!_c.length){ +return; +} +var _d=this.isHorizontal?this.paneWidth:this.paneHeight; +if(_c.length>1){ +_d-=this.sizerWidth*(_c.length-1); +} +var _e=0; +dojo.forEach(_c,function(_f){ +_e+=_f.sizeShare; +}); +var _10=_d/_e; +var _11=0; +dojo.forEach(_c.slice(0,_c.length-1),function(_12){ +var _13=Math.round(_10*_12.sizeShare); +_12.sizeActual=_13; +_11+=_13; +}); +_c[_c.length-1].sizeActual=_d-_11; +this._checkSizes(); +var pos=0; +var _14=_c[0].sizeActual; +this._movePanel(_c[0],pos,_14); +_c[0].position=pos; +pos+=_14; +if(!this.sizers){ +return; +} +dojo.some(_c.slice(1),function(_15,i){ +if(!this.sizers[i]){ +return true; +} +this._moveSlider(this.sizers[i],pos,this.sizerWidth); +this.sizers[i].position=pos; +pos+=this.sizerWidth; +_14=_15.sizeActual; +this._movePanel(_15,pos,_14); +_15.position=pos; +pos+=_14; +},this); +},_movePanel:function(_16,pos,_17){ +if(this.isHorizontal){ +_16.domNode.style.left=pos+"px"; +_16.domNode.style.top=0; +var box={w:_17,h:this.paneHeight}; +if(_16.resize){ +_16.resize(box); +}else{ +dojo.marginBox(_16.domNode,box); +} +}else{ +_16.domNode.style.left=0; +_16.domNode.style.top=pos+"px"; +var box={w:this.paneWidth,h:_17}; +if(_16.resize){ +_16.resize(box); +}else{ +dojo.marginBox(_16.domNode,box); +} +} +},_moveSlider:function(_18,pos,_19){ +if(this.isHorizontal){ +_18.style.left=pos+"px"; +_18.style.top=0; +dojo.marginBox(_18,{w:_19,h:this.paneHeight}); +}else{ +_18.style.left=0; +_18.style.top=pos+"px"; +dojo.marginBox(_18,{w:this.paneWidth,h:_19}); +} +},_growPane:function(_1a,_1b){ +if(_1a>0){ +if(_1b.sizeActual>_1b.sizeMin){ +if((_1b.sizeActual-_1b.sizeMin)>_1a){ +_1b.sizeActual=_1b.sizeActual-_1a; +_1a=0; +}else{ +_1a-=_1b.sizeActual-_1b.sizeMin; +_1b.sizeActual=_1b.sizeMin; +} +} +} +return _1a; +},_checkSizes:function(){ +var _1c=0; +var _1d=0; +var _1e=this.getChildren(); +dojo.forEach(_1e,function(_1f){ +_1d+=_1f.sizeActual; +_1c+=_1f.sizeMin; +}); +if(_1c<=_1d){ +var _20=0; +dojo.forEach(_1e,function(_21){ +if(_21.sizeActual<_21.sizeMin){ +_20+=_21.sizeMin-_21.sizeActual; +_21.sizeActual=_21.sizeMin; +} +}); +if(_20>0){ +var _22=this.isDraggingLeft?_1e.reverse():_1e; +dojo.forEach(_22,function(_23){ +_20=this._growPane(_20,_23); +},this); +} +}else{ +dojo.forEach(_1e,function(_24){ +_24.sizeActual=Math.round(_1d*(_24.sizeMin/_1c)); +}); +} +},beginSizing:function(e,i){ +var _25=this.getChildren(); +this.paneBefore=_25[i]; +this.paneAfter=_25[i+1]; +this.isSizing=true; +this.sizingSplitter=this.sizers[i]; +if(!this.cover){ +this.cover=dojo.create("div",{style:{position:"absolute",zIndex:5,top:0,left:0,width:"100%",height:"100%"}},this.domNode); +}else{ +this.cover.style.zIndex=5; +} +this.sizingSplitter.style.zIndex=6; +this.originPos=dojo.position(_25[0].domNode,true); +if(this.isHorizontal){ +var _26=e.layerX||e.offsetX||0; +var _27=e.pageX; +this.originPos=this.originPos.x; +}else{ +var _26=e.layerY||e.offsetY||0; +var _27=e.pageY; +this.originPos=this.originPos.y; +} +this.startPoint=this.lastPoint=_27; +this.screenToClientOffset=_27-_26; +this.dragOffset=this.lastPoint-this.paneBefore.sizeActual-this.originPos-this.paneBefore.position; +if(!this.activeSizing){ +this._showSizingLine(); +} +this._ownconnects=[]; +this._ownconnects.push(dojo.connect(dojo.doc.documentElement,"onmousemove",this,"changeSizing")); +this._ownconnects.push(dojo.connect(dojo.doc.documentElement,"onmouseup",this,"endSizing")); +dojo.stopEvent(e); +},changeSizing:function(e){ +if(!this.isSizing){ +return; +} +this.lastPoint=this.isHorizontal?e.pageX:e.pageY; +this.movePoint(); +if(this.activeSizing){ +this._updateSize(); +}else{ +this._moveSizingLine(); +} +dojo.stopEvent(e); +},endSizing:function(e){ +if(!this.isSizing){ +return; +} +if(this.cover){ +this.cover.style.zIndex=-1; +} +if(!this.activeSizing){ +this._hideSizingLine(); +} +this._updateSize(); +this.isSizing=false; +if(this.persist){ +this._saveState(this); +} +dojo.forEach(this._ownconnects,dojo.disconnect); +},movePoint:function(){ +var p=this.lastPoint-this.screenToClientOffset; +var a=p-this.dragOffset; +a=this.legaliseSplitPoint(a); +p=a+this.dragOffset; +this.lastPoint=p+this.screenToClientOffset; +},legaliseSplitPoint:function(a){ +a+=this.sizingSplitter.position; +this.isDraggingLeft=!!(a>0); +if(!this.activeSizing){ +var min=this.paneBefore.position+this.paneBefore.sizeMin; +if(amax){ +a=max; +} +} +a-=this.sizingSplitter.position; +this._checkSizes(); +return a; +},_updateSize:function(){ +var pos=this.lastPoint-this.dragOffset-this.originPos; +var _28=this.paneBefore.position; +var _29=this.paneAfter.position+this.paneAfter.sizeActual; +this.paneBefore.sizeActual=pos-_28; +this.paneAfter.position=pos+this.sizerWidth; +this.paneAfter.sizeActual=_29-this.paneAfter.position; +dojo.forEach(this.getChildren(),function(_2a){ +_2a.sizeShare=_2a.sizeActual; +}); +if(this._started){ +this.layout(); +} +},_showSizingLine:function(){ +this._moveSizingLine(); +dojo.marginBox(this.virtualSizer,this.isHorizontal?{w:this.sizerWidth,h:this.paneHeight}:{w:this.paneWidth,h:this.sizerWidth}); +this.virtualSizer.style.display="block"; +},_hideSizingLine:function(){ +this.virtualSizer.style.display="none"; +},_moveSizingLine:function(){ +var pos=(this.lastPoint-this.startPoint)+this.sizingSplitter.position; +dojo.style(this.virtualSizer,(this.isHorizontal?"left":"top"),pos+"px"); +},_getCookieName:function(i){ +return this.id+"_"+i; +},_restoreState:function(){ +dojo.forEach(this.getChildren(),function(_2b,i){ +var _2c=this._getCookieName(i); +var _2d=dojo.cookie(_2c); +if(_2d){ +var pos=parseInt(_2d); +if(typeof pos=="number"){ +_2b.sizeShare=pos; +} +} +},this); +},_saveState:function(){ +if(!this.persist){ +return; +} +dojo.forEach(this.getChildren(),function(_2e,i){ +dojo.cookie(this._getCookieName(i),_2e.sizeShare,{expires:365}); +},this); +}}); +dojo.extend(dijit._Widget,{sizeMin:10,sizeShare:10}); +} -- cgit v1.2.3