[seam-commits] Seam SVN: r11907 - in modules/remoting/trunk/examples/model/src/main: webapp and 1 other directories.

Author: shane.bryzak(a)jboss.com Date: 2010-01-04 01:13:21 -0500 (Mon, 04 Jan 2010) New Revision: 11907 Added: modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Address.java modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Person.java modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/PersonAction.java modules/remoting/trunk/examples/model/src/main/webapp/tree.css modules/remoting/trunk/examples/model/src/main/webapp/tree.js modules/remoting/trunk/examples/model/src/main/webapp/tree_images/ modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-closed.png modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-open.png modules/remoting/trunk/examples/model/src/main/webapp/tree_images/leafnode.png modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_branch.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_end.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_middle.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_end.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_middle.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_none.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_start.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_end.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_middle.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_none.gif modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_start.gif Modified: modules/remoting/trunk/examples/model/src/main/webapp/model.html Log: add resources for example Added: modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Address.java =================================================================== --- modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Address.java (rev 0) +++ modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Address.java 2010-01-04 06:13:21 UTC (rev 11907) @@ -0,0 +1,96 @@ +package org.jboss.seam.remoting.examples.model; + +import java.io.Serializable; + +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; + +@Entity +public class Address implements Serializable +{ + private static final long serialVersionUID = 6871342053292770838L; + + private Integer addressId; + private Person person; + private Integer streetNo; + private String streetName; + private String suburb; + private String postCode; + private String country; + + @Id @GeneratedValue + public Integer getAddressId() + { + return addressId; + } + + public void setAddressId(Integer addressId) + { + this.addressId = addressId; + } + + @ManyToOne(optional = false) + @JoinColumn(name = "PERSON_ID") + public Person getPerson() + { + return person; + } + + public void setPerson(Person person) + { + this.person = person; + } + + public Integer getStreetNo() + { + return streetNo; + } + + public void setStreetNo(Integer streetNo) + { + this.streetNo = streetNo; + } + + public String getStreetName() + { + return streetName; + } + + public void setStreetName(String streetName) + { + this.streetName = streetName; + } + + public String getSuburb() + { + return suburb; + } + + public void setSuburb(String suburb) + { + this.suburb = suburb; + } + + public String getPostCode() + { + return postCode; + } + + public void setPostCode(String postCode) + { + this.postCode = postCode; + } + + public String getCountry() + { + return country; + } + + public void setCountry(String country) + { + this.country = country; + } +} Added: modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Person.java =================================================================== --- modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Person.java (rev 0) +++ modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/Person.java 2010-01-04 06:13:21 UTC (rev 11907) @@ -0,0 +1,76 @@ +package org.jboss.seam.remoting.examples.model; + +import java.io.Serializable; +import java.util.Collection; +import java.util.Date; + +import javax.persistence.Entity; +import javax.persistence.FetchType; +import javax.persistence.GeneratedValue; +import javax.persistence.Id; +import javax.persistence.OneToMany; + +@Entity +public class Person implements Serializable +{ + private static final long serialVersionUID = 5652755541082449920L; + + private Integer personId; + private String firstName; + private String lastName; + private Date dateOfBirth; + + private Collection<Address> addresses; + + @Id @GeneratedValue + public Integer getPersonId() + { + return personId; + } + + public void setPersonId(Integer personId) + { + this.personId = personId; + } + + public String getFirstName() + { + return firstName; + } + + public void setFirstName(String firstName) + { + this.firstName = firstName; + } + + public String getLastName() + { + return lastName; + } + + public void setLastName(String lastName) + { + this.lastName = lastName; + } + + public Date getDateOfBirth() + { + return dateOfBirth; + } + + public void setDateOfBirth(Date dateOfBirth) + { + this.dateOfBirth = dateOfBirth; + } + + @OneToMany(fetch = FetchType.LAZY, mappedBy = "person") + public Collection<Address> getAddresses() + { + return addresses; + } + + public void setAddresses(Collection<Address> addresses) + { + this.addresses = addresses; + } +} Added: modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/PersonAction.java =================================================================== --- modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/PersonAction.java (rev 0) +++ modules/remoting/trunk/examples/model/src/main/java/org/jboss/seam/remoting/examples/model/PersonAction.java 2010-01-04 06:13:21 UTC (rev 11907) @@ -0,0 +1,55 @@ +package org.jboss.seam.remoting.examples.model; + +import java.io.Serializable; + +import javax.enterprise.context.Conversation; +import javax.enterprise.context.ConversationScoped; +import javax.inject.Inject; +import javax.persistence.EntityManager; +import javax.persistence.PersistenceContext; + +import org.jboss.seam.remoting.annotations.WebRemote; + +@ConversationScoped +public class PersonAction implements Serializable +{ + private static final long serialVersionUID = -1923705862231821692L; + @PersistenceContext EntityManager entityManager; + @Inject Conversation conversation; + + private Person person; + + @WebRemote + public void createPerson() + { + conversation.begin(); + person = new Person(); + } + + @WebRemote + public void editPerson(Integer personId) + { + conversation.begin(); + person = entityManager.find(Person.class, personId); + } + + @WebRemote + public void savePerson() throws Exception + { + if (person.getPersonId() == null) + { + entityManager.persist(person); + } + else + { + person = entityManager.merge(person); + } + + conversation.end(); + } + + public Person getPerson() + { + return person; + } +} Modified: modules/remoting/trunk/examples/model/src/main/webapp/model.html =================================================================== --- modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 02:09:18 UTC (rev 11906) +++ modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 06:13:21 UTC (rev 11907) @@ -4,6 +4,7 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Seam Remoting - Model Example</title> + <link href="tree.css" rel="stylesheet" type="text/css"/> </head> <body> @@ -11,6 +12,7 @@ <h1>Seam Remoting - Model Example</h1> <script type="text/javascript" src="seam/resource/remoting/resource/remote.js?compress=true"></script> + <script type="text/javascript" src="tree.js"></script> <script type="text/javascript"> //<![CDATA[ @@ -52,6 +54,21 @@ callback); } + var tm = new xw.controls.TreeModel(new xw.controls.TreeNode("Root")); + + var abc = new xw.controls.TreeNode("ABC"); + tm.getRoot().add(abc); + + abc.add(new xw.controls.TreeNode("123", true)); + abc.add(new xw.controls.TreeNode("456", true)); + + var def = new xw.controls.TreeNode("DEF"); + tm.getRoot().add(def); + + def.add(new xw.controls.TreeNode("xxx", true)); + def.add(new xw.controls.TreeNode("yyy", true)); + def.add(new xw.controls.TreeNode("zzz", true)); + // ]]> </script> @@ -62,7 +79,15 @@ <button onclick="javascript:modifyPerson()">Modify person</button> <button onclick="javascript:applyUpdates()">Apply updates</button> + <div id="tree" style="position:absolute;left:10;width:300px;height:400px;border:1px solid #999999;overflow:auto"></div> + <script type="text/javascript"> + //<![CDATA[ + var t = new xw.controls.Tree("tree", tm); + t.paint(); + // ]]> + </script> + </body> </html> Added: modules/remoting/trunk/examples/model/src/main/webapp/tree.css =================================================================== --- modules/remoting/trunk/examples/model/src/main/webapp/tree.css (rev 0) +++ modules/remoting/trunk/examples/model/src/main/webapp/tree.css 2010-01-04 06:13:21 UTC (rev 11907) @@ -0,0 +1,116 @@ +div.treePlusStart { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/plus_middle.gif') no-repeat left top; +} + +div.treePlusMiddle { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/plus_middle.gif') no-repeat left top; +} + +div.treePlusEnd { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/plus_end.gif') no-repeat left top; +} + +div.treePlusNone { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/plus_none.gif') no-repeat left top; +} + +div.treeMinusStart { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/minus_start.gif') no-repeat left top; +} + +div.treeMinusMiddle { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/minus_middle.gif') no-repeat left top; +} + +div.treeMinusEnd { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/minus_end.gif') no-repeat left top; +} + +div.treeMinusNone { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/minus_none.gif') no-repeat left top; +} + +div.treeLeaf { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/leafnode.png') no-repeat left top; +} + +div.treeFolderOpen { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/folder-open.png') no-repeat left top; +} + +div.treeFolderClosed { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/folder-closed.png') no-repeat left top; +} + +div.treeLineMiddle { + width: 18px; + height: 100%; + position: static; + border: 0px; + background: url('tree_images/line_middle.gif') repeat-y left top; +} + +div.treeLineBranch { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/line_branch.gif') no-repeat left top; +} + +div.treeLineEnd { + width: 18px; + height: 18px; + position: static; + background: url('tree_images/line_end.gif') no-repeat left top; +} + +span.selected { + font-family: helvetica; + font-size: x-small; + padding-top: 0px; + margin-top: 0px; + color: #ffffff; + background-color: #000077; + text-align: left; +} + +span.unselected { + font-family: helvetica; + font-size: x-small; + padding-top: 0px; + margin-top: 0px; + text-align: left; +} Added: modules/remoting/trunk/examples/model/src/main/webapp/tree.js =================================================================== --- modules/remoting/trunk/examples/model/src/main/webapp/tree.js (rev 0) +++ modules/remoting/trunk/examples/model/src/main/webapp/tree.js 2010-01-04 06:13:21 UTC (rev 11907) @@ -0,0 +1,710 @@ +/** + * Tree control + * + * @author Shane Bryzak + */ + +//Package("xw.controls"); +xw = new Object(); +xw.controls = new Object(); + +// TODO - fully qualified naming is way too verbose, make it shorter somehow + +xw.controls.TreeModel = function(rootNode) +{ + this.rootNode = rootNode; + this.rootNode.setModel(this); + this.tree = null; + var p = xw.controls.TreeModel.prototype; + + p.getChild = function(parent, index) + { + return parent.getChildAt(index); + } + + p.getChildCount = function(parent) + { + return parent.getChildCount(); + } + + p.getIndexOfChild = function(parent, child) + { + return parent.getIndex(child); + } + + p.getRoot = function() + { + return this.rootNode; + } + + p.isLeaf = function(node) + { + return node.isLeaf(); + } + + p.setTree = function(tree) + { + this.tree = tree; + } + + p.findNodeByObject = function(object) + { + return xw.controls.TreeModel.searchChildrenForObject(this.rootNode, object); + } + + xw.controls.TreeModel.searchChildrenForObject = function(node, object) + { + for (var i = 0; i < node.getChildCount(); i++) + { + var childNode = node.getChildAt(i); + if (childNode.getUserObject() == object) + return childNode; + else if (childNode.getChildCount() > 0) + { + grandChild = xw.controls.TreeModel.searchChildrenForObject(childNode, object); + if (grandChild != null) + return grandChild; + } + } + return null; + } +} + +xw.controls.TreeNode = function(value, leaf, userObject) +{ + this.value = value; + this.leaf = leaf ? leaf : false; + this.userObject = userObject ? userObject : null; + this.children = new Array(); + this.parent = null; + this.expanded = false; + this.model = null; + + xw.controls.TreeNode.prototype.getUserObject = function() + { + return this.userObject; + } + + xw.controls.TreeNode.prototype.setUserObject = function(obj) + { + this.userObject = obj; + } + + xw.controls.TreeNode.prototype.setModel = function(model) + { + this.model = model; + } + + xw.controls.TreeNode.prototype.add = function(node) + { + node.parent = this; + this.children.push(node); + node.setModel(this.model); + } + + xw.controls.TreeNode.prototype.children = function() + { + return this.children; + } + + xw.controls.TreeNode.prototype.getChildAt = function(index) + { + return this.children[index]; + } + + xw.controls.TreeNode.prototype.getChildCount = function() + { + return this.children.length; + } + + xw.controls.TreeNode.prototype.getIndex = function(node) + { + for (var i = 0; i < this.children.length; i++) + { + if (this.children[i] == node) + return i; + } + return -1; + } + + xw.controls.TreeNode.prototype.getParent = function() + { + return this.parent; + } + + xw.controls.TreeNode.prototype.isLeaf = function() + { + return this.leaf; + } + + xw.controls.TreeNode.prototype.remove = function(node) + { + var found = false; + for (var i = 0; i < this.children.length; i++) + { + if (this.children[i] == node) + found = true; + if (found && i < this.children.length - 1) + this.children[i] = this.children[i + 1]; + } + if (found) + { + this.children.length = this.children.length - 1; + this.model.tree.renderer.removeNode(node); + } + } +} + +xw.controls.Tree = function(container, model) +{ + this.container = (typeof(container) == "object") ? container : document.getElementById(container); + this.rootVisible = false; + this.model = model; + model.setTree(this); + this.renderer = new xw.controls.DefaultCellRenderer(); + this.onSelect = null; + this.onDragDrop = null; + this.selectedNode = null; + + xw.controls.Tree.prototype.isRootVisible = function() + { + return this.rootVisible; + } + + xw.controls.Tree.prototype.setRootVisible = function(visible) + { + this.rootVisible = visible; + } + + xw.controls.Tree.prototype.paint = function() + { + this.renderer.render(this.container, this.model.getRoot(), true); + } + + xw.controls.Tree.prototype.repaintNode = function(node) + { + this.renderer.render(null, node, true); + } + + xw.controls.Tree.prototype.getModel = function() + { + return this.model; + } + + xw.controls.Tree.prototype.selectNode = function(node) + { + if (this.selectedNode) + this.renderer.renderSelected(this.selectedNode, false); + this.selectedNode = node; + this.renderer.renderSelected(node, true); + if (this.onSelect) + this.onSelect(node); + } + + xw.controls.Tree.prototype.initiateDragDrop = function(sourceNode, targetNode) + { + if ((this.onDragDrop && this.onDragDrop(sourceNode, targetNode)) || !this.onDragDrop) + this.moveNode(sourceNode, targetNode); + } + + xw.controls.Tree.prototype.moveNode = function(sourceNode, targetNode) + { + var sourceParent = sourceNode.getParent(); + if (sourceParent != targetNode) + { + sourceParent.remove(sourceNode); + + targetNode.add(sourceNode); + + targetNode.childrenCell.appendChild(sourceNode.tableCtl); + this.repaintNode(sourceParent); + + targetNode.expanded = true; + this.repaintNode(targetNode); + } + } +} + +xw.controls.Tree.mouseDownNode = null; +xw.controls.Tree.draggedNode = null; +xw.controls.Tree.mouseDownStartPos = null; +xw.controls.Tree.dragThreshold = 5; +xw.controls.Tree.dragDiv = null; +xw.controls.Tree.targetNode = null; + +xw.controls.Tree.util = new Object(); +xw.controls.Tree.util.addEvent = function(ctl, event, func) +{ + if (navigator.userAgent.indexOf("MSIE") != -1) + ctl.attachEvent("on" + event, func); + else + ctl.addEventListener(event, func, true); +} + +xw.controls.Tree.util.removeEvent = function(ctl, event, func) +{ + if (navigator.userAgent.indexOf("MSIE") != -1) + ctl.detachEvent("on" + event, func); + else + ctl.removeEventListener(event, func, true); +} + +xw.controls.Tree.util.cancelEventBubble = function(event) +{ + if (navigator.userAgent.indexOf("MSIE") != -1) + { + window.event.cancelBubble = true; + window.event.returnValue = false; + } + else + event.preventDefault(); +} + +xw.controls.Tree.util.setOpacity = function(ctl, percent) +{ + if (navigator.userAgent.indexOf("MSIE") != -1) + ctl.style.filter = "alpha(opacity=" + percent + ")"; + else + ctl.style.MozOpacity = percent / 100; +} + +xw.controls.Tree.util.fades = new Array(); +xw.controls.Tree.util.fading = false; + +xw.controls.Tree.util.startFade = function(fade) +{ + fade.valid = true; + + if (fade.value == 0) + fade.control.style.display = ""; + + xw.controls.Tree.util.fades.push(fade); + + if (!xw.controls.Tree.util.fading) + xw.controls.Tree.util.processFades(); +} + +xw.controls.Tree.util.fadeIn = function(ctl, step) +{ + xw.controls.Tree.util.setOpacity(ctl, 0); + xw.controls.Tree.util.startFade({control:ctl,value:0,step:step}); +} + +xw.controls.Tree.util.fadeOut = function(ctl, step, onComplete) +{ + xw.controls.Tree.util.setOpacity(ctl, 100); + xw.controls.Tree.util.startFade({control:ctl,value:100,step:-1 * step,onComplete:onComplete}); +} + +xw.controls.Tree.util.processFades = function() +{ + xw.controls.Tree.util.fading = true; + + for (var i = 0; i < xw.controls.Tree.util.fades.length; i++) + { + var fade = xw.controls.Tree.util.fades[i]; + var done = false; + + if (fade.step < 0) // Fade out + { + xw.controls.Tree.util.setOpacity(fade.control, Math.max(fade.value, 0)); + if (fade.value < 0) + done = true; + } + else if (fade.step > 0) // Fade in + { + xw.controls.Tree.util.setOpacity(fade.control, Math.min(fade.value, 100)); + if (fade.value > 100) + done = true; + } + + if (done) + { + xw.controls.Tree.util.fades.splice(i, 1); + if (fade.onComplete) + fade.onComplete(); + } + fade.value += fade.step; + } + + if (xw.controls.Tree.util.fades.length > 0) + setTimeout("xw.controls.Tree.util.processFades()", 50); + else + xw.controls.Tree.util.fading = false; +} + +xw.controls.Tree.util.getMousePos = function(event) +{ + var x, y; + if (navigator.userAgent.indexOf("MSIE") != -1) + { + x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; + y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; + } + else + { + x = event.clientX + window.scrollX; + y = event.clientY + window.scrollY; + } + return { x:x, y:y }; +}; + +xw.controls.Tree.util.calcDistance = function(pos1, pos2) +{ + var deltaX = Math.abs(pos1.x - pos2.x); + var deltaY = Math.abs(pos1.y - pos2.y); + return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2)); +} + +xw.controls.Tree.onMouseDown = function(event, node) +{ + xw.controls.Tree.mouseDownStartPos = xw.controls.Tree.util.getMousePos(event); + xw.controls.Tree.mouseDownNode = node; + xw.controls.Tree.util.addEvent(document, "mousemove", xw.controls.Tree.onMouseMove); + xw.controls.Tree.util.addEvent(document, "mouseup", xw.controls.Tree.onMouseUp); + + xw.controls.Tree.util.cancelEventBubble(event); +} + +xw.controls.Tree.onMouseMove = function(event) +{ + if (xw.controls.Tree.draggedNode == null) + { + var distance = xw.controls.Tree.util.calcDistance(xw.controls.Tree.util.getMousePos(event), xw.controls.Tree.mouseDownStartPos); + if (distance > xw.controls.Tree.dragThreshold) + { + xw.controls.Tree.draggedNode = xw.controls.Tree.mouseDownNode; + if (xw.controls.Tree.dragDiv == null) + { + xw.controls.Tree.targetNode = null; + xw.controls.Tree.dragDiv = document.createElement("div"); + xw.controls.Tree.dragDiv.style.position = "absolute"; + xw.controls.Tree.util.setOpacity(xw.controls.Tree.dragDiv, 40); + window.document.body.appendChild(xw.controls.Tree.dragDiv); + } + + xw.controls.Tree.draggedNode.renderer.renderClone(xw.controls.Tree.dragDiv, xw.controls.Tree.draggedNode); + xw.controls.Tree.dragDiv.style.display = ""; + var pos = xw.controls.Tree.util.getMousePos(event); + xw.controls.Tree.dragDiv.style.left = (pos.x + 10) + "px"; + xw.controls.Tree.dragDiv.style.top = pos.y + "px"; + } + } + else + { + var pos = xw.controls.Tree.util.getMousePos(event); + xw.controls.Tree.dragDiv.style.left = (pos.x + 10) + "px"; + xw.controls.Tree.dragDiv.style.top = pos.y + "px"; + } +} + +xw.controls.Tree.onMouseUp = function(event) +{ + xw.controls.Tree.util.removeEvent(document, "mousemove", xw.controls.Tree.onMouseMove); + xw.controls.Tree.util.removeEvent(document, "mouseup", xw.controls.Tree.onMouseUp); + + xw.controls.Tree.mouseDownStartPos = null; + + if (xw.controls.Tree.dragDiv) + xw.controls.Tree.dragDiv.style.display = "none"; + + if (xw.controls.Tree.targetNode) + { + xw.controls.Tree.targetNode.renderer.renderSelected(xw.controls.Tree.targetNode, false); + xw.controls.Tree.draggedNode.model.tree.initiateDragDrop(xw.controls.Tree.draggedNode, xw.controls.Tree.targetNode); + } + else if (xw.controls.Tree.mouseDownNode.model && xw.controls.Tree.mouseDownNode.model.tree && !xw.controls.Tree.draggedNode) + xw.controls.Tree.mouseDownNode.model.tree.selectNode(xw.controls.Tree.mouseDownNode); + + xw.controls.Tree.targetNode = null; + xw.controls.Tree.draggedNode = null; + + xw.controls.Tree.util.cancelEventBubble(event); +} + +xw.controls.Tree.onMouseOver = function(event, node) +{ + if (xw.controls.Tree.draggedNode && xw.controls.Tree.draggedNode != node && !node.isLeaf() && xw.controls.Tree.draggedNode.getParent() != node) + { + node.renderer.renderSelected(node, true); + xw.controls.Tree.targetNode = node; + } +} + +xw.controls.Tree.onMouseOut = function(event, node) +{ + if (xw.controls.Tree.draggedNode && xw.controls.Tree.draggedNode != node && !node.isLeaf()) + { + node.renderer.renderSelected(node, false); + if (xw.controls.Tree.targetNode == node) + xw.controls.Tree.targetNode = null; + } +} + +xw.controls.DefaultCellRenderer = function() +{ + this.plusStartClass = "treePlusStart"; + this.plusMiddleClass = "treePlusMiddle"; + this.plusEndClass = "treePlusEnd"; + this.plusNoneClass = "treePlusNone"; + + this.minusStartClass = "treeMinusStart"; + this.minusMiddleClass = "treeMinusMiddle"; + this.minusEndClass = "treeMinusEnd"; + this.minusNoneClass = "treeMinusNone"; + + this.lineMiddleClass = "treeLineMiddle"; + this.lineEndClass = "treeLineEnd"; + this.lineBranchClass = "treeLineBranch"; + + this.leafClass = "treeLeaf"; + this.folderOpenClass = "treeFolderOpen"; + this.folderClosedClass = "treeFolderClosed"; + + this.onRender = false; + + xw.controls.DefaultCellRenderer.prototype.removeNode = function(node) + { + node.parent.childrenCell.removeChild(node.tableCtl); + } + + xw.controls.DefaultCellRenderer.prototype.render = function(container, node, renderChildren) + { + if (!node.tableCtl) + { + node.renderer = this; + + node.tableCtl = document.createElement("table"); + node.tableCtl.cellSpacing = 0; + node.tableCtl.cellPadding = 0; + + node.headerRow = node.tableCtl.insertRow(-1); + + node.branchCell = node.headerRow.insertCell(-1); + node.iconCell = node.headerRow.insertCell(-1); + node.contentCell = node.headerRow.insertCell(-1); + + node.contentCell.style.textAlign = "left"; + node.contentCell.style.whiteSpace = "nowrap"; + node.contentCell.style.cursor = "pointer"; + node.contentCell.style.verticalAlign = "middle"; + + node.branchDiv = document.createElement("div"); + + var toggleFunction = function(event) { node.expanded = !node.expanded; node.renderer.toggle(node); }; + + xw.controls.Tree.util.addEvent(node.branchDiv, "mousedown", toggleFunction); + + node.branchCell.appendChild(node.branchDiv); + + node.iconDiv = document.createElement("div"); + node.iconDiv.style.position = "static"; + + node.iconCell.style.width = "1px"; + node.iconCell.appendChild(node.iconDiv); + + node.content = document.createElement("span"); + node.content.className = "unselected"; + node.contentText = document.createTextNode(node.value); + node.content.appendChild(node.contentText); + + node.contentCell.appendChild(node.content); + + node.childrenRow = node.tableCtl.insertRow(-1); + node.childBranchCell = node.childrenRow.insertCell(-1); + + node.childBranchDiv = document.createElement("div"); + node.childBranchCell.appendChild(node.childBranchDiv); + + node.childrenCell = node.childrenRow.insertCell(-1); + node.childrenCell.colSpan = 2; + + var mouseDownFunction = function(event) { xw.controls.Tree.onMouseDown(event, node); }; + xw.controls.Tree.util.addEvent(node.iconDiv, "mousedown", mouseDownFunction); + xw.controls.Tree.util.addEvent(node.contentCell, "mousedown", mouseDownFunction); + + var mouseOverFunction = function(event) { xw.controls.Tree.onMouseOver(event, node); }; + xw.controls.Tree.util.addEvent(node.iconDiv, "mouseover", mouseOverFunction); + xw.controls.Tree.util.addEvent(node.contentCell, "mouseover", mouseOverFunction); + + var mouseOutFunction = function(event) { xw.controls.Tree.onMouseOut(event, node); }; + xw.controls.Tree.util.addEvent(node.iconDiv, "mouseout", mouseOutFunction); + xw.controls.Tree.util.addEvent(node.contentCell, "mouseout", mouseOutFunction); + } + + node.contentText.nodeValue = node.value; + + if (container) + { + var inContainer = false; + for (var i = 0; i < container.childNodes.length; i++) + { + if (container.childNodes[i] == node.tableCtl) + { + inContainer = true; + break; + } + } + + if (!inContainer) + container.appendChild(node.tableCtl); + } + + if (!node.isLeaf() && renderChildren) + { + for (var i = 0; i < node.getChildCount(); i++) + this.render(node.childrenCell, node.getChildAt(i), true); + } + + // Reset the child branch div height + node.childBranchDiv.style.height = "100%"; + + var expanded = node.expanded && (node.getChildCount() > 0); +// node.childrenRow.style.display = expanded ? "" : "none"; + + if (node.isLeaf()) + { + if (node.getParent() == null) + node.branchDiv.className = this.lineBranchClass; + else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1) + node.branchDiv.className = this.lineEndClass; + else + node.branchDiv.className = this.lineBranchClass; + + node.iconDiv.className = this.leafClass; + } + else + { + if (node.getParent() == null) + { + if (node.getChildCount() > 0) + node.branchDiv.className = expanded ? this.minusNoneClass : this.plusNoneClass; + else + node.branchDiv.className = ""; + } + else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1) + { + if (node.getChildCount() > 0) + { + node.branchDiv.className = expanded ? this.minusEndClass : this.plusEndClass; + node.childBranchDiv.className = ""; + node.childBranchDiv.style.width = "100%"; + } + else + node.branchDiv.className = this.lineEndClass; + } + else + { + if (node.getChildCount() > 0) + { + node.childBranchDiv.className = this.lineMiddleClass; + node.childBranchDiv.style.height = node.childBranchCell.offsetHeight + "px"; + + node.branchDiv.className = expanded ? this.minusMiddleClass : this.plusMiddleClass; + } + else + node.branchDiv.className = this.lineBranchClass; + } + node.iconDiv.className = expanded ? this.folderOpenClass : this.folderClosedClass; + } + + if (node.getParent()) + node.renderer.render(null, node.getParent()); + + if (this.onRender) + this.onRender(node); + + node.childrenRow.style.display = expanded ? "" : "none"; + } + + xw.controls.DefaultCellRenderer.prototype.toggle = function(node) + { + if (node.expanded) + { + // Reset the child branch div height + node.childrenRow.style.display = ""; + xw.controls.Tree.util.fadeIn(node.childrenCell, 25); + this.decorateNode(node, true); + } + else + { + this.decorateNode(node, false); + var onComplete = function() { node.childrenRow.style.display = "none"; node.renderer.decorateNode(node, true); }; + xw.controls.Tree.util.fadeOut(node.childrenCell, 34, onComplete); + } + } + + xw.controls.DefaultCellRenderer.prototype.decorateNode = function(node, recurseUp) + { + node.childBranchDiv.style.height = "0px"; + + if (node.isLeaf()) + { + if (node.getParent() == null) + node.branchDiv.className = this.lineBranchClass; + else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1) + node.branchDiv.className = this.lineEndClass; + else + node.branchDiv.className = this.lineBranchClass; + + node.iconDiv.className = this.leafClass; + } + else + { + if (node.getParent() == null) + { + if (node.getChildCount() > 0) + node.branchDiv.className = node.expanded ? this.minusNoneClass : this.plusNoneClass; + else + node.branchDiv.className = ""; + } + else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1) + { + if (node.getChildCount() > 0) + { + node.branchDiv.className = node.expanded ? this.minusEndClass : this.plusEndClass; + node.childBranchDiv.className = ""; + node.childBranchDiv.style.width = "100%"; + } + else + node.branchDiv.className = this.lineEndClass; + } + else + { + if (node.getChildCount() > 0) + { + node.childBranchDiv.className = this.lineMiddleClass; + node.childBranchDiv.style.height = node.childBranchCell.offsetHeight + "px"; + + node.branchDiv.className = node.expanded ? this.minusMiddleClass : this.plusMiddleClass; + } + else + node.branchDiv.className = this.lineBranchClass; + } + node.iconDiv.className = node.expanded ? this.folderOpenClass : this.folderClosedClass; + } + + if (node.getParent() && recurseUp) + node.renderer.decorateNode(node.getParent(), true); + } + + xw.controls.DefaultCellRenderer.prototype.renderSelected = function(node, selected) + { + node.content.className = selected ? "selected" : "unselected"; + } + + xw.controls.DefaultCellRenderer.prototype.renderClone = function(container, node) + { + var tbl = document.createElement("table"); + tbl.cellSpacing = 0; + tbl.cellPadding = 0; + var row = tbl.insertRow(-1); + row.appendChild(node.iconCell.cloneNode(true)); + row.appendChild(node.contentCell.cloneNode(true)); + + if (container.firstChild) + container.replaceChild(tbl, container.firstChild); + else + container.appendChild(tbl); + } +} Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-closed.png =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-closed.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-open.png =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/folder-open.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/leafnode.png =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/leafnode.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_branch.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_branch.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_end.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_end.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_middle.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/line_middle.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_end.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_end.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_middle.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_middle.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_none.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_none.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_start.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/minus_start.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_end.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_end.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_middle.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_middle.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_none.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_none.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_start.gif =================================================================== (Binary files differ) Property changes on: modules/remoting/trunk/examples/model/src/main/webapp/tree_images/plus_start.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream