mirror of
https://github.com/Alfresco/alfresco-community-repo.git
synced 2025-08-07 17:49:17 +00:00
Ajax pop-up summary panel code refactored into generic library.
First cut of the My Tasks webscript.. Added "url.context" help object to template model for TemplateContentServlet. git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5549 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Kevin Roast
212
source/web/scripts/ajax/summary-info.js
Normal file
212
source/web/scripts/ajax/summary-info.js
Normal file
@@ -0,0 +1,212 @@
|
||||
//
|
||||
// Supporting JavaScript for the Summary Info pop-up panel objects
|
||||
// Kevin Roast 24-04-2007
|
||||
//
|
||||
// NOTE: This script requires common.js - which needs to be loaded
|
||||
// prior to this one on the containing HTML page.
|
||||
|
||||
var _zIndex = 99;
|
||||
|
||||
/**
|
||||
* Panel Manager constructor
|
||||
*
|
||||
* @param serverCall Server call to make on display e.g. NodeInfoBean.sendNodeInfo
|
||||
* @param argName Argument name to pass panel ID object as e.g. nodeRef
|
||||
*/
|
||||
Alfresco.PanelManager = function(serverCall, argName)
|
||||
{
|
||||
this.serverCall = serverCall;
|
||||
this.argName = argName;
|
||||
}
|
||||
|
||||
/**
|
||||
* Definition of the Panel Manager class.
|
||||
* Responsible for open/closing InfoPanel dynamic summary panel objects.
|
||||
*/
|
||||
Alfresco.PanelManager.prototype =
|
||||
{
|
||||
panels: [],
|
||||
displayed: [],
|
||||
serverCall: null,
|
||||
argName: null,
|
||||
|
||||
/**
|
||||
* Request toggle of the open/close state of an info panel
|
||||
*/
|
||||
toggle: function(id, launchElement)
|
||||
{
|
||||
if (this.displayed[id] == undefined || this.displayed[id] == null)
|
||||
{
|
||||
var panel = this.panels[id];
|
||||
if (panel == undefined || panel == null)
|
||||
{
|
||||
panel = new Alfresco.InfoPanel(this, id, launchElement);
|
||||
this.panels[id] = panel;
|
||||
}
|
||||
this.displayed[id] = true;
|
||||
panel.showInfo();
|
||||
}
|
||||
else
|
||||
{
|
||||
this.close(id);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Request a Close of the Summary info panel
|
||||
*/
|
||||
close: function(id)
|
||||
{
|
||||
var panel = this.panels[id];
|
||||
if (panel != undefined && panel != null)
|
||||
{
|
||||
this.displayed[id] = null;
|
||||
panel.hideInfo();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Return if a given info panel is currently displayable
|
||||
*/
|
||||
displayable: function(id)
|
||||
{
|
||||
return (this.displayed[id] != undefined && this.displayed[id] != null);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Constructor for the Info Panel object
|
||||
*/
|
||||
Alfresco.InfoPanel = function(manager, id, launchElement)
|
||||
{
|
||||
this.manager = manager;
|
||||
this.id = id;
|
||||
this.launchElement = launchElement;
|
||||
}
|
||||
|
||||
/**
|
||||
* Definition of the Info Panel object
|
||||
*/
|
||||
Alfresco.InfoPanel.prototype =
|
||||
{
|
||||
manager: null,
|
||||
id: null,
|
||||
launchElement: null,
|
||||
popupElement: null,
|
||||
visible: false,
|
||||
loading: false,
|
||||
|
||||
/**
|
||||
* Makes the AJAX request back to the server to get the panel info.
|
||||
*/
|
||||
showInfo: function()
|
||||
{
|
||||
if (this.loading == false)
|
||||
{
|
||||
if (this.popupElement == null)
|
||||
{
|
||||
this.loading = true;
|
||||
|
||||
var elImg = Alfresco.Dom.getElementByTagName(this.launchElement, "img");
|
||||
if (elImg != null)
|
||||
{
|
||||
elImg.src = getContextPath() + "/images/icons/ajax_anim.gif";
|
||||
}
|
||||
|
||||
YAHOO.util.Connect.asyncRequest(
|
||||
"POST",
|
||||
getContextPath() + '/ajax/invoke/' + this.manager.serverCall,
|
||||
{
|
||||
success: this.loadInfoHandler,
|
||||
failure: handleErrorYahoo, // global error handler
|
||||
argument: [this]
|
||||
},
|
||||
this.manager.argName + "=" + this.id);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.displayInfo();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Callback function for showInfo() above
|
||||
*/
|
||||
loadInfoHandler: function(response)
|
||||
{
|
||||
var panel = response.argument[0];
|
||||
|
||||
// create a 'div' to hold the summary table
|
||||
var div = document.createElement("div");
|
||||
|
||||
// setup the div with the correct appearance
|
||||
div.innerHTML = response.responseText;
|
||||
div.setAttribute("class", "summaryDropShadow");
|
||||
// NOTE: use className for IE
|
||||
div.setAttribute("className", "summaryDropShadow");
|
||||
div.style.position = "absolute";
|
||||
div.style.display = "none";
|
||||
div.style.left = 0;
|
||||
div.style.top = 0;
|
||||
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
body.appendChild(div);
|
||||
|
||||
// keep track of the div element we created
|
||||
panel.popupElement = div;
|
||||
panel.loading = false;
|
||||
|
||||
// display the div for the first time
|
||||
panel.displayInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* Display the summary info panel for the panel
|
||||
*/
|
||||
displayInfo: function()
|
||||
{
|
||||
var elImg = Alfresco.Dom.getElementByTagName(this.launchElement, "img");
|
||||
if (elImg != null)
|
||||
{
|
||||
elImg.src = getContextPath() + "/images/icons/popup.gif";
|
||||
}
|
||||
|
||||
if (this.manager.displayable(this.id) == true)
|
||||
{
|
||||
if (this.popupElement != null && this.visible == false)
|
||||
{
|
||||
// set opacity in browser independant way
|
||||
YAHOO.util.Dom.setStyle(this.popupElement, "opacity", 0.0);
|
||||
this.popupElement.style.display = "block";
|
||||
this.popupElement.style.zIndex = _zIndex++; // pop to front
|
||||
|
||||
Alfresco.Dom.smartAlignElement(this.popupElement, this.launchElement, 700);
|
||||
|
||||
var anim = new YAHOO.util.Anim(
|
||||
this.popupElement, { opacity: { to: 1.0 } }, 0.333, YAHOO.util.Easing.easeOut);
|
||||
anim.animate();
|
||||
|
||||
// drag-drop object
|
||||
new YAHOO.util.DD(this.popupElement);
|
||||
|
||||
this.visible = true;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Hide the summary info panel
|
||||
*/
|
||||
hideInfo: function()
|
||||
{
|
||||
if (this.popupElement != null && this.visible == true)
|
||||
{
|
||||
this.visible = false;
|
||||
|
||||
YAHOO.util.Dom.setStyle(this.popupElement, "opacity", 0.0);
|
||||
this.popupElement.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user