Homec4science
Diffusion i2b2-webclient (newGui) Browse

R4897/js-i2b2/hive/hive.ui.js
66c27e10346anewGui

Last Change
Raw File

hive.ui.js
View Options

/*
* Make the Splitter object
*/
Splitter = function( name, config )
{
/* type is type of the event ("ONTResized" in this case), args is an array of all of the arguments that were passed to the event's fire method,
* and me is the custom object we passed in when we subscribed to the event.
*/
/*
* This method is called when CRC is initialized and when browser window is resized
*/
this.onResize = function( type, args, me )
{
var ve = $('ontMainBox');
if (ve.style.width === "")
{
return;
}
var splitter = $( name );
if ( this.leftProportion == null )
{
splitter.style.left = addToProperty( ve.style.width, 18, "px", "px" );
this.leftProportion = (parseInt(splitter.style.left))/(YAHOO.util.Dom.getViewportWidth()-15);
}
else
{
splitter.style.left = this.leftProportion * (YAHOO.util.Dom.getViewportWidth()-15) + "px";
}
splitter.style.top = this.topOffset + "px";
splitter.style.height = (YAHOO.util.Dom.getViewportHeight()-this.topOffset) + "px";
}
this.onCRCinit = function( type, args, me )
{
this.onResize( type, args, me);
this.initConstraints();
}
// fires when splitter is dragged
this.resizeOtherComponents = function()
{
i2b2.ONT.view.main.splitterDragged(); // resize ONT
i2b2.WORK.view.main.splitterDragged(); // resize WORK
i2b2.CRC.view.history.splitterDragged(); // resize Query History
i2b2.CRC.view.QT.splitterDragged(); // resize Query Tool
i2b2.CRC.view.status.splitterDragged(); // resize Query Status
i2b2.PLUGINMGR.view.PlugView.splitterDragged(); // resize Plugin View
i2b2.PLUGINMGR.view.list.splitterDragged(); // resize Plugin View
}
// fires when window is resized
this.resizeComopnentHeight = function()
{
i2b2.ONT.view.main.ResizeHeight(); // resize ONT
i2b2.ONT.view.find.ResizeHeight(); // resize ONT.find
i2b2.ONT.view.nav.ResizeHeight(); // resize ONT.nav
i2b2.WORK.view.main.ResizeHeight(); // resize WORK
i2b2.CRC.view.history.ResizeHeight(); // resize Query History
i2b2.CRC.view.QT.ResizeHeight(); // resize Query Panels
i2b2.CRC.view.status.ResizeHeight(); // resize Query Status
i2b2.PLUGINMGR.view.PlugView.ResizeHeight(); // resize Plugin View
i2b2.PLUGINMGR.view.list.ResizeHeight(); // resize Plugin List
}
/* resize all components when splitter is dragged */
this.dragged = function()
{
var splitter = $( name );
this.leftProportion = parseInt(splitter.style.left)/(YAHOO.util.Dom.getViewportWidth()-15); // remember the new leftProportion
this.resizeOtherComponents();
}
/*
* Initializing instance variables and calling super's constructor
*/
this.name = name;
this.topOffset = 33;
this.cont = config.cont;
this.leftProportion = null;
Splitter.superclass.constructor.apply(this, arguments);
this.events.ONTInitialized = new YAHOO.util.CustomEvent("ONTInitialized", this); // create event for ONTInitialization
this.events.ONTInitialized.subscribe( this.onCRCinit, this); // listen to the event and attach handlers
}
// extension must immediately follow constructor (this makes the Splitter Drag-and-Drop-able.)
YAHOO.extend(Splitter, YAHOO.util.DD,
{
cont: null,
init: function()
{
// Call parent's init method
Splitter.superclass.init.apply(this, arguments);
var splitter = $( this.name );
if (YAHOO.env.ua.ie > 0) // ie does not supoprt ew-resize (see http://msdn.microsoft.com/en-us/library/ie/aa358795%28v=vs.85%29.aspx)
splitter.style.cursor = "e-resize";
else
splitter.style.cursor = "ew-resize";
YAHOO.util.Event.on( window, 'resize', function()
{
this.initConstraints();
this.onResize();
this.resizeOtherComponents();
this.resizeComopnentHeight();
},
this,
true );
},
initConstraints: function()
{
var dom = YAHOO.util.Dom;
var region = dom.getRegion( this.cont );
var el = this.getEl();
var xy = dom.getXY(el);
var width = parseInt( dom.getStyle(el, 'width'), 10 );
var left = xy[0] - region.left;
var right = region.right - xy[0] - width;
this.setXConstraint( left, right);
this.setYConstraint( 0, 0 ); // no vertical travel
},
onDrag: function(e)
{
this.dragged();
}
});
/*
* Property adjustment/setting utilities
*/
var stripUnit = function(numberAndUnitString, unitString)
{ return numberAndUnitString.substring(0, numberAndUnitString.indexOf(unitString)); }
var appendUnit = function(number, unit)
{ return number+unit; }
var setProperty = function( oldPropertyValue, newPropertyValue, oldUnit, newUnit )
{ return appendUnit(stripUnit(oldPropertyValue, oldUnit), newUnit); }
// propertyDiff is a Number, other parameters are Strings
var addToProperty = function( oldPropertyValue, propertyDiff, oldUnit, newUnit )
{ return appendUnit( parseInt(stripUnit(oldPropertyValue, oldUnit)) + propertyDiff, newUnit); }
/*
* Debugging utilities
*/
var debugOnScreen = function( text )
{
$('main.debug').appendChild( document.createTextNode( text ) );
$('main.debug').appendChild( document.createElement("br") );
}
var debugOnScreenWithDate = function( text )
{
var date = new Date();
debugOnScreen( text + " " + date );
}
var debugOnScreenClear = function()
{
$('main.debug').innerHTML = "";
}
c4science · Help