Subversion Repositories Applications.papyrus

/*

	Copyright (c) 2004-2006, The Dojo Foundation

	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the

	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/community/licensing.shtml

*/

dojo.provide("dojo.widget.PopupContainer");

dojo.require("dojo.html.style");

dojo.require("dojo.html.layout");

dojo.require("dojo.html.selection");

dojo.require("dojo.html.iframe");

dojo.require("dojo.event.*");

dojo.require("dojo.widget.*");

dojo.require("dojo.widget.HtmlWidget");

dojo.declare("dojo.widget.PopupContainerBase", null, function () {

	this.queueOnAnimationFinish = [];

}, {isShowingNow:false, currentSubpopup:null, beginZIndex:1000, parentPopup:null, parent:null, popupIndex:0, aroundBox:dojo.html.boxSizing.BORDER_BOX, openedForWindow:null, processKey:function (evt) {

	return false;

}, applyPopupBasicStyle:function () {

	with (this.domNode.style) {

		display = "none";

		position = "absolute";

	}

}, aboutToShow:function () {

}, open:function (x, y, parent, explodeSrc, orient, padding) {

	if (this.isShowingNow) {

		return;

	}

	if (this.animationInProgress) {

		this.queueOnAnimationFinish.push(this.open, arguments);

		return;

	}

	this.aboutToShow();

	var around = false, node, aroundOrient;

	if (typeof x == "object") {

		node = x;

		aroundOrient = explodeSrc;

		explodeSrc = parent;

		parent = y;

		around = true;

	}

	this.parent = parent;

	dojo.body().appendChild(this.domNode);

	explodeSrc = explodeSrc || parent["domNode"] || [];

	var parentPopup = null;

	this.isTopLevel = true;

	while (parent) {

		if (parent !== this && (parent.setOpenedSubpopup != undefined && parent.applyPopupBasicStyle != undefined)) {

			parentPopup = parent;

			this.isTopLevel = false;

			parentPopup.setOpenedSubpopup(this);

			break;

		}

		parent = parent.parent;

	}

	this.parentPopup = parentPopup;

	this.popupIndex = parentPopup ? parentPopup.popupIndex + 1 : 1;

	if (this.isTopLevel) {

		var button = dojo.html.isNode(explodeSrc) ? explodeSrc : null;

		dojo.widget.PopupManager.opened(this, button);

	}

	if (this.isTopLevel && !dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.isCollapsed)) {

		this._bookmark = dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.getBookmark);

	} else {

		this._bookmark = null;

	}

	if (explodeSrc instanceof Array) {

		explodeSrc = {left:explodeSrc[0], top:explodeSrc[1], width:0, height:0};

	}

	with (this.domNode.style) {

		display = "";

		zIndex = this.beginZIndex + this.popupIndex;

	}

	if (around) {

		this.move(node, padding, aroundOrient);

	} else {

		this.move(x, y, padding, orient);

	}

	this.domNode.style.display = "none";

	this.explodeSrc = explodeSrc;

	this.show();

	this.isShowingNow = true;

}, move:function (x, y, padding, orient) {

	var around = (typeof x == "object");

	if (around) {

		var aroundOrient = padding;

		var node = x;

		padding = y;

		if (!aroundOrient) {

			aroundOrient = {"BL":"TL", "TL":"BL"};

		}

		dojo.html.placeOnScreenAroundElement(this.domNode, node, padding, this.aroundBox, aroundOrient);

	} else {

		if (!orient) {

			orient = "TL,TR,BL,BR";

		}

		dojo.html.placeOnScreen(this.domNode, x, y, padding, true, orient);

	}

}, close:function (force) {

	if (force) {

		this.domNode.style.display = "none";

	}

	if (this.animationInProgress) {

		this.queueOnAnimationFinish.push(this.close, []);

		return;

	}

	this.closeSubpopup(force);

	this.hide();

	if (this.bgIframe) {

		this.bgIframe.hide();

		this.bgIframe.size({left:0, top:0, width:0, height:0});

	}

	if (this.isTopLevel) {

		dojo.widget.PopupManager.closed(this);

	}

	this.isShowingNow = false;

	if (this.parent) {

		setTimeout(dojo.lang.hitch(this, function () {

			try {

				if (this.parent["focus"]) {

					this.parent.focus();

				} else {

					this.parent.domNode.focus();

				}

			}

			catch (e) {

				dojo.debug("No idea how to focus to parent", e);

			}

		}), 10);

	}

	if (this._bookmark && dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.isCollapsed)) {

		if (this.openedForWindow) {

			this.openedForWindow.focus();

		}

		try {

			dojo.withGlobal(this.openedForWindow || dojo.global(), "moveToBookmark", dojo.html.selection, [this._bookmark]);

		}

		catch (e) {

		}

	}

	this._bookmark = null;

}, closeAll:function (force) {

	if (this.parentPopup) {

		this.parentPopup.closeAll(force);

	} else {

		this.close(force);

	}

}, setOpenedSubpopup:function (popup) {

	this.currentSubpopup = popup;

}, closeSubpopup:function (force) {

	if (this.currentSubpopup == null) {

		return;

	}

	this.currentSubpopup.close(force);

	this.currentSubpopup = null;

}, onShow:function () {

	dojo.widget.PopupContainer.superclass.onShow.apply(this, arguments);

	this.openedSize = {w:this.domNode.style.width, h:this.domNode.style.height};

	if (dojo.render.html.ie) {

		if (!this.bgIframe) {

			this.bgIframe = new dojo.html.BackgroundIframe();

			this.bgIframe.setZIndex(this.domNode);

		}

		this.bgIframe.size(this.domNode);

		this.bgIframe.show();

	}

	this.processQueue();

}, processQueue:function () {

	if (!this.queueOnAnimationFinish.length) {

		return;

	}

	var func = this.queueOnAnimationFinish.shift();

	var args = this.queueOnAnimationFinish.shift();

	func.apply(this, args);

}, onHide:function () {

	dojo.widget.HtmlWidget.prototype.onHide.call(this);

	if (this.openedSize) {

		with (this.domNode.style) {

			width = this.openedSize.w;

			height = this.openedSize.h;

		}

	}

	this.processQueue();

}});

