107 lines
2.2 KiB
JavaScript
Executable File
107 lines
2.2 KiB
JavaScript
Executable File
/**
|
|
* Class to handle popups.
|
|
**/
|
|
Htk.Popup = new Class
|
|
({
|
|
Extends: Htk.Widget
|
|
,Tag: 'htk-popup'
|
|
|
|
,_parent: null
|
|
|
|
,initialize: function (props)
|
|
{
|
|
var div = this.createElement ('div');
|
|
div.className = 'htk-popup';
|
|
|
|
this.parent (props);
|
|
}
|
|
|
|
,setChild: function (child)
|
|
{
|
|
this.setChildNode (child.getNode ());
|
|
}
|
|
|
|
,setChildNode: function (childNode)
|
|
{
|
|
Vn.Node.removeChilds (this.node);
|
|
this.node.appendChild (childNode);
|
|
}
|
|
|
|
,show: function (parent)
|
|
{
|
|
document.body.appendChild (this.node);
|
|
|
|
this.node.addEventListener ('mousedown', this.stopEvent);
|
|
|
|
this.hideHandler = this.hide.bind (this);
|
|
document.addEventListener ('mousedown', this.hideHandler);
|
|
|
|
this._parent = parent;
|
|
this.reset ();
|
|
}
|
|
|
|
,reset: function ()
|
|
{
|
|
if (!this._parent)
|
|
return;
|
|
|
|
var spacing = 5;
|
|
var rect = this._parent.getBoundingClientRect ();
|
|
var left = rect.left;
|
|
var top = rect.top + spacing + this._parent.offsetHeight;
|
|
|
|
var width = this.node.offsetWidth;
|
|
var height = this.node.offsetHeight;
|
|
|
|
if (left + width > Vn.Browser.getInnerWidth ())
|
|
left -= width - this._parent.offsetWidth;
|
|
if (top + height > Vn.Browser.getInnerHeight ())
|
|
top -= height + this._parent.offsetHeight + spacing * 2;
|
|
|
|
if (left < 0)
|
|
left = 0;
|
|
if (top < 0)
|
|
top = 0;
|
|
|
|
this.node.style.top = (top) +'px';
|
|
this.node.style.left = (left) +'px';
|
|
}
|
|
|
|
,showCenter: function ()
|
|
{
|
|
this._parent = null;
|
|
|
|
this.background = document.createElement ('div');
|
|
this.background.className = 'htk-background';
|
|
document.body.appendChild (this.background);
|
|
|
|
document.body.appendChild (this.node);
|
|
|
|
var width = this.node.offsetWidth;
|
|
var height = this.node.offsetHeight;
|
|
|
|
this.node.style.top = '50%';
|
|
this.node.style.left = '50%';
|
|
this.node.style.marginLeft = (-this.node.offsetWidth / 2) +'px';
|
|
this.node.style.marginTop = (-this.node.offsetHeight / 2) +'px';
|
|
|
|
}
|
|
|
|
,hide: function ()
|
|
{
|
|
if (this.background)
|
|
Vn.Node.remove (this.background);
|
|
|
|
this.node.removeEventListener ('mousedown', this.stopEvent)
|
|
document.removeEventListener ('mousedown', this.hideHandler);
|
|
Vn.Node.remove (this.node);
|
|
this._parent = null;
|
|
this.signalEmit ('closed');
|
|
}
|
|
|
|
,stopEvent: function (event)
|
|
{
|
|
event.stopPropagation ();
|
|
}
|
|
});
|