inteligr8/alfresco-community-repo
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-community-repo.git synced 2025-08-07 17:49:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixing enabled/disabled logic for move up move down repeat controls.

Browse Source 
git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@4501 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Ariel Backenroth
2006-12-04 01:36:14 +00:00
parent a65248f1aa
commit adecb19898
1 changed files with 147 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
source/web/scripts/ajax/xforms.js
View File

@@ -66,6 +66,7 @@ dojo.declare("alfresco.xforms.Widget",
xformsNode: null, xformsNode: null,
labelNode: null, labelNode: null,
parent: null, parent: null,
domNode: null,
domContainer: null, domContainer: null,
setModified: function(b) setModified: function(b)
{ {
@@ -134,6 +135,8 @@ dojo.declare("alfresco.xforms.Widget",
var result = _evaluateXPath("/" + xpath, var result = _evaluateXPath("/" + xpath,
this.xform.getInstance(), this.xform.getInstance(),
XPathResult.FIRST_ORDERED_NODE_TYPE); XPathResult.FIRST_ORDERED_NODE_TYPE);
if (!result)
throw new Error("unable to resolve xpath /" + xpath + " for " + this.id);
result = (result.nodeType == dojo.dom.ELEMENT_NODE result = (result.nodeType == dojo.dom.ELEMENT_NODE
? dojo.dom.textContent(result) ? dojo.dom.textContent(result)
: result.nodeValue); : result.nodeValue);
@@ -599,8 +602,9 @@ dojo.declare("alfresco.xforms.Group",
{ {
// this.inherited("initializer", [ xform, xformsNode ]); // this.inherited("initializer", [ xform, xformsNode ]);
this.children = []; this.children = [];
this.domNode = document.createElement("div");
this.domNode.setAttribute("id", this.id + "-domNode");
}, },
children: null,
getWidgetsInvalidForSubmit: function() getWidgetsInvalidForSubmit: function()
{ {
var result = []; var result = [];
@@ -629,7 +633,6 @@ dojo.declare("alfresco.xforms.Group",
} }
return -1; return -1;
}, },
domNode: null,
addChild: function(child) addChild: function(child)
{ {
return this.insertChildAt(child, this.children.length); return this.insertChildAt(child, this.children.length);
@@ -652,13 +655,13 @@ dojo.declare("alfresco.xforms.Group",
if (position == this.children.length) if (position == this.children.length)
{ {
this.childContainerNode.appendChild(child.domContainer); this.domNode.childContainerNode.appendChild(child.domContainer);
this.children.push(child); this.children.push(child);
} }
else else
{ {
this.childContainerNode.insertBefore(child.domContainer, this.domNode.childContainerNode.insertBefore(child.domContainer,
this.getChildAt(position).domContainer); this.getChildAt(position).domContainer);
this.children.splice(position, 0, child); this.children.splice(position, 0, child);
} }
@@ -704,6 +707,12 @@ dojo.declare("alfresco.xforms.Group",
contentDiv.widget = child; contentDiv.widget = child;
this._updateDisplay(); this._updateDisplay();
var event = document.createEvent("UIEvents");
event.initUIEvent("childAdded", false, true, window, 0);
event.relatedNode = child;
this.domNode.dispatchEvent(event);
return child.domContainer; return child.domContainer;
}, },
removeChildAt: function(position) removeChildAt: function(position)
@@ -711,6 +720,7 @@ dojo.declare("alfresco.xforms.Group",
var child = this.getChildAt(position); var child = this.getChildAt(position);
if (!child) if (!child)
throw new Error("unable to find child at " + position); throw new Error("unable to find child at " + position);
this.children.splice(position, 1); this.children.splice(position, 1);
child.domContainer.group = this; child.domContainer.group = this;
var anim = dojo.lfx.html.fadeOut(child.domContainer, 500); var anim = dojo.lfx.html.fadeOut(child.domContainer, 500);
@@ -723,15 +733,14 @@ dojo.declare("alfresco.xforms.Group",
dojo.dom.removeNode(child.domContainer); dojo.dom.removeNode(child.domContainer);
child.domContainer.group._updateDisplay(); child.domContainer.group._updateDisplay();
if (child.repeatControls)
{
child.repeatControls.style.display = "none";
dojo.dom.removeChildren(child.repeatControls);
dojo.dom.removeNode(child.repeatControls);
}
}; };
anim.play(); anim.play();
var event = document.createEvent("UIEvents");
event.initUIEvent("childRemoved", false, true, window, 0);
event.relatedNode = child;
this.domNode.dispatchEvent(event);
return child; return child;
}, },
_destroy: function() _destroy: function()
@@ -744,8 +753,6 @@ dojo.declare("alfresco.xforms.Group",
}, },
render: function(attach_point) render: function(attach_point)
{ {
this.domNode = document.createElement("div");
this.domNode.setAttribute("id", this.id + "-domNode");
this.domNode.widget = this; this.domNode.widget = this;
attach_point.appendChild(this.domNode); attach_point.appendChild(this.domNode);
@@ -765,10 +772,10 @@ dojo.declare("alfresco.xforms.Group",
this.groupHeaderNode.id = this.id + "-groupHeaderNode"; this.groupHeaderNode.id = this.id + "-groupHeaderNode";
this.domNode.appendChild(this.groupHeaderNode); this.domNode.appendChild(this.groupHeaderNode);
this.childContainerNode = document.createElement("div"); this.domNode.childContainerNode = document.createElement("div");
this.childContainerNode.setAttribute("id", this.id + "-childContainerNode"); this.domNode.childContainerNode.setAttribute("id", this.id + "-childContainerNode");
this.domNode.appendChild(this.childContainerNode); this.domNode.appendChild(this.domNode.childContainerNode);
this.childContainerNode.style.width = "100%"; this.domNode.childContainerNode.style.width = "100%";
return this.domNode; return this.domNode;
}, },
_updateDisplay: function() _updateDisplay: function()
@@ -799,11 +806,38 @@ dojo.declare("alfresco.xforms.Repeat",
{ {
initializer: function(xform, xformsNode) initializer: function(xform, xformsNode)
{ {
// this.inherited("initializer", [ xform, xformsNode ]); this.domNode.addEventListener("childAdded", this._childAddedListener, false);
this.domNode.addEventListener("childRemoved", this._childRemovedListener, false);
this.repeatControls = [];
this._selectedIndex = -1;
}, },
_selectedIndex: -1,
insertChildAt: function(child, position) insertChildAt: function(child, position)
{ {
this.repeatControls.splice(position, 0, document.createElement("div"));
var images = [
{ name: "addRepeatItemImage", src: "plus", action: this._insertRepeatItemAfter_handler },
{ name: "moveRepeatItemUpImage", src: "arrow_up", action: this._moveRepeatItemUp_handler },
{ name: "moveRepeatItemDownImage", src: "arrow_down", action: this._moveRepeatItemDown_handler },
{ name: "removeRepeatItemImage", src: "minus", action: this._removeRepeatItem_handler }
];
var repeatControlsWidth = 0;
for (var i = 0; i < images.length; i++)
{
var img = document.createElement("img");
this.repeatControls[position][images[i].name] = img;
img.setAttribute("src", (WEBAPP_CONTEXT + "/images/icons/" +
images[i].src + ".gif"));
img.style.width = "16px";
img.style.height = "16px";
img.style.margin = "2px 5px 2px " + (i == 0 ? 5 : 0) + "px";
img.repeat = this;
repeatControlsWidth += (parseInt(img.style.width) +
parseInt(img.style.marginRight) +
parseInt(img.style.marginLeft));
this.repeatControls[position].appendChild(img);
dojo.event.connect(img, "onclick", this, images[i].action);
}
var result = this.inherited("insertChildAt", [ child, position ]); var result = this.inherited("insertChildAt", [ child, position ]);
child.repeat = this; child.repeat = this;
dojo.event.connect(result, "onclick", function(event) dojo.event.connect(result, "onclick", function(event)
@@ -812,62 +846,41 @@ dojo.declare("alfresco.xforms.Repeat",
}); });
result.style.border = "1px solid black"; result.style.border = "1px solid black";
child.repeatControls = document.createElement("div");
if (result.nextSibling) if (result.nextSibling)
result.parentNode.insertBefore(child.repeatControls, result.nextSibling); result.parentNode.insertBefore(this.repeatControls[position], result.nextSibling);
else else
result.parentNode.appendChild(child.repeatControls); result.parentNode.appendChild(this.repeatControls[position]);
var images = [ this.repeatControls[position].style.position = "relative";
{ src: "plus", action: this._insertRepeatItemAfter_handler }, this.repeatControls[position].style.width = repeatControlsWidth + "px";
{ src: "arrow_up", action: this._moveRepeatItemUp_handler }, this.repeatControls[position].style.whiteSpace = "nowrap";
{ src: "arrow_down", action: this._moveRepeatItemDown_handler }, this.repeatControls[position].style.border = "1px solid black";
{ src: "minus", action: this._removeRepeatItem_handler } this.repeatControls[position].style.height = "20px";
]; this.repeatControls[position].style.lineHeight = "20px";
var repeatControlsWidth = 0; this.repeatControls[position].style.backgroundColor = result.style.backgroundColor;
for (var i = 0; i < images.length; i++) result.style.paddingBottom = (.5 * this.repeatControls[position].offsetHeight) + "px";
{
var img = document.createElement("img");
img.setAttribute("src", (WEBAPP_CONTEXT + "/images/icons/" +
images[i].src + ".gif"));
img.style.width = "16px";
img.style.height = "16px";
img.style.marginLeft = (i == 0 ? 5 : 0) + "px";
img.style.marginRight = "5px";
img.style.marginTop = "2px";
img.style.marginBottom = "2px";
img.repeatItem = child;
img.repeat = this;
repeatControlsWidth += (parseInt(img.style.width) +
parseInt(img.style.marginRight) +
parseInt(img.style.marginLeft));
child.repeatControls.appendChild(img);
dojo.event.connect(img, "onclick", this, images[i].action);
}
child.repeatControls.style.position = "relative";
child.repeatControls.style.width = repeatControlsWidth + "px";
child.repeatControls.style.whiteSpace = "nowrap"; this.repeatControls[position].style.top = -(.5 * (this.repeatControls[position].offsetHeight ) +
child.repeatControls.style.border = "1px solid black"; parseInt(result.style.marginBottom) +
child.repeatControls.style.height = "20px"; parseInt(result.style.borderBottomWidth)) + "px";
child.repeatControls.style.lineHeight = "20px"; this.repeatControls[position].style.marginRight =
child.repeatControls.style.backgroundColor = result.style.backgroundColor; (.5 * result.offsetWidth -
result.style.paddingBottom = (.5 * child.repeatControls.offsetHeight) + "px"; .5 * this.repeatControls[position].offsetWidth) + "px";
child.repeatControls.style.top = -(.5 * (child.repeatControls.offsetHeight ) + this.repeatControls[position].style.marginLeft =
parseInt(result.style.marginBottom) + (.5 * result.offsetWidth -
parseInt(result.style.borderBottomWidth)) + "px"; .5 * this.repeatControls[position].offsetWidth) + "px";
child.repeatControls.style.marginLeft = (.5 * result.offsetWidth -
.5 * child.repeatControls.offsetWidth) + "px";
child.repeatControls.style.marginRight = (.5 * result.offsetWidth -
.5 * child.repeatControls.offsetWidth) + "px";
// alert(child.repeatControls.style.marginRight);
// child.repeatControls.style.marginRight = "50%";
return result; return result;
}, },
removeChildAt: function(position)
{
var result = this.inherited("removeChildAt", [ position ]);
this.repeatControls[position].style.display = "none";
dojo.dom.removeChildren(this.repeatControls[position]);
dojo.dom.removeNode(this.repeatControls[position]);
this.repeatControls.splice(position, 1);
return result;
},
getSelectedIndex: function() getSelectedIndex: function()
{ {
this._selectedIndex = Math.min(this.children.length - 1, this._selectedIndex); this._selectedIndex = Math.min(this.children.length - 1, this._selectedIndex);
@@ -915,41 +928,50 @@ dojo.declare("alfresco.xforms.Repeat",
_insertRepeatItemAfter_handler: function(event) _insertRepeatItemAfter_handler: function(event)
{ {
dojo.event.browser.stopEvent(event); dojo.event.browser.stopEvent(event);
this.setFocusedChild(event.target.repeatItem); var repeat = event.target.repeat;
var index = repeat.repeatControls.indexOf(event.target.parentNode);
var repeatItem = repeat.getChildAt(index);
this.setFocusedChild(repeatItem);
var trigger = this._getRepeatItemTrigger("insert", { position: "after" }); var trigger = this._getRepeatItemTrigger("insert", { position: "after" });
this.xform.fireAction(trigger.id); this.xform.fireAction(trigger.id);
}, },
_insertRepeatItemBefore_handler: function(event) _headerInsertRepeatItemBefore_handler: function(event)
{ {
dojo.event.browser.stopEvent(event); if (this.children.length == 0)
this.setFocusedChild(event.target.repeatItem); {
var trigger = this._getRepeatItemTrigger("insert", { position: "before" }); dojo.event.browser.stopEvent(event);
this.xform.fireAction(trigger.id); this.setFocusedChild(null);
var trigger = this._getRepeatItemTrigger("insert", { position: "before" });
this.xform.fireAction(trigger.id);
}
}, },
_removeRepeatItem_handler: function(event) _removeRepeatItem_handler: function(event)
{ {
dojo.event.browser.stopEvent(event); dojo.event.browser.stopEvent(event);
this.setFocusedChild(event.target.repeatItem); var repeat = event.target.repeat;
var index = repeat.repeatControls.indexOf(event.target.parentNode);
var repeatItem = repeat.getChildAt(index);
this.setFocusedChild(repeatItem);
var trigger = this._getRepeatItemTrigger("delete", {}); var trigger = this._getRepeatItemTrigger("delete", {});
this.xform.fireAction(trigger.id); this.xform.fireAction(trigger.id);
}, },
_moveRepeatItemUp_handler: function(event) _moveRepeatItemUp_handler: function(event)
{ {
dojo.event.browser.stopEvent(event); dojo.event.browser.stopEvent(event);
var r = event.target.repeat; var repeat = event.target.repeat;
var index = r.getChildIndex(event.target.repeatItem); var index = repeat.repeatControls.indexOf(event.target.parentNode);
if (index == 0 || r.children.length == 1) if (index == 0 || repeat.children.length == 1)
return; return;
event.target.repeat.swapChildren(index, index - 1); repeat.swapChildren(index, index - 1);
}, },
_moveRepeatItemDown_handler: function(event) _moveRepeatItemDown_handler: function(event)
{ {
dojo.event.browser.stopEvent(event); dojo.event.browser.stopEvent(event);
var r = event.target.repeat; var repeat = event.target.repeat;
var index = r.getChildIndex(event.target.repeatItem); var index = repeat.repeatControls.indexOf(event.target.parentNode);
if (index == r.children.length - 1 || r.children.length == 1) if (index == repeat.children.length - 1 || repeat.children.length == 1)
return; return;
event.target.repeat.swapChildren(index, index + 1); repeat.swapChildren(index, index + 1);
}, },
swapChildren: function(fromIndex, toIndex) swapChildren: function(fromIndex, toIndex)
{ {
@@ -957,21 +979,11 @@ dojo.declare("alfresco.xforms.Repeat",
", " + toIndex + ")"); ", " + toIndex + ")");
var fromChild = this.getChildAt(fromIndex); var fromChild = this.getChildAt(fromIndex);
var toChild = this.getChildAt(toIndex); var toChild = this.getChildAt(toIndex);
// var toChildCoords = dojo.style.getAbsolutePosition(toChild.domContainer);
// toChildCoords = [ toChildCoords.x, toChildCoords.y ];
// alert("to coords [ " + toChildCoords[0] + ", " + toChildCoords[0] + "]");
// var fromChildCoords = dojo.style.getAbsolutePosition(fromChild.domContainer);
// fromChildCoords = [ fromChildCoords.x, fromChildCoords.y ];
// alert("from coords [ " + fromChildCoords[0] + ", " + fromChildCoords[0] + "]");
// dojo.lfx.html.slideTo(fromChild.domContainer, 5000, toChildCoords);
// dojo.lfx.html.slideTo(toChild.domContainer, 5000, fromChildCoords);
var swapNode = document.createElement("div"); var swapNode = document.createElement("div");
// dojo.dom.removeNode(toChild.domContainer); this.domNode.childContainerNode.replaceChild(swapNode, fromChild.domContainer);
// dojo.dom.removeNode(fromChild.domContainer); this.domNode.childContainerNode.replaceChild(fromChild.domContainer, toChild.domContainer);
this.domNode.replaceChild(swapNode, fromChild.domContainer); this.domNode.childContainerNode.replaceChild(toChild.domContainer, swapNode);
this.domNode.replaceChild(fromChild.domContainer, toChild.domContainer);
this.domNode.replaceChild(toChild.domContainer, swapNode);
this.children[fromIndex] = toChild; this.children[fromIndex] = toChild;
this.children[toIndex] = fromChild; this.children[toIndex] = fromChild;
@@ -1052,16 +1064,19 @@ dojo.declare("alfresco.xforms.Repeat",
this.groupHeaderNode.appendChild(document.createTextNode(label)); this.groupHeaderNode.appendChild(document.createTextNode(label));
var addElement = document.createElement("img"); this.headerInsertRepeatItemImage = document.createElement("img");
this.groupHeaderNode.appendChild(addElement); this.groupHeaderNode.appendChild(this.headerInsertRepeatItemImage);
addElement.setAttribute("src", WEBAPP_CONTEXT + "/images/icons/plus.gif"); this.headerInsertRepeatItemImage.setAttribute("src", WEBAPP_CONTEXT + "/images/icons/plus.gif");
addElement.style.width = "16px"; this.headerInsertRepeatItemImage.style.width = "16px";
addElement.style.height = "16px"; this.headerInsertRepeatItemImage.style.height = "16px";
addElement.align = "absmiddle"; this.headerInsertRepeatItemImage.align = "absmiddle";
addElement.style.marginLeft = "5px"; this.headerInsertRepeatItemImage.style.marginLeft = "5px";
// addElement.style.opacity = .2; // addElement.style.opacity = .2;
dojo.event.connect(addElement, "onclick", this, this._insertRepeatItemBefore_handler); dojo.event.connect(this.headerInsertRepeatItemImage,
"onclick",
this,
this._headerInsertRepeatItemBefore_handler);
return this.domNode; return this.domNode;
}, },
@@ -1105,11 +1120,32 @@ dojo.declare("alfresco.xforms.Repeat",
if (expanded == this.isExpanded()) if (expanded == this.isExpanded())
return; return;
this.toggleExpandedImage.src = expanded ? EXPANDED_IMAGE.src : COLLAPSED_IMAGE.src; this.toggleExpandedImage.src = expanded ? EXPANDED_IMAGE.src : COLLAPSED_IMAGE.src;
this.childContainerNode.style.display = expanded ? "block" : "none"; this.domNode.childContainerNode.style.display = expanded ? "block" : "none";
}, },
_toggleExpanded_clickHandler: function(event) _toggleExpanded_clickHandler: function(event)
{ {
this.setExpanded(!this.isExpanded()) this.setExpanded(!this.isExpanded())
},
_updateRepeatControls: function()
{
for (var i = 0; i < this.repeatControls.length; i++)
{
this.repeatControls[i].moveRepeatItemUpImage.style.opacity = i == 0 ? .3 : 1;
this.repeatControls[i].moveRepeatItemDownImage.style.opacity = i == this.repeatControls.length - 1 ? .3 : 1;
}
},
_childAddedListener: function(event)
{
this.widget.headerInsertRepeatItemImage.style.opacity = .3;
this.widget._updateRepeatControls();
},
_childRemovedListener: function(event)
{
if (this.widget.children.length == 0)
{
this.widget.headerInsertRepeatItemImage.style.opacity = 1;
}
this.widget._updateRepeatControls();
} }
}); });
@@ -1120,6 +1156,10 @@ dojo.declare("alfresco.xforms.Trigger",
{ {
// this.inherited("initializer", [ xform, xformsNode ]); // this.inherited("initializer", [ xform, xformsNode ]);
}, },
isValidForSubmit: function()
{
return true;
},
render: function(attach_point) render: function(attach_point)
{ {
var nodeRef = document.createElement("div"); var nodeRef = document.createElement("div");