dojo.widget.defineWidget("dojo.widget.PopupContainer", [dojo.widget.HtmlWidget, dojo.widget.PopupContainerBase], {isContainer:true, fillInTemplate:function () {

	this.applyPopupBasicStyle();

	dojo.widget.PopupContainer.superclass.fillInTemplate.apply(this, arguments);

}});

dojo.widget.PopupManager = new function () {

	this.currentMenu = null;

	this.currentButton = null;

	this.currentFocusMenu = null;

	this.focusNode = null;

	this.registeredWindows = [];

	this.registerWin = function (win) {

		if (!win.__PopupManagerRegistered) {

			dojo.event.connect(win.document, "onmousedown", this, "onClick");

			dojo.event.connect(win, "onscroll", this, "onClick");

			dojo.event.connect(win.document, "onkey", this, "onKey");

			win.__PopupManagerRegistered = true;

			this.registeredWindows.push(win);

		}

	};

	this.registerAllWindows = function (targetWindow) {

		if (!targetWindow) {

			targetWindow = dojo.html.getDocumentWindow(window.top && window.top.document || window.document);

		}

		this.registerWin(targetWindow);

		for (var i = 0; i < targetWindow.frames.length; i++) {

			try {

				var win = dojo.html.getDocumentWindow(targetWindow.frames[i].document);

				if (win) {

					this.registerAllWindows(win);

				}

			}

			catch (e) {

			}

		}

	};

	this.unRegisterWin = function (win) {

		if (win.__PopupManagerRegistered) {

			dojo.event.disconnect(win.document, "onmousedown", this, "onClick");

			dojo.event.disconnect(win, "onscroll", this, "onClick");

			dojo.event.disconnect(win.document, "onkey", this, "onKey");

			win.__PopupManagerRegistered = false;

		}

	};

	this.unRegisterAllWindows = function () {

		for (var i = 0; i < this.registeredWindows.length; ++i) {

			this.unRegisterWin(this.registeredWindows[i]);

		}

		this.registeredWindows = [];

	};

	dojo.addOnLoad(this, "registerAllWindows");

	dojo.addOnUnload(this, "unRegisterAllWindows");

	this.closed = function (menu) {

		if (this.currentMenu == menu) {

			this.currentMenu = null;

			this.currentButton = null;

			this.currentFocusMenu = null;

		}

	};

	this.opened = function (menu, button) {

		if (menu == this.currentMenu) {

			return;

		}

		if (this.currentMenu) {

			this.currentMenu.close();

		}

		this.currentMenu = menu;

		this.currentFocusMenu = menu;

		this.currentButton = button;

	};

	this.setFocusedMenu = function (menu) {

		this.currentFocusMenu = menu;

	};

	this.onKey = function (e) {

		if (!e.key) {

			return;

		}

		if (!this.currentMenu || !this.currentMenu.isShowingNow) {

			return;

		}

		var m = this.currentFocusMenu;

		while (m) {

			if (m.processKey(e)) {

				e.preventDefault();

				e.stopPropagation();

				break;

			}

			m = m.parentPopup || m.parentMenu;

		}

	}, this.onClick = function (e) {

		if (!this.currentMenu) {

			return;

		}

		var scrolloffset = dojo.html.getScroll().offset;

		var m = this.currentMenu;

		while (m) {

			if (dojo.html.overElement(m.domNode, e) || dojo.html.isDescendantOf(e.target, m.domNode)) {

				return;

			}

			m = m.currentSubpopup;

		}

		if (this.currentButton && dojo.html.overElement(this.currentButton, e)) {

			return;

		}

		this.currentMenu.closeAll(true);

	};

};