Author: Alex.Kolonitsky Date: 2010-12-01 10:12:38 -0500 (Wed, 01 Dec 2010) New Revision: 20253 Added: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenu.js trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuGroup.js trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuItem.js trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-group.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-groupDis.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-item.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-itemDis.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroup.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroupDis.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItem.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItemDis.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance.xhtml Removed: trunk/examples/output-demo/src/main/webapp/resources/PanelMenu.js trunk/examples/output-demo/src/main/webapp/resources/PanelMenuGroup.js trunk/examples/output-demo/src/main/webapp/resources/PanelMenuItem.js Modified: trunk/examples/output-demo/src/main/webapp/qunit/panelMenu.xhtml trunk/ui/output/api/src/main/java/org/richfaces/PanelMenuMode.java trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenu.java trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuGroup.java trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuItem.java trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenu.java trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuGroup.java trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuItem.java trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenu.java trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuGroup.java trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuItem.java trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuGroupRenderer.java trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuItemRenderer.java trunk/ui/output/ui/src/main/resources/META-INF/pn.faces-config.xml trunk/ui/output/ui/src/main/resources/META-INF/pn.taglib.xml trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/panelMenu.ecss trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/PanelMenuGroupRendererTest.java trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/RendererTestBase.java trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xhtml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-topGroup.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xhtml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xmlunit.xml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xhtml trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xmlunit.xml Log: RF-9317 panelMenu components icons attributes Modified: trunk/examples/output-demo/src/main/webapp/qunit/panelMenu.xhtml =================================================================== --- trunk/examples/output-demo/src/main/webapp/qunit/panelMenu.xhtml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/examples/output-demo/src/main/webapp/qunit/panelMenu.xhtml 2010-12-01 15:12:38 UTC (rev 20253) @@ -50,26 +50,53 @@ <p>Page</p> <h:form id="f" style="border:blue solid thin;"> - <pn:panelMenu id="panelMenu" expandSingle="true" activeItem="myFavariteIten"> - <pn:panelMenuGroup label="Group 1" mode="ajax" expandSingle="true"> - <pn:panelMenuItem label="Item 1.1" mode="ajax"/> - <pn:panelMenuItem label="Item 1.2" mode="ajax"/> - <pn:panelMenuItem label="Item 1.3" mode="ajax"/> + <pn:panelMenu + id="panelMenu" + expandSingle="true" + itemMode="ajax" + groupMode="ajax" + activeItem="myFavariteIten" + itemDisableIconLeft="disc" + groupDisableIconLeft="disc" + topItemDisableIconLeft="disc" + topGroupDisableIconLeft="disc" + > + <pn:panelMenuGroup label="Group 1"> + <pn:panelMenuItem label="Item 1.1" /> + <pn:panelMenuItem label="Item 1.2" /> + <pn:panelMenuItem label="Item 1.3" /> </pn:panelMenuGroup> - <pn:panelMenuGroup label="Group 2" mode="ajax" expandSingle="true"> - <pn:panelMenuItem label="Item 2.1" mode="ajax"/> - <pn:panelMenuGroup label="Group 2.2" mode="ajax" expandSingle="true"> - <pn:panelMenuItem label="Item 2.2.1" mode="ajax"/> - <pn:panelMenuItem name="myFavariteIten" label="Item 2.2.2" mode="ajax"/> - <pn:panelMenuItem label="Item 2.2.3" mode="ajax"/> + <pn:panelMenuGroup + label="Group 2" + iconLeftCollapsed="triangle" + iconLeftExpanded="triangleDown"> + <pn:panelMenuItem label="Item 2.1" /> + <pn:panelMenuGroup + label="Group 2.2" + iconLeftCollapsed="chevron" + iconLeftExpanded="chevronDown"> + <pn:panelMenuItem label="Item 2.2.1" /> + <pn:panelMenuItem label="Item 2.2.2" name="myFavariteIten" /> + <pn:panelMenuItem label="Item 2.2.3"/> </pn:panelMenuGroup> - <pn:panelMenuItem label="Item 2.3" mode="ajax"/> + <pn:panelMenuItem label="Item 2.3"/> </pn:panelMenuGroup> - <pn:panelMenuGroup label="Group 3" mode="ajax" expandSingle="true"> - <pn:panelMenuItem label="Item 3.1" mode="ajax"/> - <pn:panelMenuItem label="Item 3.2" mode="ajax"/> - <pn:panelMenuItem label="Item 3.3" mode="ajax" /> + <pn:panelMenuGroup label="Group 3" > + <pn:panelMenuItem label="Item 3.1" disabled="true"/> + <pn:panelMenuItem label="Item 3.2"/> + <pn:panelMenuItem label="Item 3.3"/> + <pn:panelMenuGroup label="Group 3.4" disabled="true"> + <pn:panelMenuItem label="Item 3.4.1" /> + <pn:panelMenuItem label="Item 3.4.2" name="mySecondFavariteIten"/> + <pn:panelMenuItem label="Item 3.4.3"/> + </pn:panelMenuGroup> </pn:panelMenuGroup> + <pn:panelMenuGroup label="Group 4"> + <pn:panelMenuItem label="Item 4.1" /> + <pn:panelMenuItem label="Item 4.2" /> + <pn:panelMenuItem label="Item 4.3" /> + </pn:panelMenuGroup> + <pn:panelMenuGroup label="Group 5" disabled="true" /> </pn:panelMenu> </h:form> Deleted: trunk/examples/output-demo/src/main/webapp/resources/PanelMenu.js =================================================================== --- trunk/examples/output-demo/src/main/webapp/resources/PanelMenu.js 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/examples/output-demo/src/main/webapp/resources/PanelMenu.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -1,208 +0,0 @@ -/* - * JBoss, Home of Professional Open Source - * Copyright ${year}, Red Hat, Inc. and individual contributors - * by the @authors tag. See the copyright.txt in the distribution for a - * full listing of individual contributors. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - - -(function ($, rf) { - - rf.ui = rf.ui || {}; - - var __DEFAULT_OPTIONS = { - expandSingle : true - }; - - rf.ui.PanelMenu = rf.BaseComponent.extendClass({ - // class name - name:"PanelMenu", - - /** - * @class PanelMenu - * @name PanelMenu - * - * @constructor - * @param {String} componentId - component id - * @param {Hash} options - params - * */ - init : function (componentId, options) { - this.id = componentId; - this.items = []; - this.attachToDom(componentId); - - this.options = $.extend({}, __DEFAULT_OPTIONS, options || {}); - this.activeItem = this.__getValueInput().value; - this.nestingLevel = 0; - - var menuGroup = this; - if (menuGroup.options.expandSingle) { - menuGroup.__panelMenu().bind("expand", function (event) { - menuGroup.__childGroups().each (function (index, group) { - if (event.target.id != group.id) { - rf.$(group.id).collapse(); - } - }); - - event.stopPropagation(); - }); - } - - if (menuGroup.activeItem) { - this.__panelMenu().ready(function () { - var item = menuGroup.items[menuGroup.activeItem]; - item.__select(); - item.__fireSelect(); - }) - } - - this.__addUserEventHandler("collapse"); - this.__addUserEventHandler("expand"); - }, - - getItems: function () { - return this.items; - }, - - getItem: function (name) { - return this.items[name]; - }, - - /***************************** Public Methods ****************************************************************/ - /** - * @methodOf - * @name PanelMenu#selectItem - * - * TODO ... - * - * @param {String} name - * @return {void} TODO ... - */ - selectItem: function (name) { - // TODO implement - }, - - /** - * @methodOf - * @name PanelMenu#selectedItem - * - * TODO ... - * - * @return {String} TODO ... - */ - selectedItem: function (id) { - if (id != undefined) { - var valueInput = this.__getValueInput(); - var prevActiveItem = valueInput.value; - - this.activeItem = id; - valueInput.value = id; - - return prevActiveItem; - } else { - return this.activeItem; - } - }, - - __getValueInput : function() { - return document.getElementById(this.id + "-value"); - }, - - selectItem: function (itemName) { - // TODO - }, - - /** - * @methodOf - * @name PanelMenu#expandAll - * - * TODO ... - * - * @return {void} TODO ... - */ - expandAll: function () { - // TODO implement - }, - - /** - * @methodOf - * @name PanelMenu#collapseAll - * - * TODO ... - * - * @return {void} TODO ... - */ - collapseAll: function () { - // TODO implement - }, - - /** - * @methodOf - * @name PanelMenu#expandGroup - * - * TODO ... - * - * @param {String} groupName - * @return {void} TODO ... - */ - expandGroup: function (groupName) { - // TODO implement - }, - - /** - * @methodOf - * @name PanelMenu#collapseGroup - * - * TODO ... - * - * @param {String} groupName - * @return {void} TODO ... - */ - collapseGroup: function (groupName) { - // TODO implement - }, - - - /***************************** Private Methods ****************************************************************/ - - - __panelMenu : function () { - return $(rf.getDomElement(this.id)); - }, - - __childGroups : function () { - return this.__panelMenu().children(".rf-pm-top-gr") - }, - - /** - * @private - * */ - __addUserEventHandler : function (name) { - var handler = this.options["on" + name]; - if (handler) { - rf.Event.bindById(this.id, name, handler); - } - }, - - destroy: function () { - rf.Event.unbindById(this.id, "."+this.namespace); - - this.$super.destroy.call(this); - } - }); -})(jQuery, RichFaces); Deleted: trunk/examples/output-demo/src/main/webapp/resources/PanelMenuGroup.js =================================================================== --- trunk/examples/output-demo/src/main/webapp/resources/PanelMenuGroup.js 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/examples/output-demo/src/main/webapp/resources/PanelMenuGroup.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -1,355 +0,0 @@ -/* - * JBoss, Home of Professional Open Source - * Copyright ${year}, Red Hat, Inc. and individual contributors - * by the @authors tag. See the copyright.txt in the distribution for a - * full listing of individual contributors. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - - -(function ($, rf) { - - rf.ui = rf.ui || {}; - - var __DEFAULT_OPTIONS = { - expanded : false, - expandSingle : true, - bubbleSelection : true, - stylePrefix : "rf-pm-gr", - - // TODO we should use selectionType = {none, selectable, unselectable} - selectable : false, - unselectable : false // unselectable can be only selectable item => if selectable == false than unselectable = false - }; - - var EXPAND_ITEM = { - - /** - * - * @return {void} - * */ - exec : function (group, expand) { - var mode = group.mode; - if (mode == "server") { - return this.execServer(group); - } else if (mode == "ajax") { - return this.execAjax(group); - } else if (mode == "client" || mode == "none") { - return this.execClient(group, expand); - } else { - rf.log.error("EXPAND_ITEM.exec : unknown mode (" + mode + ")"); - } - }, - - /** - * @protected - * - * @return {Boolean} false - * */ - execServer : function (group) { - group.__changeState(); - rf.submitForm(this.__getParentForm(group)); - - return false; - }, - - /** - * @protected - * - * @return {Boolean} false - * */ - execAjax : function (group) { - var oldState = group.__changeState(); - rf.ajax(group.id, null, $.extend({}, group.options["ajax"], {})); - group.__restoreState(oldState); - - return true; - }, - - /** - * @protected - * - * @param {PanelMenuGroup} group - * @param {Boolean} expand - * @return {undefined} - * - false - if process has been terminated - * - true - in other cases - * */ - execClient : function (group, expand) { - if (expand) { - group.expand(); - } else { - group.collapse(); - } - - return group.__fireSwitch(); - }, - - /** - * @private - * */ - __getParentForm : function (item) { - return $($(rf.getDomElement(item.id)).parents("form")[0]); - } - }; - - rf.ui.PanelMenuGroup = rf.ui.PanelMenuItem.extendClass({ - // class name - name:"PanelMenuGroup", - - /** - * @class PanelMenuGroup - * @name PanelMenuGroup - * - * @constructor - * @param {String} componentId - component id - * @param {Hash} options - params - * */ - init : function (componentId, options) { - this.options = $.extend({}, __DEFAULT_OPTIONS, options || {}); - - rf.ui.PanelMenuItem.call(this, componentId); - - if (!this.options.disabled) { - var menuGroup = this; - - if (!this.options.selectable) { - this.__header().bind("click", function () { - return menuGroup.switchExpantion(); - }); - } - - if (this.options.selectable || this.options.bubbleSelection) { - this.__content().bind("select", function (event) { - if (menuGroup.options.selectable && menuGroup.__isMyEvent(event)) { - menuGroup.expand(); - } - - if (menuGroup.options.bubbleSelection && !menuGroup.__isMyEvent(event)) { - menuGroup.__select(); - if (!menuGroup.expanded()) { - menuGroup.expand(); - } - } - }); - - this.__content().bind("unselect", function (event) { - if (menuGroup.options.selectable && menuGroup.__isMyEvent(event)) { - menuGroup.collapse(); - } - - if (menuGroup.options.bubbleSelection && !menuGroup.__isMyEvent(event)) { - menuGroup.__unselect(); - } - }); - } - - if (menuGroup.options.expandSingle) { - menuGroup.__group().bind("expand", function (event) { - if (menuGroup.__isMyEvent(event)) { - return; - } - - menuGroup.__childGroups().each (function (index, group) { - var rfGroup = rf.$(group); - if (!rfGroup.__isMyEvent(event)) { - rfGroup.collapse(); - } - }); - - event.stopPropagation(); - }); - } - - this.__addUserEventHandler("collapse"); - this.__addUserEventHandler("expand"); - } - }, - - /***************************** Public Methods ****************************************************************/ - expanded : function () { - // TODO check invariant in dev mode - // return this.__content().hasClass("rf-pm-exp") - return this.__getExpandValue(); - }, - - expand : function () { - this.__expand(); - - return this.__fireExpand(); - }, - - __expand : function () { - this.__content().removeClass("rf-pm-colps").addClass("rf-pm-exp"); - this.__setExpandValue(true); - }, - - collapsed : function () { - // TODO check invariant in dev mode - // return this.__content().hasClass("rf-pm-colps") - return !this.__getExpandValue(); - }, - - collapse : function () { - this.__collapse(); - - this.__childGroups().each (function(index, group) { - rf.$(group.id).__collapse(); - }); - - this.__fireCollapse(); - }, - - __collapse : function () { - this.__content().addClass("rf-pm-colps").removeClass("rf-pm-exp"); - this.__setExpandValue(false); - }, - - /** - * @methodOf - * @name PanelMenuGroup#switch - * - * TODO ... - * - * @param {boolean} expand - * @return {void} TODO ... - */ - switchExpantion : function () { // TODO rename - var continueProcess = this.__fireBeforeSwitch(); - if (!continueProcess) { - return false; - } - - EXPAND_ITEM.exec(this, !this.expanded()); - }, - - /** - * please, remove this method when client side ajax events will be added - * - * */ - onCompleteHandler : function () { - EXPAND_ITEM.execClient(this, this.expanded()); - }, - - __switch : function (expand) { - if (expand) { - this.expand(); - } else { - this.collapse(); - } - }, - - /***************************** Private Methods ****************************************************************/ - __childGroups : function () { - return this.__content().children(".rf-pm-gr") - }, - - __group : function () { - return $(rf.getDomElement(this.id)) - }, - - __header : function () { - return $(rf.getDomElement(this.id + ":hdr")) - }, - - __content : function () { - return $(rf.getDomElement(this.id + ":cnt")) - }, - - __expandValueInput : function () { - return document.getElementById(this.id + ":expanded"); - }, - - __getExpandValue : function () { - return this.__expandValueInput().value == "true"; - }, - - /** - * @methodOf - * @name PanelMenuGroup#__setExpandValue - * - * @param {boolean} value - is group expanded? - * @return {boolean} preview value - */ - __setExpandValue : function (value) { - var input = this.__expandValueInput(); - var oldValue = input.value; - - input.value = value; - - return oldValue; - }, - - __changeState : function () { - var state = {}; - state["expanded"] = this.__setExpandValue(!this.__getExpandValue()); - if (this.options.selectable) { - state["itemName"] = this.__rfPanelMenu().selectedItem(this.itemName); // TODO bad function name for function which change component state - } - - return state; - }, - - __restoreState : function (state) { - if (!state) { - return; - } - - if (state["expanded"]) { - this.__setExpandValue(state["expanded"]); - } - - if (state["itemName"]) { - this.__rfPanelMenu().selectedItem(state["itemName"]); - } - }, - - __fireSwitch : function () { - return new rf.Event.fireById(this.id, "switch", { - id: this.id - }); - }, - - __isMyEvent: function (event) { - return this.id == event.target.id; - }, - - __fireBeforeSwitch : function () { - return rf.Event.fireById(this.id, "beforeswitch", { - id: this.id - }); - }, - - __fireCollapse : function () { - return new rf.Event.fireById(this.id, "collapse", { - id: this.id - }); - }, - - __fireExpand : function () { - return new rf.Event.fireById(this.id, "expand", { - id: this.id - }); - }, - - destroy: function () { - rf.Event.unbindById(this.id, "."+this.namespace); - - this.$super.destroy.call(this); - } - }); -})(jQuery, RichFaces); Deleted: trunk/examples/output-demo/src/main/webapp/resources/PanelMenuItem.js =================================================================== --- trunk/examples/output-demo/src/main/webapp/resources/PanelMenuItem.js 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/examples/output-demo/src/main/webapp/resources/PanelMenuItem.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -1,319 +0,0 @@ -/* - * JBoss, Home of Professional Open Source - * Copyright ${year}, Red Hat, Inc. and individual contributors - * by the @authors tag. See the copyright.txt in the distribution for a - * full listing of individual contributors. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - - -(function ($, rf) { - - rf.ui = rf.ui || {}; - - var __DEFAULT_OPTIONS = { - disabled : false, - selectable: true, - mode: "client", - unselectable: false, - highlight: true, - stylePrefix: "rf-pm-itm", - itemStep: 20 - }; - - var SELECT_ITEM = { - - /** - * - * @return {void} - * */ - exec : function (item) { - var mode = item.mode; - if (mode == "server") { - return this.execServer(item); - } else if (mode == "ajax") { - return this.execAjax(item); - } else if (mode == "client" || mode == "none") { - return this.execClient(item); - } else { - rf.log.error("SELECT_ITEM.exec : unknown mode (" + mode + ")"); - } - }, - - /** - * @protected - * - * @return {Boolean} false - * */ - execServer : function (item) { - item.__changeState(); - rf.submitForm(this.__getParentForm(item)); - - return false; - }, - - /** - * @protected - * - * @return {Boolean} false - * */ - execAjax : function (item) { - var oldItem = item.__changeState(); - rf.ajax(item.__panelMenu().id, null, $.extend({}, item.options["ajax"], {})); - item.__restoreState(oldItem); - - return true; - }, - - /** - * @protected - * - * @return {undefined} - * - false - if process has been terminated - * - true - in other cases - * */ - execClient : function (item) { - var panelMenu = item.__rfPanelMenu(); - if (panelMenu.selectedItem()) { - panelMenu.getItems()[panelMenu.selectedItem()].unselect(); - } - panelMenu.selectedItem(item.itemName); - - item.__select(); - - return item.__fireSelect(); - }, - - /** - * @private - * */ - __getParentForm : function (item) { - return $($(rf.getDomElement(item.id)).parents("form")[0]); - } - }; - - rf.ui.PanelMenuItem = rf.BaseComponent.extendClass({ - // class name - name:"PanelMenuItem", - - /** - * @class PanelMenuItem - * @name PanelMenuItem - * - * @constructor - * @param {String} componentId - component id - * @param {Hash} options - params - * */ - init : function (componentId, options) { - this.id = componentId; - this.attachToDom(componentId); - - this.options = $.extend({}, __DEFAULT_OPTIONS, this.options || {}, options || {}); - - this.mode = this.options.mode - this.itemName = this.options.name - this.__rfPanelMenu().getItems()[this.itemName] = this; - - // todo move it - this.selectionClass = this.options.stylePrefix + "-sel"; - this.hoverClass = this.options.stylePrefix + "-hov"; - - if (!this.options.disabled) { - var item = this; - if (this.options.highlight) { - this.__item().bind("mouseenter", function() { - item.highlight(true); - }); - this.__item().bind("mouseleave", function() { - item.highlight(false); - }); - } - - if (this.options.selectable) { - this.__header().bind("click", function() { - if (item.__rfPanelMenu().selectedItem() == item.id) { - if (item.options.unselectable) { - return item.unselect(); - } - - // we shouldn't select one item several times - } else { - return item.select(); - } - }); - } - } - - item = this; - $(this.__panelMenu()).ready(function () { - item.__renderNestingLevel(); - }); - - this.__addUserEventHandler("select"); - }, - - /***************************** Public Methods ****************************************************************/ - highlight : function (highlight) { - if (highlight && !this.selected()) { - this.__header().addClass(this.hoverClass); - } else { - this.__header().removeClass(this.hoverClass); - } - }, - - selected : function () { - return this.__header().hasClass(this.selectionClass); - }, - - /** - * @methodOf - * @name PanelMenuItem#select - * - * TODO ... - * - * @return {void} TODO ... - */ - select: function () { - var continueProcess = this.__fireBeforeSelect(); - if (!continueProcess) { - return false; - } - - return SELECT_ITEM.exec(this) - }, - - /** - * please, remove this method when client side ajax events will be added - * - * */ - onCompleteHandler : function () { - SELECT_ITEM.execClient(this); - }, - - unselect: function () { - var panelMenu = this.__rfPanelMenu(); - if (panelMenu.selectedItem() == this.itemName) { - panelMenu.selectedItem(null); - } else { - rf.warn("You try unselect item (name=" + this.itemName + ") that isn't seleted") - } - - this.__unselect(); - - return this.__fireUnselect(); - }, - - /***************************** Private Methods ****************************************************************/ - __rfParentItem : function () { - var res = this.__item().parents(".rf-pm-gr")[0]; - if (!res) { - res = this.__item().parents(".rf-pm-top-gr")[0]; - } - - if (!res) { - res = this.__panelMenu(); - } - - return res ? rf.$(res) : null; - }, - - __getNestingLevel : function () { - if (!this.nestingLevel) { - var parentItem = this.__rfParentItem(); - if (parentItem && parentItem.__getNestingLevel) { - this.nestingLevel = parentItem.__getNestingLevel() + 1; - } else { - this.nestingLevel = 0; - } - } - - return this.nestingLevel; - }, - - __renderNestingLevel : function () { - this.__item().find("td").first().css("padding-left", this.options.itemStep * this.__getNestingLevel()); - }, - - __panelMenu : function () { - return this.__item().parents(".rf-pm")[0]; - }, - - __rfPanelMenu : function () { - return rf.$(this.__item().parents(".rf-pm")[0]); - }, - - __changeState : function () { - return this.__rfPanelMenu().selectedItem(this.itemName); - }, - - __restoreState : function (state) { - if (state) { - this.__rfPanelMenu().selectedItem(state); - } - }, - - __item : function () { - return $(rf.getDomElement(this.id)); - }, - - __header : function () { - return this.__item(); - }, - - __select: function () { - this.__header().addClass(this.selectionClass); - }, - - __unselect: function () { - this.__header().removeClass(this.selectionClass); - }, - - __fireBeforeSelect : function () { - return new rf.Event.fireById(this.id, "beforeselect", { - id: this.id - }); - }, - - __fireSelect : function () { - return new rf.Event.fireById(this.id, "select", { - id: this.id - }); - }, - - __fireUnselect : function () { - return new rf.Event.fireById(this.id, "unselect", { - id: this.id - }); - }, - - /** - * @private - * */ - __addUserEventHandler : function (name) { - var handler = this.options["on" + name]; - if (handler) { - rf.Event.bindById(this.id, name, handler); - } - }, - - destroy: function () { - delete this.__rfPanelMenu().getItems()[this.itemName]; - - rf.ui.PanelMenuItem.$super.destroy.call(this); - } - }); -})(jQuery, RichFaces); Modified: trunk/ui/output/api/src/main/java/org/richfaces/PanelMenuMode.java =================================================================== --- trunk/ui/output/api/src/main/java/org/richfaces/PanelMenuMode.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/api/src/main/java/org/richfaces/PanelMenuMode.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -6,7 +6,8 @@ */ public enum PanelMenuMode { ajax, - server; + server, + client; - public static final PanelMenuMode DEFAULT = server; + public static final PanelMenuMode DEFAULT = ajax; } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenu.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenu.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenu.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -23,7 +23,6 @@ package org.richfaces.component; -import org.richfaces.ExpandMode; import org.richfaces.PanelMenuMode; import org.richfaces.event.ItemChangeEvent; @@ -168,7 +167,7 @@ public abstract String getCollapseEvent(); - public abstract ExpandMode getGroupMode(); + public abstract PanelMenuMode getGroupMode(); public abstract boolean isExpandSingle(); Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuGroup.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuGroup.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuGroup.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -161,20 +161,13 @@ - public abstract boolean getBubbleSelection(); - public abstract boolean isExpandSingle(); public abstract String getCollapseEvent(); public abstract String getExpandEvent(); - public abstract String getIconCollapsed(); + public abstract boolean isBubbleSelection(); - public abstract String getIconExpanded(); - public abstract String getChangeExpandListener(); - - - } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuItem.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuItem.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/AbstractPanelMenuItem.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -47,7 +47,7 @@ triangle("rf-pm-triangle"), triangleUp("rf-pm-triangle-up"), triangleDown("rf-pm-triangle-down"); - + public static final Icons DEFAULT = grid; private final String cssClass; @@ -101,8 +101,6 @@ return COMPONENT_FAMILY; } - public abstract String getIcon(); - public abstract PanelMenuMode getMode(); public abstract String getLabel(); Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenu.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenu.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenu.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -23,12 +23,11 @@ package org.richfaces.component; -import org.richfaces.ExpandMode; import org.richfaces.PanelMenuMode; /** * @author akolonitsky - * @since 2010-10-25 + * @since 2010-11-29 */ public class UIPanelMenu extends AbstractPanelMenu { @@ -40,6 +39,7 @@ expandSingle, itemMode, bubbleSelection, + activeItem, itemChangeListener, bypassUpdates, limitToList, @@ -73,11 +73,11 @@ getStateHelper().put(PropertyKeys.collapseEvent, collapseEvent); } - public ExpandMode getGroupMode() { - return (ExpandMode) getStateHelper().eval(PropertyKeys.groupMode, ExpandMode.DEFAULT); + public PanelMenuMode getGroupMode() { + return (PanelMenuMode) getStateHelper().eval(PropertyKeys.groupMode, PanelMenuMode.client); } - public void setGroupMode(ExpandMode groupMode) { + public void setGroupMode(PanelMenuMode groupMode) { getStateHelper().put(PropertyKeys.groupMode, groupMode); } @@ -105,6 +105,14 @@ getStateHelper().put(PropertyKeys.bubbleSelection, bubbleSelection); } + public String getActiveItem() { + return (String) getStateHelper().eval(PropertyKeys.activeItem); + } + + public void setActiveItem(String activeItem) { + getStateHelper().put(PropertyKeys.activeItem, activeItem); + } + public String getItemChangeListener() { return (String) getStateHelper().eval(PropertyKeys.itemChangeListener); } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuGroup.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuGroup.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuGroup.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -23,8 +23,8 @@ package org.richfaces.component; +import org.richfaces.PanelMenuMode; - /** * @author akolonitsky * @since 2010-10-25 @@ -32,28 +32,26 @@ public class UIPanelMenuGroup extends AbstractPanelMenuGroup { public enum PropertyKeys { - bubbleSelection, expanded, expandSingle, collapseEvent, expandEvent, - iconCollapsed, - iconExpanded, + bubbleSelection, changeExpandListener } - - - public boolean getBubbleSelection() { - return Boolean.valueOf(String.valueOf(getStateHelper().eval(PropertyKeys.bubbleSelection, true))); + @Override + public PanelMenuMode getMode() { + return (PanelMenuMode) getStateHelper().eval(UIPanelMenuItem.PropertyKeys.mode, getPanelMenu().getGroupMode()); } - public void setBubbleSelection(boolean bubbleSelection) { - getStateHelper().put(PropertyKeys.bubbleSelection, bubbleSelection); + @Override + public void setMode(PanelMenuMode mode) { + super.setMode(mode); //To change body of overridden methods use File | Settings | File Templates. } public boolean isExpandSingle() { - return Boolean.valueOf(String.valueOf(getStateHelper().eval(PropertyKeys.expandSingle, true))); + return Boolean.valueOf(String.valueOf(getStateHelper().eval(PropertyKeys.expandSingle, getPanelMenu().isExpandSingle()))); } public void setExpandSingle(boolean expandSingle) { @@ -76,22 +74,14 @@ getStateHelper().put(PropertyKeys.expandEvent, expandEvent); } - public String getIconCollapsed() { - return (String) getStateHelper().eval(PropertyKeys.iconCollapsed); + public boolean isBubbleSelection() { + return Boolean.valueOf(String.valueOf(getStateHelper().eval(PropertyKeys.bubbleSelection, getPanelMenu().isBubbleSelection()))); } - public void setIconCollapsed(String iconCollapsed) { - getStateHelper().put(PropertyKeys.iconCollapsed, iconCollapsed); + public void setBubbleSelection(boolean bubbleSelection) { + getStateHelper().put(PropertyKeys.bubbleSelection, bubbleSelection); } - public String getIconExpanded() { - return (String) getStateHelper().eval(PropertyKeys.iconExpanded); - } - - public void setIconExpanded(String iconExpanded) { - getStateHelper().put(PropertyKeys.iconExpanded, iconExpanded); - } - public String getChangeExpandListener() { return (String) getStateHelper().eval(PropertyKeys.changeExpandListener); } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuItem.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuItem.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/UIPanelMenuItem.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -27,12 +27,11 @@ /** * @author akolonitsky - * @since 2010-10-25 + * @since 2010-11-29 */ public class UIPanelMenuItem extends AbstractPanelMenuItem { public enum PropertyKeys { - icon, mode, label, name, @@ -45,16 +44,8 @@ render } - public String getIcon() { - return (String) getStateHelper().eval(PropertyKeys.icon, Icons.DEFAULT.toString()); - } - - public void setIcon(String icon) { - getStateHelper().put(PropertyKeys.icon, icon); - } - public PanelMenuMode getMode() { - return (PanelMenuMode) getStateHelper().eval(PropertyKeys.mode, PanelMenuMode.DEFAULT); + return (PanelMenuMode) getStateHelper().eval(PropertyKeys.mode, getPanelMenu().getItemMode()); } public void setMode(PanelMenuMode mode) { Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenu.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenu.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenu.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -24,15 +24,17 @@ package org.richfaces.component.html; import org.richfaces.component.UIPanelMenu; + import javax.faces.component.behavior.ClientBehaviorHolder; - import java.util.Arrays; import java.util.Collection; import java.util.Collections; +import static org.richfaces.component.AbstractPanelMenuItem.Icons; + /** * @author akolonitsky - * @since 2010-10-25 + * @since 2010-11-29 */ public class HtmlPanelMenu extends UIPanelMenu implements ClientBehaviorHolder { @@ -56,31 +58,33 @@ styleClass, width, itemClass, - itemHoverClass, itemDisableClass, - itemIcon, - itemDisableIcon, - itemIconPosition, + itemIconLeft, + itemIconRight, + itemDisableIconLeft, + itemDisableIconRight, topItemClass, - topItemHoverClass, topItemDisableClass, - topItemIcon, - topItemDisableIcon, - topItemIconPosition, + topItemIconLeft, + topItemIconRight, + topItemDisableIconLeft, + topItemDisableIconRight, groupClass, - groupHoverClass, groupDisableClass, - groupCollapseIcon, - groupExpandIcon, - groupDisableIcon, - groupIconPosition, + groupExpandIconLeft, + groupExpandIconRight, + groupCollapseIconLeft, + groupCollapseIconRight, + groupDisableIconLeft, + groupDisableIconRight, topGroupClass, - topGroupHoverClass, topGroupDisableClass, - topGroupCollapseIcon, - topGroupExpandIcon, - topGroupDisableIcon, - topGroupIconPosition, + topGroupExpandIconLeft, + topGroupExpandIconRight, + topGroupCollapseIconLeft, + topGroupCollapseIconRight, + topGroupDisableIconLeft, + topGroupDisableIconRight, onclick, ondblclick, onmousedown, @@ -131,14 +135,6 @@ getStateHelper().put(PropertyKeys.itemClass, itemClass); } - public String getItemHoverClass() { - return (String) getStateHelper().eval(PropertyKeys.itemHoverClass); - } - - public void setItemHoverClass(String itemHoverClass) { - getStateHelper().put(PropertyKeys.itemHoverClass, itemHoverClass); - } - public String getItemDisableClass() { return (String) getStateHelper().eval(PropertyKeys.itemDisableClass); } @@ -147,30 +143,38 @@ getStateHelper().put(PropertyKeys.itemDisableClass, itemDisableClass); } - public String getItemIcon() { - return (String) getStateHelper().eval(PropertyKeys.itemIcon); + public String getItemIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.itemIconLeft, Icons.DEFAULT.toString()); } - public void setItemIcon(String itemIcon) { - getStateHelper().put(PropertyKeys.itemIcon, itemIcon); + public void setItemIconLeft(String itemIconLeft) { + getStateHelper().put(PropertyKeys.itemIconLeft, itemIconLeft); } - public String getItemDisableIcon() { - return (String) getStateHelper().eval(PropertyKeys.itemDisableIcon); + public String getItemIconRight() { + return (String) getStateHelper().eval(PropertyKeys.itemIconRight, Icons.DEFAULT.toString()); } - public void setItemDisableIcon(String itemDisableIcon) { - getStateHelper().put(PropertyKeys.itemDisableIcon, itemDisableIcon); + public void setItemIconRight(String itemIconRight) { + getStateHelper().put(PropertyKeys.itemIconRight, itemIconRight); } - public String getItemIconPosition() { - return (String) getStateHelper().eval(PropertyKeys.itemIconPosition); + public String getItemDisableIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.itemDisableIconLeft, Icons.DEFAULT.toString()); } - public void setItemIconPosition(String itemIconPosition) { - getStateHelper().put(PropertyKeys.itemIconPosition, itemIconPosition); + public void setItemDisableIconLeft(String itemDisableIconLeft) { + getStateHelper().put(PropertyKeys.itemDisableIconLeft, itemDisableIconLeft); } + public String getItemDisableIconRight() { + return (String) getStateHelper().eval(PropertyKeys.itemDisableIconRight, Icons.DEFAULT.toString()); + } + + public void setItemDisableIconRight(String itemDisableIconRight) { + getStateHelper().put(PropertyKeys.itemDisableIconRight, itemDisableIconRight); + } + public String getTopItemClass() { return (String) getStateHelper().eval(PropertyKeys.topItemClass); } @@ -179,14 +183,6 @@ getStateHelper().put(PropertyKeys.topItemClass, topItemClass); } - public String getTopItemHoverClass() { - return (String) getStateHelper().eval(PropertyKeys.topItemHoverClass); - } - - public void setTopItemHoverClass(String topItemHoverClass) { - getStateHelper().put(PropertyKeys.topItemHoverClass, topItemHoverClass); - } - public String getTopItemDisableClass() { return (String) getStateHelper().eval(PropertyKeys.topItemDisableClass); } @@ -195,30 +191,38 @@ getStateHelper().put(PropertyKeys.topItemDisableClass, topItemDisableClass); } - public String getTopItemIcon() { - return (String) getStateHelper().eval(PropertyKeys.topItemIcon); + public String getTopItemIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.topItemIconLeft, Icons.DEFAULT.toString()); } - public void setTopItemIcon(String topItemIcon) { - getStateHelper().put(PropertyKeys.topItemIcon, topItemIcon); + public void setTopItemIconLeft(String topItemIconLeft) { + getStateHelper().put(PropertyKeys.topItemIconLeft, topItemIconLeft); } - public String getTopItemDisableIcon() { - return (String) getStateHelper().eval(PropertyKeys.topItemDisableIcon); + public String getTopItemIconRight() { + return (String) getStateHelper().eval(PropertyKeys.topItemIconRight, Icons.DEFAULT.toString()); } - public void setTopItemDisableIcon(String topItemDisableIcon) { - getStateHelper().put(PropertyKeys.topItemDisableIcon, topItemDisableIcon); + public void setTopItemIconRight(String topItemIconRight) { + getStateHelper().put(PropertyKeys.topItemIconRight, topItemIconRight); } - public String getTopItemIconPosition() { - return (String) getStateHelper().eval(PropertyKeys.topItemIconPosition); + public String getTopItemDisableIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.topItemDisableIconLeft, Icons.DEFAULT.toString()); } - public void setTopItemIconPosition(String topItemIconPosition) { - getStateHelper().put(PropertyKeys.topItemIconPosition, topItemIconPosition); + public void setTopItemDisableIconLeft(String topItemDisableIconLeft) { + getStateHelper().put(PropertyKeys.topItemDisableIconLeft, topItemDisableIconLeft); } + public String getTopItemDisableIconRight() { + return (String) getStateHelper().eval(PropertyKeys.topItemDisableIconRight, Icons.DEFAULT.toString()); + } + + public void setTopItemDisableIconRight(String topItemDisableIconRight) { + getStateHelper().put(PropertyKeys.topItemDisableIconRight, topItemDisableIconRight); + } + public String getGroupClass() { return (String) getStateHelper().eval(PropertyKeys.groupClass); } @@ -227,14 +231,6 @@ getStateHelper().put(PropertyKeys.groupClass, groupClass); } - public String getGroupHoverClass() { - return (String) getStateHelper().eval(PropertyKeys.groupHoverClass); - } - - public void setGroupHoverClass(String groupHoverClass) { - getStateHelper().put(PropertyKeys.groupHoverClass, groupHoverClass); - } - public String getGroupDisableClass() { return (String) getStateHelper().eval(PropertyKeys.groupDisableClass); } @@ -243,38 +239,54 @@ getStateHelper().put(PropertyKeys.groupDisableClass, groupDisableClass); } - public String getGroupCollapseIcon() { - return (String) getStateHelper().eval(PropertyKeys.groupCollapseIcon); + public String getGroupExpandIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.groupExpandIconLeft, Icons.DEFAULT.toString()); } - public void setGroupCollapseIcon(String groupCollapseIcon) { - getStateHelper().put(PropertyKeys.groupCollapseIcon, groupCollapseIcon); + public void setGroupExpandIconLeft(String groupExpandIconLeft) { + getStateHelper().put(PropertyKeys.groupExpandIconLeft, groupExpandIconLeft); } - public String getGroupExpandIcon() { - return (String) getStateHelper().eval(PropertyKeys.groupExpandIcon); + public String getGroupExpandIconRight() { + return (String) getStateHelper().eval(PropertyKeys.groupExpandIconRight, Icons.DEFAULT.toString()); } - public void setGroupExpandIcon(String groupExpandIcon) { - getStateHelper().put(PropertyKeys.groupExpandIcon, groupExpandIcon); + public void setGroupExpandIconRight(String groupExpandIconRight) { + getStateHelper().put(PropertyKeys.groupExpandIconRight, groupExpandIconRight); } - public String getGroupDisableIcon() { - return (String) getStateHelper().eval(PropertyKeys.groupDisableIcon); + public String getGroupCollapseIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.groupCollapseIconLeft, Icons.DEFAULT.toString()); } - public void setGroupDisableIcon(String groupDisableIcon) { - getStateHelper().put(PropertyKeys.groupDisableIcon, groupDisableIcon); + public void setGroupCollapseIconLeft(String groupCollapseIconLeft) { + getStateHelper().put(PropertyKeys.groupCollapseIconLeft, groupCollapseIconLeft); } - public String getGroupIconPosition() { - return (String) getStateHelper().eval(PropertyKeys.groupIconPosition); + public String getGroupCollapseIconRight() { + return (String) getStateHelper().eval(PropertyKeys.groupCollapseIconRight, Icons.DEFAULT.toString()); } - public void setGroupIconPosition(String groupIconPosition) { - getStateHelper().put(PropertyKeys.groupIconPosition, groupIconPosition); + public void setGroupCollapseIconRight(String groupCollapseIconRight) { + getStateHelper().put(PropertyKeys.groupCollapseIconRight, groupCollapseIconRight); } + public String getGroupDisableIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.groupDisableIconLeft, Icons.DEFAULT.toString()); + } + + public void setGroupDisableIconLeft(String groupDisableIconLeft) { + getStateHelper().put(PropertyKeys.groupDisableIconLeft, groupDisableIconLeft); + } + + public String getGroupDisableIconRight() { + return (String) getStateHelper().eval(PropertyKeys.groupDisableIconRight, Icons.DEFAULT.toString()); + } + + public void setGroupDisableIconRight(String groupDisableIconRight) { + getStateHelper().put(PropertyKeys.groupDisableIconRight, groupDisableIconRight); + } + public String getTopGroupClass() { return (String) getStateHelper().eval(PropertyKeys.topGroupClass); } @@ -283,14 +295,6 @@ getStateHelper().put(PropertyKeys.topGroupClass, topGroupClass); } - public String getTopGroupHoverClass() { - return (String) getStateHelper().eval(PropertyKeys.topGroupHoverClass); - } - - public void setTopGroupHoverClass(String topGroupHoverClass) { - getStateHelper().put(PropertyKeys.topGroupHoverClass, topGroupHoverClass); - } - public String getTopGroupDisableClass() { return (String) getStateHelper().eval(PropertyKeys.topGroupDisableClass); } @@ -299,38 +303,54 @@ getStateHelper().put(PropertyKeys.topGroupDisableClass, topGroupDisableClass); } - public String getTopGroupCollapseIcon() { - return (String) getStateHelper().eval(PropertyKeys.topGroupCollapseIcon); + public String getTopGroupExpandIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.topGroupExpandIconLeft, Icons.DEFAULT.toString()); } - public void setTopGroupCollapseIcon(String topGroupCollapseIcon) { - getStateHelper().put(PropertyKeys.topGroupCollapseIcon, topGroupCollapseIcon); + public void setTopGroupExpandIconLeft(String topGroupExpandIconLeft) { + getStateHelper().put(PropertyKeys.topGroupExpandIconLeft, topGroupExpandIconLeft); } - public String getTopGroupExpandIcon() { - return (String) getStateHelper().eval(PropertyKeys.topGroupExpandIcon); + public String getTopGroupExpandIconRight() { + return (String) getStateHelper().eval(PropertyKeys.topGroupExpandIconRight, Icons.DEFAULT.toString()); } - public void setTopGroupExpandIcon(String topGroupExpandIcon) { - getStateHelper().put(PropertyKeys.topGroupExpandIcon, topGroupExpandIcon); + public void setTopGroupExpandIconRight(String topGroupExpandIconRight) { + getStateHelper().put(PropertyKeys.topGroupExpandIconRight, topGroupExpandIconRight); } - public String getTopGroupDisableIcon() { - return (String) getStateHelper().eval(PropertyKeys.topGroupDisableIcon); + public String getTopGroupCollapseIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.topGroupCollapseIconLeft, Icons.DEFAULT.toString()); } - public void setTopGroupDisableIcon(String topGroupDisableIcon) { - getStateHelper().put(PropertyKeys.topGroupDisableIcon, topGroupDisableIcon); + public void setTopGroupCollapseIconLeft(String topGroupCollapseIconLeft) { + getStateHelper().put(PropertyKeys.topGroupCollapseIconLeft, topGroupCollapseIconLeft); } - public String getTopGroupIconPosition() { - return (String) getStateHelper().eval(PropertyKeys.topGroupIconPosition); + public String getTopGroupCollapseIconRight() { + return (String) getStateHelper().eval(PropertyKeys.topGroupCollapseIconRight, Icons.DEFAULT.toString()); } - public void setTopGroupIconPosition(String topGroupIconPosition) { - getStateHelper().put(PropertyKeys.topGroupIconPosition, topGroupIconPosition); + public void setTopGroupCollapseIconRight(String topGroupCollapseIconRight) { + getStateHelper().put(PropertyKeys.topGroupCollapseIconRight, topGroupCollapseIconRight); } + public String getTopGroupDisableIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.topGroupDisableIconLeft, Icons.DEFAULT.toString()); + } + + public void setTopGroupDisableIconLeft(String topGroupDisableIconLeft) { + getStateHelper().put(PropertyKeys.topGroupDisableIconLeft, topGroupDisableIconLeft); + } + + public String getTopGroupDisableIconRight() { + return (String) getStateHelper().eval(PropertyKeys.topGroupDisableIconRight, Icons.DEFAULT.toString()); + } + + public void setTopGroupDisableIconRight(String topGroupDisableIconRight) { + getStateHelper().put(PropertyKeys.topGroupDisableIconRight, topGroupDisableIconRight); + } + public String getOnclick() { return (String) getStateHelper().eval(PropertyKeys.onclick); } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuGroup.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuGroup.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuGroup.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -24,15 +24,15 @@ package org.richfaces.component.html; import org.richfaces.component.UIPanelMenuGroup; + import javax.faces.component.behavior.ClientBehaviorHolder; - import java.util.Arrays; import java.util.Collection; import java.util.Collections; /** * @author akolonitsky - * @since 2010-10-25 + * @since 2010-11-29 */ public class HtmlPanelMenuGroup extends UIPanelMenuGroup implements ClientBehaviorHolder { @@ -41,6 +41,19 @@ public static final String COMPONENT_FAMILY = "org.richfaces.PanelMenuGroup"; private static final Collection<String> EVENT_NAMES = Collections.unmodifiableCollection(Arrays.asList( + "beforedomupdate", + "complete", + "click", + "dblclick", + "mousedown", + "mousemove", + "mouseout", + "mouseover", + "mouseup", + "unselect", + "select", + "beforeselect", + "collapse", "expand", "switch", @@ -51,12 +64,39 @@ public enum PropertyKeys { + iconLeftCollapsed, + iconLeftExpanded, + iconLeftDisabled, + + iconRightCollapsed, + iconRightExpanded, + iconRightDisabled, + oncollapse, onexpand, onswitch, onbeforecollapse, onbeforeexpand, - onbeforeswitch + onbeforeswitch, + + disabledClass, + hoverClass, + iconLeftClass, + iconRightClass, + style, + styleClass, + onbeforedomupdate, + oncomplete, + onclick, + ondblclick, + onmousedown, + onmousemove, + onmouseout, + onmouseover, + onmouseup, + onunselect, + onselect, + onbeforeselect } public HtmlPanelMenuGroup() { @@ -68,6 +108,65 @@ return COMPONENT_FAMILY; } + @Override + public HtmlPanelMenu getPanelMenu() { + return (HtmlPanelMenu) super.getPanelMenu(); + } + + public String getIconLeftCollapsed() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftCollapsed, + isTopItem() ? getPanelMenu().getTopGroupCollapseIconLeft() : getPanelMenu().getGroupCollapseIconLeft()); + } + + public void setIconLeftCollapsed(String iconLeftCollapsed) { + getStateHelper().put(PropertyKeys.iconLeftCollapsed, iconLeftCollapsed); + } + + public String getIconLeftExpanded() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftExpanded, + isTopItem() ? getPanelMenu().getTopGroupExpandIconLeft() : getPanelMenu().getGroupExpandIconLeft()); + } + + public void setIconLeftExpanded(String iconLeftExpanded) { + getStateHelper().put(PropertyKeys.iconLeftExpanded, iconLeftExpanded); + } + + public String getIconLeftDisabled() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftDisabled, + isTopItem() ? getPanelMenu().getTopGroupDisableIconLeft() : getPanelMenu().getGroupDisableIconLeft()); + } + + public void setIconLeftDisabled(String iconLeftDisabled) { + getStateHelper().put(PropertyKeys.iconLeftDisabled, iconLeftDisabled); + } + + public String getIconRightCollapsed() { + return (String) getStateHelper().eval(PropertyKeys.iconRightCollapsed, + isTopItem() ? getPanelMenu().getTopGroupCollapseIconRight() : getPanelMenu().getGroupCollapseIconRight()); + } + + public void setIconRightCollapsed(String iconRightCollapsed) { + getStateHelper().put(PropertyKeys.iconRightCollapsed, iconRightCollapsed); + } + + public String getIconRightExpanded() { + return (String) getStateHelper().eval(PropertyKeys.iconRightExpanded, + isTopItem() ? getPanelMenu().getTopGroupExpandIconRight() : getPanelMenu().getGroupExpandIconRight()); + } + + public void setIconRightExpanded(String iconRightExpanded) { + getStateHelper().put(PropertyKeys.iconRightExpanded, iconRightExpanded); + } + + public String getIconRightDisabled() { + return (String) getStateHelper().eval(PropertyKeys.iconRightDisabled, + isTopItem() ? getPanelMenu().getTopGroupDisableIconRight() : getPanelMenu().getGroupDisableIconRight()); + } + + public void setIconRightDisabled(String iconRightDisabled) { + getStateHelper().put(PropertyKeys.iconRightDisabled, iconRightDisabled); + } + public String getOncollapse() { return (String) getStateHelper().eval(PropertyKeys.oncollapse); } @@ -116,8 +215,153 @@ getStateHelper().put(PropertyKeys.onbeforeswitch, onbeforeswitch); } + public String getDisabledClass() { + return (String) getStateHelper().eval(PropertyKeys.disabledClass, + isTopItem() ? getPanelMenu().getTopGroupDisableClass() : getPanelMenu().getGroupDisableClass()); + } + public void setDisabledClass(String disabledClass) { + getStateHelper().put(PropertyKeys.disabledClass, disabledClass); + } + public String getHoverClass() { + return (String) getStateHelper().eval(PropertyKeys.hoverClass); + } + + public void setHoverClass(String hoverClass) { + getStateHelper().put(PropertyKeys.hoverClass, hoverClass); + } + + public String getIconLeftClass() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftClass); + } + + public void setIconLeftClass(String iconLeftClass) { + getStateHelper().put(PropertyKeys.iconLeftClass, iconLeftClass); + } + + public String getIconRightClass() { + return (String) getStateHelper().eval(PropertyKeys.iconRightClass); + } + + public void setIconRightClass(String iconRightClass) { + getStateHelper().put(PropertyKeys.iconRightClass, iconRightClass); + } + + public String getStyle() { + return (String) getStateHelper().eval(PropertyKeys.style); + } + + public void setStyle(String style) { + getStateHelper().put(PropertyKeys.style, style); + } + + public String getStyleClass() { + return (String) getStateHelper().eval(PropertyKeys.styleClass, + isTopItem() ? getPanelMenu().getTopGroupClass() : getPanelMenu().getGroupClass() ); + } + + public void setStyleClass(String styleClass) { + getStateHelper().put(PropertyKeys.styleClass, styleClass); + } + + public String getOnbeforedomupdate() { + return (String) getStateHelper().eval(PropertyKeys.onbeforedomupdate); + } + + public void setOnbeforedomupdate(String onbeforedomupdate) { + getStateHelper().put(PropertyKeys.onbeforedomupdate, onbeforedomupdate); + } + + public String getOncomplete() { + return (String) getStateHelper().eval(PropertyKeys.oncomplete); + } + + public void setOncomplete(String oncomplete) { + getStateHelper().put(PropertyKeys.oncomplete, oncomplete); + } + + public String getOnclick() { + return (String) getStateHelper().eval(PropertyKeys.onclick); + } + + public void setOnclick(String onclick) { + getStateHelper().put(PropertyKeys.onclick, onclick); + } + + public String getOndblclick() { + return (String) getStateHelper().eval(PropertyKeys.ondblclick); + } + + public void setOndblclick(String ondblclick) { + getStateHelper().put(PropertyKeys.ondblclick, ondblclick); + } + + public String getOnmousedown() { + return (String) getStateHelper().eval(PropertyKeys.onmousedown); + } + + public void setOnmousedown(String onmousedown) { + getStateHelper().put(PropertyKeys.onmousedown, onmousedown); + } + + public String getOnmousemove() { + return (String) getStateHelper().eval(PropertyKeys.onmousemove); + } + + public void setOnmousemove(String onmousemove) { + getStateHelper().put(PropertyKeys.onmousemove, onmousemove); + } + + public String getOnmouseout() { + return (String) getStateHelper().eval(PropertyKeys.onmouseout); + } + + public void setOnmouseout(String onmouseout) { + getStateHelper().put(PropertyKeys.onmouseout, onmouseout); + } + + public String getOnmouseover() { + return (String) getStateHelper().eval(PropertyKeys.onmouseover); + } + + public void setOnmouseover(String onmouseover) { + getStateHelper().put(PropertyKeys.onmouseover, onmouseover); + } + + public String getOnmouseup() { + return (String) getStateHelper().eval(PropertyKeys.onmouseup); + } + + public void setOnmouseup(String onmouseup) { + getStateHelper().put(PropertyKeys.onmouseup, onmouseup); + } + + public String getOnunselect() { + return (String) getStateHelper().eval(PropertyKeys.onunselect); + } + + public void setOnunselect(String onunselect) { + getStateHelper().put(PropertyKeys.onunselect, onunselect); + } + + public String getOnselect() { + return (String) getStateHelper().eval(PropertyKeys.onselect); + } + + public void setOnselect(String onselect) { + getStateHelper().put(PropertyKeys.onselect, onselect); + } + + public String getOnbeforeselect() { + return (String) getStateHelper().eval(PropertyKeys.onbeforeselect); + } + + public void setOnbeforeselect(String onbeforeselect) { + getStateHelper().put(PropertyKeys.onbeforeselect, onbeforeselect); + } + + @Override public Collection<String> getEventNames() { return EVENT_NAMES; Modified: trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuItem.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuItem.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/component/html/HtmlPanelMenuItem.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -24,8 +24,8 @@ package org.richfaces.component.html; import org.richfaces.component.UIPanelMenuItem; + import javax.faces.component.behavior.ClientBehaviorHolder; - import java.util.Arrays; import java.util.Collection; import java.util.Collections; @@ -58,12 +58,13 @@ public enum PropertyKeys { disabledClass, - disabledStyle, hoverClass, - hoverStyle, - iconClass, - iconDisabled, - iconStyle, + iconLeft, + iconLeftClass, + iconLeftDisabled, + iconRight, + iconRightClass, + iconRightDisabled, style, styleClass, onbeforedomupdate, @@ -85,26 +86,24 @@ } @Override + public HtmlPanelMenu getPanelMenu() { + return (HtmlPanelMenu) super.getPanelMenu(); + } + + @Override public String getFamily() { return COMPONENT_FAMILY; } public String getDisabledClass() { - return (String) getStateHelper().eval(PropertyKeys.disabledClass); + return (String) getStateHelper().eval(PropertyKeys.disabledClass, + isTopItem() ? getPanelMenu().getTopItemDisableClass() : getPanelMenu().getItemDisableClass()); } public void setDisabledClass(String disabledClass) { getStateHelper().put(PropertyKeys.disabledClass, disabledClass); } - public String getDisabledStyle() { - return (String) getStateHelper().eval(PropertyKeys.disabledStyle); - } - - public void setDisabledStyle(String disabledStyle) { - getStateHelper().put(PropertyKeys.disabledStyle, disabledStyle); - } - public String getHoverClass() { return (String) getStateHelper().eval(PropertyKeys.hoverClass); } @@ -113,38 +112,58 @@ getStateHelper().put(PropertyKeys.hoverClass, hoverClass); } - public String getHoverStyle() { - return (String) getStateHelper().eval(PropertyKeys.hoverStyle); + public String getIconLeft() { + return (String) getStateHelper().eval(PropertyKeys.iconLeft, + isTopItem() ? getPanelMenu().getTopItemIconLeft() : getPanelMenu().getItemIconLeft()); } - public void setHoverStyle(String hoverStyle) { - getStateHelper().put(PropertyKeys.hoverStyle, hoverStyle); + public void setIconLeft(String iconLeft) { + getStateHelper().put(PropertyKeys.iconLeft, iconLeft); } - public String getIconClass() { - return (String) getStateHelper().eval(PropertyKeys.iconClass); + public String getIconLeftClass() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftClass); } - public void setIconClass(String iconClass) { - getStateHelper().put(PropertyKeys.iconClass, iconClass); + public void setIconLeftClass(String iconLeftClass) { + getStateHelper().put(PropertyKeys.iconLeftClass, iconLeftClass); } - public String getIconDisabled() { - return (String) getStateHelper().eval(PropertyKeys.iconDisabled); + public String getIconLeftDisabled() { + return (String) getStateHelper().eval(PropertyKeys.iconLeftDisabled, + isTopItem() ? getPanelMenu().getTopItemDisableIconLeft() : getPanelMenu().getItemDisableIconLeft()); } - public void setIconDisabled(String iconDisabled) { - getStateHelper().put(PropertyKeys.iconDisabled, iconDisabled); + public void setIconLeftDisabled(String iconLeftDisabled) { + getStateHelper().put(PropertyKeys.iconLeftDisabled, iconLeftDisabled); } - public String getIconStyle() { - return (String) getStateHelper().eval(PropertyKeys.iconStyle); + public String getIconRight() { + return (String) getStateHelper().eval(PropertyKeys.iconRight, + isTopItem() ? getPanelMenu().getTopItemIconRight() : getPanelMenu().getItemIconRight()); } - public void setIconStyle(String iconStyle) { - getStateHelper().put(PropertyKeys.iconStyle, iconStyle); + public void setIconRight(String iconRight) { + getStateHelper().put(PropertyKeys.iconRight, iconRight); } + public String getIconRightClass() { + return (String) getStateHelper().eval(PropertyKeys.iconRightClass); + } + + public void setIconRightClass(String iconRightClass) { + getStateHelper().put(PropertyKeys.iconRightClass, iconRightClass); + } + + public String getIconRightDisabled() { + return (String) getStateHelper().eval(PropertyKeys.iconRightDisabled, + isTopItem() ? getPanelMenu().getTopItemDisableIconRight() : getPanelMenu().getItemDisableIconRight()); + } + + public void setIconRightDisabled(String iconRightDisabled) { + getStateHelper().put(PropertyKeys.iconRightDisabled, iconRightDisabled); + } + public String getStyle() { return (String) getStateHelper().eval(PropertyKeys.style); } @@ -154,7 +173,8 @@ } public String getStyleClass() { - return (String) getStateHelper().eval(PropertyKeys.styleClass); + return (String) getStateHelper().eval(PropertyKeys.styleClass, + isTopItem() ? getPanelMenu().getTopItemClass() : getPanelMenu().getItemClass() ); } public void setStyleClass(String styleClass) { Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuGroupRenderer.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuGroupRenderer.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuGroupRenderer.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -29,6 +29,7 @@ import org.richfaces.component.AbstractPanelMenuItem; import org.richfaces.component.html.HtmlPanelMenuGroup; import org.richfaces.renderkit.HtmlConstants; +import org.richfaces.renderkit.RenderKitUtils; import javax.faces.component.UIComponent; import javax.faces.context.FacesContext; @@ -37,7 +38,6 @@ import java.util.HashMap; import java.util.Map; -import static org.richfaces.component.util.HtmlUtil.concatClasses; import static org.richfaces.renderkit.html.TogglePanelRenderer.addEventOption; import static org.richfaces.renderkit.html.TogglePanelRenderer.getAjaxOptions; @@ -109,11 +109,79 @@ writer.startElement("div", null); writer.writeAttribute("id", menuGroup.getClientId(context) + ":hdr", null); writer.writeAttribute("class", getCssClass(menuGroup, "-hdr"), null); - PanelMenuItemRenderer.encodeHeaderGroup(writer, context, menuGroup, getCssClass(menuGroup, "")); -// writer.writeText(menuGroup.getLabel(), null); + encodeHeaderGroup(writer, context, menuGroup, getCssClass(menuGroup, "")); writer.endElement("div"); } + private void encodeHeaderGroup(ResponseWriter writer, FacesContext context, HtmlPanelMenuGroup menuItem, String classPrefix) throws IOException { + writer.startElement("table", null); + writer.writeAttribute("class", classPrefix + "-gr", null); + writer.startElement("tr", null); + + encodeHeaderGroupIconLeft(writer, context, menuItem, classPrefix); + + writer.startElement("td", null); + writer.writeAttribute("class", classPrefix + "-lbl", null); + writer.writeText(menuItem.getLabel(), null); + writer.endElement("td"); + + encodeHeaderGroupIconRight(writer, context, menuItem, classPrefix); + + writer.endElement("tr"); + writer.endElement("table"); + } + + private void encodeHeaderGroupIconLeft(ResponseWriter writer, FacesContext context, HtmlPanelMenuGroup menuGroup, String classPrefix) throws IOException { + String iconCollapsed = menuGroup.isDisabled() ? menuGroup.getIconLeftDisabled() : menuGroup.getIconLeftCollapsed(); + String iconExpanded = menuGroup.isDisabled() ? menuGroup.getIconLeftDisabled() : menuGroup.getIconLeftExpanded(); + + encodeTdIcon(writer, context, classPrefix + "-ico", menuGroup.isExpanded(), iconCollapsed, iconExpanded); + } + + private void encodeHeaderGroupIconRight(ResponseWriter writer, FacesContext context, HtmlPanelMenuGroup menuItem, String classPrefix) throws IOException { + String iconCollapsed = menuItem.isDisabled() ? menuItem.getIconRightDisabled() : menuItem.getIconRightCollapsed(); + String iconExpanded = menuItem.isDisabled() ? menuItem.getIconRightDisabled() : menuItem.getIconRightExpanded(); + + encodeTdIcon(writer, context, classPrefix + "-exp-ico", menuItem.isExpanded(), iconCollapsed, iconExpanded); + } + + private void encodeTdIcon(ResponseWriter writer, FacesContext context, String cssClass, boolean isExpanded, String attrIconCollapsedValue, String attrIconExpandedValue) throws IOException { + writer.startElement("td", null); + writer.writeAttribute("class", cssClass, null); + try { + AbstractPanelMenuItem.Icons iconCollapsed = AbstractPanelMenuItem.Icons.valueOf(attrIconCollapsedValue); + writer.startElement("div", null); + writer.writeAttribute("class", concatClasses("rf-pm-ico-colps", iconCollapsed.cssClass()), null); + writer.writeAttribute("style", styleElement("display", isExpanded ? "none" : "block"), null); + writer.endElement("div"); + } catch (IllegalArgumentException e) { + if(attrIconCollapsedValue != null && attrIconCollapsedValue.trim().length() != 0) { + writer.startElement(HtmlConstants.IMG_ELEMENT, null); + writer.writeAttribute(HtmlConstants.ALT_ATTRIBUTE, "", null); + writer.writeURIAttribute(HtmlConstants.SRC_ATTRIBUTE, RenderKitUtils.getResourceURL(attrIconCollapsedValue, context), null); + writer.endElement(HtmlConstants.IMG_ELEMENT); + } + } + + try { + AbstractPanelMenuItem.Icons iconExpanded = AbstractPanelMenuItem.Icons.valueOf(attrIconExpandedValue); + writer.startElement("div", null); + writer.writeAttribute("class", concatClasses("rf-pm-ico-exp", iconExpanded.cssClass()), null); + writer.writeAttribute("style", styleElement("display", isExpanded ? "block" : "none"), null); + writer.endElement("div"); + } catch (IllegalArgumentException e) { + if(attrIconExpandedValue != null && attrIconExpandedValue.trim().length() != 0) { + writer.startElement(HtmlConstants.IMG_ELEMENT, null); + writer.writeAttribute(HtmlConstants.ALT_ATTRIBUTE, "", null); + writer.writeURIAttribute(HtmlConstants.SRC_ATTRIBUTE, RenderKitUtils.getResourceURL(attrIconExpandedValue, context), null); + writer.endElement(HtmlConstants.IMG_ELEMENT); + } + } + + writer.endElement("td"); + } + + public String getCssClass(AbstractPanelMenuItem item, String postfix) { return (item.isTopItem() ? TOP_CSS_CLASS_PREFIX : CSS_CLASS_PREFIX) + postfix; } @@ -132,7 +200,12 @@ @Override protected String getStyleClass(UIComponent component) { - return concatClasses(getCssClass((AbstractPanelMenuItem) component, ""), attributeAsString(component, "styleClass")); + AbstractPanelMenuItem menuItem = (AbstractPanelMenuItem) component; + + return concatClasses(getCssClass(menuItem, ""), + attributeAsString(component, "styleClass"), + menuItem.isDisabled() ? getCssClass(menuItem, "-dis") : "", + menuItem.isDisabled() ? attributeAsString(component, "disabledClass") : ""); } @Override @@ -149,10 +222,11 @@ options.put("ajax", getAjaxOptions(context, panelMenuGroup)); options.put("name", panelMenuGroup.getName()); options.put("mode", panelMenuGroup.getMode()); + options.put("disabled", panelMenuGroup.isDisabled()); options.put("expandEvent", panelMenuGroup.getExpandEvent()); options.put("collapseEvent", panelMenuGroup.getCollapseEvent()); options.put("expandSingle", panelMenuGroup.isExpandSingle()); - options.put("bubbleSelection", panelMenuGroup.getBubbleSelection()); + options.put("bubbleSelection", panelMenuGroup.isBubbleSelection()); options.put("expanded", panelMenuGroup.isExpanded()); addEventOption(context, panelMenuGroup, options, COLLAPSE); Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuItemRenderer.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuItemRenderer.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/PanelMenuItemRenderer.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -26,7 +26,6 @@ import org.ajax4jsf.javascript.JSObject; import org.richfaces.component.AbstractPanelMenuItem; import org.richfaces.component.html.HtmlPanelMenuItem; -import org.richfaces.component.util.HtmlUtil; import org.richfaces.renderkit.HtmlConstants; import org.richfaces.renderkit.RenderKitUtils; @@ -51,41 +50,55 @@ public static final String BEFORE_SELECT = "beforeselect"; private static final String CSS_CLASS_PREFIX = "rf-pm-itm"; + private static final String TOP_CSS_CLASS_PREFIX = "rf-pm-top-itm"; @Override protected void doEncodeBegin(ResponseWriter writer, FacesContext context, UIComponent component) throws IOException { super.doEncodeBegin(writer, context, component); - encodeHeaderGroup(writer, context, (AbstractPanelMenuItem) component, CSS_CLASS_PREFIX); + HtmlPanelMenuItem menuItem = (HtmlPanelMenuItem) component; + encodeHeaderGroup(writer, context, menuItem, menuItem.isTopItem() ? TOP_CSS_CLASS_PREFIX : CSS_CLASS_PREFIX); } - static void encodeHeaderGroup(ResponseWriter writer, FacesContext context, AbstractPanelMenuItem menuItem, String classPrefix) throws IOException { + private void encodeHeaderGroup(ResponseWriter writer, FacesContext context, HtmlPanelMenuItem menuItem, String classPrefix) throws IOException { writer.startElement("table", null); writer.writeAttribute("class", classPrefix + "-gr", null); writer.startElement("tr", null); - encodeTdIcon(writer, context, classPrefix, menuItem.getIcon()); + encodeHeaderGroupLeftIcon(writer, context, menuItem, classPrefix); writer.startElement("td", null); writer.writeAttribute("class", classPrefix + "-lbl", null); writer.writeText(menuItem.getLabel(), null); writer.endElement("td"); - writer.startElement("td", null); - writer.writeAttribute("class", HtmlUtil.concatClasses(classPrefix + "-exp-ico", "rf-pm-triangle-down"), null); - writer.endElement("td"); + encodeHeaderGroupRightIcon(writer, context, menuItem, classPrefix); writer.endElement("tr"); writer.endElement("table"); } - private static void encodeTdIcon(ResponseWriter writer, FacesContext context, String classPrefix, String attrIconValue) throws IOException { + private void encodeHeaderGroupRightIcon(ResponseWriter writer, FacesContext context, HtmlPanelMenuItem menuItem, String classPrefix) throws IOException { + String icon = menuItem.isDisabled() ? menuItem.getIconRightDisabled() : menuItem.getIconRight(); + String cssClasses = concatClasses(classPrefix + "-exp-ico", menuItem.getIconLeftClass()); + + encodeTdIcon(writer, context, cssClasses, icon); + } + + private void encodeHeaderGroupLeftIcon(ResponseWriter writer, FacesContext context, HtmlPanelMenuItem menuItem, String classPrefix) throws IOException { + String icon = menuItem.isDisabled() ? menuItem.getIconLeftDisabled() : menuItem.getIconLeft(); + String cssClasses = concatClasses(classPrefix + "-ico", menuItem.getIconLeftClass()); + + encodeTdIcon(writer, context, cssClasses, icon); + } + + public void encodeTdIcon(ResponseWriter writer, FacesContext context, String classPrefix, String attrIconValue) throws IOException { writer.startElement("td", null); try { AbstractPanelMenuItem.Icons icon = AbstractPanelMenuItem.Icons.valueOf(attrIconValue); - writer.writeAttribute("class", HtmlUtil.concatClasses(classPrefix + "-ico", icon.cssClass()), null); + writer.writeAttribute("class", concatClasses(classPrefix, icon.cssClass()), null); } catch (IllegalArgumentException e) { - writer.writeAttribute("class", classPrefix + "-ico", null); + writer.writeAttribute("class", classPrefix, null); if(attrIconValue != null && attrIconValue.trim().length() != 0) { writer.startElement(HtmlConstants.IMG_ELEMENT, null); writer.writeAttribute(HtmlConstants.ALT_ATTRIBUTE, "", null); @@ -99,9 +112,17 @@ @Override protected String getStyleClass(UIComponent component) { - return concatClasses(CSS_CLASS_PREFIX, attributeAsString(component, "styleClass")); + AbstractPanelMenuItem menuItem = (AbstractPanelMenuItem) component; + return concatClasses(getCssClass(menuItem, ""), + attributeAsString(component, "styleClass"), + menuItem.isDisabled() ? getCssClass(menuItem, "-dis") : "", + menuItem.isDisabled() ? attributeAsString(component, "disabledClass") : ""); } + public String getCssClass(AbstractPanelMenuItem item, String postfix) { + return (item.isTopItem() ? TOP_CSS_CLASS_PREFIX : CSS_CLASS_PREFIX) + postfix; + } + @Override protected JSObject getScriptObject(FacesContext context, UIComponent component) { return new JSObject("RichFaces.ui.PanelMenuItem", Modified: trunk/ui/output/ui/src/main/resources/META-INF/pn.faces-config.xml =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/pn.faces-config.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/resources/META-INF/pn.faces-config.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -1605,16 +1605,31 @@ </property> <property> <description></description> - <property-name>iconCollapsed</property-name> + <property-name>bubbleSelection</property-name> + <property-class>boolean</property-class> + </property> + <property> + <description></description> + <property-name>iconLeftCollapsed</property-name> <property-class>java.lang.String</property-class> </property> <property> <description></description> - <property-name>iconExpanded</property-name> + <property-name>iconLeftExpanded</property-name> <property-class>java.lang.String</property-class> </property> <property> <description></description> + <property-name>iconRightCollapsed</property-name> + <property-class>java.lang.String</property-class> + </property> + <property> + <description></description> + <property-name>iconRightExpanded</property-name> + <property-class>java.lang.String</property-class> + </property> + <property> + <description></description> <property-name>changeExpandListener</property-name> <property-class>java.lang.String</property-class> </property> @@ -1641,7 +1656,7 @@ <property> <description></description> <property-name>groupMode</property-name> - <property-class>org.richfaces.ExpandMode</property-class> + <property-class>org.richfaces.PanelMenuMode</property-class> </property> <property> <description></description> @@ -1698,6 +1713,7 @@ <property-name>render</property-name> <property-class>java.lang.Object</property-class> </property> + </component> <render-kit> Modified: trunk/ui/output/ui/src/main/resources/META-INF/pn.taglib.xml =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/pn.taglib.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/resources/META-INF/pn.taglib.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -290,32 +290,27 @@ </attribute> <attribute> <description></description> - <name>disabledStyle</name> - <type>java.lang.String</type> - </attribute> - <attribute> - <description></description> <name>hoverClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>hoverStyle</name> + <name>iconLeftClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>iconClass</name> + <name>iconLeftDisabled</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>iconDisabled</name> + <name>iconRightClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>iconStyle</name> + <name>iconRightDisabled</name> <type>java.lang.String</type> </attribute> <attribute> @@ -419,16 +414,31 @@ </attribute> <attribute> <description></description> - <name>iconCollapsed</name> + <name>bubbleSelection</name> + <type>boolean</type> + </attribute> + <attribute> + <description></description> + <name>iconLeftCollapsed</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>iconExpanded</name> + <name>iconLeftExpanded</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> + <name>iconRightCollapsed</name> + <type>java.lang.String</type> + </attribute> + <attribute> + <description></description> + <name>iconRightExpanded</name> + <type>java.lang.String</type> + </attribute> + <attribute> + <description></description> <name>changeExpandListener</name> <type>java.lang.String</type> </attribute> @@ -559,7 +569,7 @@ <attribute> <description></description> <name>groupMode</name> - <type>org.richfaces.ExpandMode</type> + <type>org.richfaces.PanelMenuMode</type> </attribute> <attribute> <description></description> @@ -653,27 +663,27 @@ </attribute> <attribute> <description></description> - <name>itemHoverClass</name> + <name>itemDisableClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>itemDisableClass</name> + <name>itemIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>itemIcon</name> + <name>itemIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>itemDisableIcon</name> + <name>itemDisableIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>itemIconPosition</name> + <name>itemDisableIconRight</name> <type>java.lang.String</type> </attribute> <attribute> @@ -683,27 +693,27 @@ </attribute> <attribute> <description></description> - <name>topItemHoverClass</name> + <name>topItemDisableClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topItemDisableClass</name> + <name>topItemIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topItemIcon</name> + <name>topItemIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topItemDisableIcon</name> + <name>topItemDisableIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topItemIconPosition</name> + <name>topItemDisableIconRight</name> <type>java.lang.String</type> </attribute> <attribute> @@ -713,42 +723,42 @@ </attribute> <attribute> <description></description> - <name>groupHoverClass</name> + <name>groupDisableClass</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>groupDisableClass</name> + <name>groupExpandIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>groupCollapseIcon</name> + <name>groupExpandIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>groupExpandIcon</name> + <name>groupCollapseIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>groupDisableIcon</name> + <name>groupCollapseIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>groupIconPosition</name> + <name>groupDisableIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topGroupClass</name> + <name>groupDisableIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topGroupHoverClass</name> + <name>topGroupClass</name> <type>java.lang.String</type> </attribute> <attribute> @@ -758,26 +768,36 @@ </attribute> <attribute> <description></description> - <name>topGroupCollapseIcon</name> + <name>topGroupExpandIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topGroupExpandIcon</name> + <name>topGroupExpandIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topGroupDisableIcon</name> + <name>topGroupCollapseIconLeft</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> - <name>topGroupIconPosition</name> + <name>topGroupCollapseIconRight</name> <type>java.lang.String</type> </attribute> <attribute> <description></description> + <name>topGroupDisableIconLeft</name> + <type>java.lang.String</type> + </attribute> + <attribute> + <description></description> + <name>topGroupDisableIconRight</name> + <type>java.lang.String</type> + </attribute> + <attribute> + <description></description> <name>onclick</name> <type>java.lang.String</type> </attribute> Copied: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenu.js (from rev 20205, trunk/examples/output-demo/src/main/webapp/resources/PanelMenu.js) =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenu.js (rev 0) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenu.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,208 @@ +/* + * JBoss, Home of Professional Open Source + * Copyright ${year}, Red Hat, Inc. and individual contributors + * by the @authors tag. See the copyright.txt in the distribution for a + * full listing of individual contributors. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + + +(function ($, rf) { + + rf.ui = rf.ui || {}; + + var __DEFAULT_OPTIONS = { + expandSingle : true + }; + + rf.ui.PanelMenu = rf.BaseComponent.extendClass({ + // class name + name:"PanelMenu", + + /** + * @class PanelMenu + * @name PanelMenu + * + * @constructor + * @param {String} componentId - component id + * @param {Hash} options - params + * */ + init : function (componentId, options) { + this.id = componentId; + this.items = []; + this.attachToDom(componentId); + + this.options = $.extend({}, __DEFAULT_OPTIONS, options || {}); + this.activeItem = this.__getValueInput().value; + this.nestingLevel = 0; + + var menuGroup = this; + if (menuGroup.options.expandSingle) { + menuGroup.__panelMenu().bind("expand", function (event) { + menuGroup.__childGroups().each (function (index, group) { + if (event.target.id != group.id) { + rf.$(group.id).collapse(); + } + }); + + event.stopPropagation(); + }); + } + + if (menuGroup.activeItem) { + this.__panelMenu().ready(function () { + var item = menuGroup.items[menuGroup.activeItem]; + item.__select(); + item.__fireSelect(); + }) + } + + this.__addUserEventHandler("collapse"); + this.__addUserEventHandler("expand"); + }, + + getItems: function () { + return this.items; + }, + + getItem: function (name) { + return this.items[name]; + }, + + /***************************** Public Methods ****************************************************************/ + /** + * @methodOf + * @name PanelMenu#selectItem + * + * TODO ... + * + * @param {String} name + * @return {void} TODO ... + */ + selectItem: function (name) { + // TODO implement + }, + + /** + * @methodOf + * @name PanelMenu#selectedItem + * + * TODO ... + * + * @return {String} TODO ... + */ + selectedItem: function (id) { + if (id != undefined) { + var valueInput = this.__getValueInput(); + var prevActiveItem = valueInput.value; + + this.activeItem = id; + valueInput.value = id; + + return prevActiveItem; + } else { + return this.activeItem; + } + }, + + __getValueInput : function() { + return document.getElementById(this.id + "-value"); + }, + + selectItem: function (itemName) { + // TODO + }, + + /** + * @methodOf + * @name PanelMenu#expandAll + * + * TODO ... + * + * @return {void} TODO ... + */ + expandAll: function () { + // TODO implement + }, + + /** + * @methodOf + * @name PanelMenu#collapseAll + * + * TODO ... + * + * @return {void} TODO ... + */ + collapseAll: function () { + // TODO implement + }, + + /** + * @methodOf + * @name PanelMenu#expandGroup + * + * TODO ... + * + * @param {String} groupName + * @return {void} TODO ... + */ + expandGroup: function (groupName) { + // TODO implement + }, + + /** + * @methodOf + * @name PanelMenu#collapseGroup + * + * TODO ... + * + * @param {String} groupName + * @return {void} TODO ... + */ + collapseGroup: function (groupName) { + // TODO implement + }, + + + /***************************** Private Methods ****************************************************************/ + + + __panelMenu : function () { + return $(rf.getDomElement(this.id)); + }, + + __childGroups : function () { + return this.__panelMenu().children(".rf-pm-top-gr") + }, + + /** + * @private + * */ + __addUserEventHandler : function (name) { + var handler = this.options["on" + name]; + if (handler) { + rf.Event.bindById(this.id, name, handler); + } + }, + + destroy: function () { + rf.Event.unbindById(this.id, "."+this.namespace); + + this.$super.destroy.call(this); + } + }); +})(jQuery, RichFaces); Copied: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuGroup.js (from rev 20205, trunk/examples/output-demo/src/main/webapp/resources/PanelMenuGroup.js) =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuGroup.js (rev 0) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuGroup.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,363 @@ +/* + * JBoss, Home of Professional Open Source + * Copyright ${year}, Red Hat, Inc. and individual contributors + * by the @authors tag. See the copyright.txt in the distribution for a + * full listing of individual contributors. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + + +(function ($, rf) { + + rf.ui = rf.ui || {}; + + var __DEFAULT_OPTIONS = { + expanded : false, + expandSingle : true, + bubbleSelection : true, + stylePrefix : "rf-pm-gr", + + // TODO we should use selectionType = {none, selectable, unselectable} + selectable : false, + unselectable : false // unselectable can be only selectable item => if selectable == false than unselectable = false + }; + + var EXPAND_ITEM = { + + /** + * + * @return {void} + * */ + exec : function (group, expand) { + var mode = group.mode; + if (mode == "server") { + return this.execServer(group); + } else if (mode == "ajax") { + return this.execAjax(group); + } else if (mode == "client" || mode == "none") { + return this.execClient(group, expand); + } else { + rf.log.error("EXPAND_ITEM.exec : unknown mode (" + mode + ")"); + } + }, + + /** + * @protected + * + * @return {Boolean} false + * */ + execServer : function (group) { + group.__changeState(); + rf.submitForm(this.__getParentForm(group)); + + return false; + }, + + /** + * @protected + * + * @return {Boolean} false + * */ + execAjax : function (group) { + var oldState = group.__changeState(); + rf.ajax(group.id, null, $.extend({}, group.options["ajax"], {})); + group.__restoreState(oldState); + + return true; + }, + + /** + * @protected + * + * @param {PanelMenuGroup} group + * @param {Boolean} expand + * @return {undefined} + * - false - if process has been terminated + * - true - in other cases + * */ + execClient : function (group, expand) { + if (expand) { + group.expand(); + } else { + group.collapse(); + } + + return group.__fireSwitch(); + }, + + /** + * @private + * */ + __getParentForm : function (item) { + return $($(rf.getDomElement(item.id)).parents("form")[0]); + } + }; + + rf.ui.PanelMenuGroup = rf.ui.PanelMenuItem.extendClass({ + // class name + name:"PanelMenuGroup", + + /** + * @class PanelMenuGroup + * @name PanelMenuGroup + * + * @constructor + * @param {String} componentId - component id + * @param {Hash} options - params + * */ + init : function (componentId, options) { + this.options = $.extend({}, __DEFAULT_OPTIONS, options || {}); + + rf.ui.PanelMenuItem.call(this, componentId); + + if (!this.options.disabled) { + var menuGroup = this; + + if (!this.options.selectable) { + this.__header().bind("click", function () { + return menuGroup.switchExpantion(); + }); + } + + if (this.options.selectable || this.options.bubbleSelection) { + this.__content().bind("select", function (event) { + if (menuGroup.options.selectable && menuGroup.__isMyEvent(event)) { + menuGroup.expand(); + } + + if (menuGroup.options.bubbleSelection && !menuGroup.__isMyEvent(event)) { + menuGroup.__select(); + if (!menuGroup.expanded()) { + menuGroup.expand(); + } + } + }); + + this.__content().bind("unselect", function (event) { + if (menuGroup.options.selectable && menuGroup.__isMyEvent(event)) { + menuGroup.collapse(); + } + + if (menuGroup.options.bubbleSelection && !menuGroup.__isMyEvent(event)) { + menuGroup.__unselect(); + } + }); + } + + if (menuGroup.options.expandSingle) { + menuGroup.__group().bind("expand", function (event) { + if (menuGroup.__isMyEvent(event)) { + return; + } + + menuGroup.__childGroups().each (function (index, group) { + var rfGroup = rf.$(group); + if (!rfGroup.__isMyEvent(event)) { + rfGroup.collapse(); + } + }); + + event.stopPropagation(); + }); + } + + this.__addUserEventHandler("collapse"); + this.__addUserEventHandler("expand"); + } + }, + + /***************************** Public Methods ****************************************************************/ + expanded : function () { + // TODO check invariant in dev mode + // return this.__content().hasClass("rf-pm-exp") + return this.__getExpandValue(); + }, + + expand : function () { + this.__expand(); + + return this.__fireExpand(); + }, + + __expand : function () { + this.__content().removeClass("rf-pm-colps").addClass("rf-pm-exp"); + var header = this.__header(); + header.find(".rf-pm-ico-colps").hide(); + header.find(".rf-pm-ico-exp").show(); + + this.__setExpandValue(true); + }, + + collapsed : function () { + // TODO check invariant in dev mode + // return this.__content().hasClass("rf-pm-colps") + return !this.__getExpandValue(); + }, + + collapse : function () { + this.__collapse(); + + this.__childGroups().each (function(index, group) { + rf.$(group.id).__collapse(); + }); + + this.__fireCollapse(); + }, + + __collapse : function () { + this.__content().addClass("rf-pm-colps").removeClass("rf-pm-exp"); + var header = this.__header(); + header.find(".rf-pm-ico-exp").hide(); + header.find(".rf-pm-ico-colps").show(); + + this.__setExpandValue(false); + }, + + /** + * @methodOf + * @name PanelMenuGroup#switch + * + * TODO ... + * + * @param {boolean} expand + * @return {void} TODO ... + */ + switchExpantion : function () { // TODO rename + var continueProcess = this.__fireBeforeSwitch(); + if (!continueProcess) { + return false; + } + + EXPAND_ITEM.exec(this, !this.expanded()); + }, + + /** + * please, remove this method when client side ajax events will be added + * + * */ + onCompleteHandler : function () { + EXPAND_ITEM.execClient(this, this.expanded()); + }, + + __switch : function (expand) { + if (expand) { + this.expand(); + } else { + this.collapse(); + } + }, + + /***************************** Private Methods ****************************************************************/ + __childGroups : function () { + return this.__content().children(".rf-pm-gr") + }, + + __group : function () { + return $(rf.getDomElement(this.id)) + }, + + __header : function () { + return $(rf.getDomElement(this.id + ":hdr")) + }, + + __content : function () { + return $(rf.getDomElement(this.id + ":cnt")) + }, + + __expandValueInput : function () { + return document.getElementById(this.id + ":expanded"); + }, + + __getExpandValue : function () { + return this.__expandValueInput().value == "true"; + }, + + /** + * @methodOf + * @name PanelMenuGroup#__setExpandValue + * + * @param {boolean} value - is group expanded? + * @return {boolean} preview value + */ + __setExpandValue : function (value) { + var input = this.__expandValueInput(); + var oldValue = input.value; + + input.value = value; + + return oldValue; + }, + + __changeState : function () { + var state = {}; + state["expanded"] = this.__setExpandValue(!this.__getExpandValue()); + if (this.options.selectable) { + state["itemName"] = this.__rfPanelMenu().selectedItem(this.itemName); // TODO bad function name for function which change component state + } + + return state; + }, + + __restoreState : function (state) { + if (!state) { + return; + } + + if (state["expanded"]) { + this.__setExpandValue(state["expanded"]); + } + + if (state["itemName"]) { + this.__rfPanelMenu().selectedItem(state["itemName"]); + } + }, + + __fireSwitch : function () { + return new rf.Event.fireById(this.id, "switch", { + id: this.id + }); + }, + + __isMyEvent: function (event) { + return this.id == event.target.id; + }, + + __fireBeforeSwitch : function () { + return rf.Event.fireById(this.id, "beforeswitch", { + id: this.id + }); + }, + + __fireCollapse : function () { + return new rf.Event.fireById(this.id, "collapse", { + id: this.id + }); + }, + + __fireExpand : function () { + return new rf.Event.fireById(this.id, "expand", { + id: this.id + }); + }, + + destroy: function () { + rf.Event.unbindById(this.id, "."+this.namespace); + + this.$super.destroy.call(this); + } + }); +})(jQuery, RichFaces); Copied: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuItem.js (from rev 20205, trunk/examples/output-demo/src/main/webapp/resources/PanelMenuItem.js) =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuItem.js (rev 0) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/PanelMenuItem.js 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,319 @@ +/* + * JBoss, Home of Professional Open Source + * Copyright ${year}, Red Hat, Inc. and individual contributors + * by the @authors tag. See the copyright.txt in the distribution for a + * full listing of individual contributors. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + + +(function ($, rf) { + + rf.ui = rf.ui || {}; + + var __DEFAULT_OPTIONS = { + disabled : false, + selectable: true, + mode: "client", + unselectable: false, + highlight: true, + stylePrefix: "rf-pm-itm", + itemStep: 20 + }; + + var SELECT_ITEM = { + + /** + * + * @return {void} + * */ + exec : function (item) { + var mode = item.mode; + if (mode == "server") { + return this.execServer(item); + } else if (mode == "ajax") { + return this.execAjax(item); + } else if (mode == "client" || mode == "none") { + return this.execClient(item); + } else { + rf.log.error("SELECT_ITEM.exec : unknown mode (" + mode + ")"); + } + }, + + /** + * @protected + * + * @return {Boolean} false + * */ + execServer : function (item) { + item.__changeState(); + rf.submitForm(this.__getParentForm(item)); + + return false; + }, + + /** + * @protected + * + * @return {Boolean} false + * */ + execAjax : function (item) { + var oldItem = item.__changeState(); + rf.ajax(item.__panelMenu().id, null, $.extend({}, item.options["ajax"], {})); + item.__restoreState(oldItem); + + return true; + }, + + /** + * @protected + * + * @return {undefined} + * - false - if process has been terminated + * - true - in other cases + * */ + execClient : function (item) { + var panelMenu = item.__rfPanelMenu(); + if (panelMenu.selectedItem()) { + panelMenu.getItems()[panelMenu.selectedItem()].unselect(); + } + panelMenu.selectedItem(item.itemName); + + item.__select(); + + return item.__fireSelect(); + }, + + /** + * @private + * */ + __getParentForm : function (item) { + return $($(rf.getDomElement(item.id)).parents("form")[0]); + } + }; + + rf.ui.PanelMenuItem = rf.BaseComponent.extendClass({ + // class name + name:"PanelMenuItem", + + /** + * @class PanelMenuItem + * @name PanelMenuItem + * + * @constructor + * @param {String} componentId - component id + * @param {Hash} options - params + * */ + init : function (componentId, options) { + this.id = componentId; + this.attachToDom(componentId); + + this.options = $.extend({}, __DEFAULT_OPTIONS, this.options || {}, options || {}); + + this.mode = this.options.mode + this.itemName = this.options.name + this.__rfPanelMenu().getItems()[this.itemName] = this; + + // todo move it + this.selectionClass = this.options.stylePrefix + "-sel"; + this.hoverClass = this.options.stylePrefix + "-hov"; + + if (!this.options.disabled) { + var item = this; + if (this.options.highlight) { + this.__item().bind("mouseenter", function() { + item.highlight(true); + }); + this.__item().bind("mouseleave", function() { + item.highlight(false); + }); + } + + if (this.options.selectable) { + this.__header().bind("click", function() { + if (item.__rfPanelMenu().selectedItem() == item.id) { + if (item.options.unselectable) { + return item.unselect(); + } + + // we shouldn't select one item several times + } else { + return item.select(); + } + }); + } + } + + item = this; + $(this.__panelMenu()).ready(function () { + item.__renderNestingLevel(); + }); + + this.__addUserEventHandler("select"); + }, + + /***************************** Public Methods ****************************************************************/ + highlight : function (highlight) { + if (highlight && !this.selected()) { + this.__header().addClass(this.hoverClass); + } else { + this.__header().removeClass(this.hoverClass); + } + }, + + selected : function () { + return this.__header().hasClass(this.selectionClass); + }, + + /** + * @methodOf + * @name PanelMenuItem#select + * + * TODO ... + * + * @return {void} TODO ... + */ + select: function () { + var continueProcess = this.__fireBeforeSelect(); + if (!continueProcess) { + return false; + } + + return SELECT_ITEM.exec(this) + }, + + /** + * please, remove this method when client side ajax events will be added + * + * */ + onCompleteHandler : function () { + SELECT_ITEM.execClient(this); + }, + + unselect: function () { + var panelMenu = this.__rfPanelMenu(); + if (panelMenu.selectedItem() == this.itemName) { + panelMenu.selectedItem(null); + } else { + rf.warn("You try unselect item (name=" + this.itemName + ") that isn't seleted") + } + + this.__unselect(); + + return this.__fireUnselect(); + }, + + /***************************** Private Methods ****************************************************************/ + __rfParentItem : function () { + var res = this.__item().parents(".rf-pm-gr")[0]; + if (!res) { + res = this.__item().parents(".rf-pm-top-gr")[0]; + } + + if (!res) { + res = this.__panelMenu(); + } + + return res ? rf.$(res) : null; + }, + + __getNestingLevel : function () { + if (!this.nestingLevel) { + var parentItem = this.__rfParentItem(); + if (parentItem && parentItem.__getNestingLevel) { + this.nestingLevel = parentItem.__getNestingLevel() + 1; + } else { + this.nestingLevel = 0; + } + } + + return this.nestingLevel; + }, + + __renderNestingLevel : function () { + this.__item().find("td").first().css("padding-left", this.options.itemStep * this.__getNestingLevel()); + }, + + __panelMenu : function () { + return this.__item().parents(".rf-pm")[0]; + }, + + __rfPanelMenu : function () { + return rf.$(this.__item().parents(".rf-pm")[0]); + }, + + __changeState : function () { + return this.__rfPanelMenu().selectedItem(this.itemName); + }, + + __restoreState : function (state) { + if (state) { + this.__rfPanelMenu().selectedItem(state); + } + }, + + __item : function () { + return $(rf.getDomElement(this.id)); + }, + + __header : function () { + return this.__item(); + }, + + __select: function () { + this.__header().addClass(this.selectionClass); + }, + + __unselect: function () { + this.__header().removeClass(this.selectionClass); + }, + + __fireBeforeSelect : function () { + return new rf.Event.fireById(this.id, "beforeselect", { + id: this.id + }); + }, + + __fireSelect : function () { + return new rf.Event.fireById(this.id, "select", { + id: this.id + }); + }, + + __fireUnselect : function () { + return new rf.Event.fireById(this.id, "unselect", { + id: this.id + }); + }, + + /** + * @private + * */ + __addUserEventHandler : function (name) { + var handler = this.options["on" + name]; + if (handler) { + rf.Event.bindById(this.id, name, handler); + } + }, + + destroy: function () { + delete this.__rfPanelMenu().getItems()[this.itemName]; + + rf.ui.PanelMenuItem.$super.destroy.call(this); + } + }); +})(jQuery, RichFaces); Modified: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/panelMenu.ecss =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/panelMenu.ecss 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/panelMenu.ecss 2010-12-01 15:12:38 UTC (rev 20253) @@ -62,6 +62,10 @@ margin: 0px 3px; } +.rf-pm-itm-dis { + color: #BED6F8; +} + .rf-pm-itm-hov { background-color: '#{richSkin.additionalBackgroundColor}'; } @@ -79,10 +83,14 @@ margin-bottom: 3px } +.rf-pm-gr-dis { + color: #BED6F8; +} + .rf-pm-gr-hov { background: '#{richSkin.additionalBackgroundColor}'; - color: white; + color: white; /*TODO skin?*/ } .rf-pm-gr-sel { @@ -169,6 +177,10 @@ margin: 0px 3px; } +.rf-pm-top-itm-dis { + color: #BED6F8; +} + .rf-pm-top-itm-hov { background-color:#ffd700; } @@ -185,9 +197,13 @@ margin-bottom: 3px } +.rf-pm-top-gr-dis { + color: #BED6F8; +} + .rf-pm-top-gr-hov { background-color: green; - color: white; + color: white; /*TODO skin?*/ } .rf-pm-top-gr-sel { @@ -251,17 +267,20 @@ display: block; } +.rf-pm-ico-colps {} +.rf-pm-ico-exp {} + /* Icons */ -.rf-pm-chevron { background-image: "url(#{resource['org.richfaces.images:Chevron.png']})" } -.rf-pm-chevron-down { background-image: "url(#{resource['org.richfaces.images:ChevronDown.png']})" } -.rf-pm-chevron-left { background-image: "url(#{resource['org.richfaces.images:ChevronLeft.png']})" } -.rf-pm-chevron-up { background-image: "url(#{resource['org.richfaces.images:ChevronUp.png']})" } -.rf-pm-disc { background-image: "url(#{resource['org.richfaces.images:Disc.png']})" } -.rf-pm-grid { background-image: "url(#{resource['org.richfaces.images:Grid.png']})" } -.rf-pm-spacer { background-image: "url(#{resource['org.richfaces.images:Spacer.png']})" } -.rf-pm-triangle { background-image: "url(#{resource['org.richfaces.images:Triangle.png']})" } -.rf-pm-triangle-down { background-image: "url(#{resource['org.richfaces.images:TriangleDown.png']})" } -.rf-pm-triangle-left { background-image: "url(#{resource['org.richfaces.images:TriangleLeft.png']})" } -.rf-pm-triangle-up { background-image: "url(#{resource['org.richfaces.images:TriangleUp.png']})" } \ No newline at end of file +.rf-pm-chevron { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:Chevron.png']})" } +.rf-pm-chevron-down { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:ChevronDown.png']})" } +.rf-pm-chevron-left { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:ChevronLeft.png']})" } +.rf-pm-chevron-up { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:ChevronUp.png']})" } +.rf-pm-disc { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:Disc.png']})" } +.rf-pm-grid { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:Grid.png']})" } +.rf-pm-spacer { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:Spacer.png']})" } +.rf-pm-triangle { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:Triangle.png']})" } +.rf-pm-triangle-down { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:TriangleDown.png']})" } +.rf-pm-triangle-left { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:TriangleLeft.png']})" } +.rf-pm-triangle-up { width: 16px; height: 16px; background-image: "url(#{resource['org.richfaces.images:TriangleUp.png']})" } \ No newline at end of file Modified: trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/PanelMenuGroupRendererTest.java =================================================================== --- trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/PanelMenuGroupRendererTest.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/PanelMenuGroupRendererTest.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -25,11 +25,15 @@ import java.io.IOException; +import com.gargoylesoftware.htmlunit.html.HtmlElement; +import com.gargoylesoftware.htmlunit.html.HtmlPage; import org.junit.Ignore; import org.junit.Test; import org.xml.sax.SAXException; - /** +import static org.junit.Assert.assertNotNull; + +/** * @author akolonitsky * @since 2010-10-25 */ @@ -50,6 +54,30 @@ doTest("panelMenuGroup-topGroup", "f:panelMenuGroup"); } + @Test + public void testIconsInheritanceTopGroup() throws IOException, SAXException { + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-topGroup", "f:panelMenuGroup-top"); + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-topGroupDis", "f:panelMenuGroup-topDis"); + } + + @Test + public void testIconsInheritanceTopItem() throws IOException, SAXException { + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-topItem", "f:panelMenuItem-top"); + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-topItemDis", "f:panelMenuItem-topDis"); + } + + @Test + public void testIconsInheritanceItem() throws IOException, SAXException { + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-item", "f:panelMenuItem"); + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-itemDis", "f:panelMenuItem-dis"); + } + + @Test + public void testIconsInheritanceGroup() throws IOException, SAXException { + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-group", "f:panelMenuGroup"); + doTest("panelMenu-icons-inheritance", "panelMenu-icons-inheritance-groupDis", "f:panelMenuGroup-dis"); + } + } Modified: trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/RendererTestBase.java =================================================================== --- trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/RendererTestBase.java 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/java/org/richfaces/renderkit/html/RendererTestBase.java 2010-12-01 15:12:38 UTC (rev 20253) @@ -71,17 +71,21 @@ } protected void doTest(String pageName, String pageElementToTest) throws IOException, SAXException { - HtmlPage page = environment.getPage('/' + pageName + ".jsf"); + doTest(pageName, pageName, pageElementToTest); + } + + protected void doTest(String jsfPage, String xmlPage, String pageElementToTest) throws IOException, SAXException { + HtmlPage page = environment.getPage('/' + jsfPage + ".jsf"); HtmlElement panel = page.getElementById(pageElementToTest); assertNotNull(panel); - checkXmlStructure(pageName, panel.asXml()); + checkXmlStructure(xmlPage, panel.asXml()); } protected void checkXmlStructure(String pageName, String pageCode) throws SAXException, IOException { InputStream expectedPageCode = this.getClass().getResourceAsStream(pageName + ".xmlunit.xml"); if (expectedPageCode == null) { - return; + throw new IllegalArgumentException("Page: " + pageName + ".xmlunit.xml doesn't exist."); } Diff xmlDiff = new Diff(new InputStreamReader(expectedPageCode), new StringReader(pageCode)); Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-group.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-group.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-group.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,26 @@ +<div id="f:panelMenuGroup" class="rf-pm-gr groupClass"> + <input id="f:panelMenuGroup:expanded" name="f:panelMenuGroup:expanded" type="hidden" value="false"/> + <div id="f:panelMenuGroup:hdr" class="rf-pm-gr-hdr"> + <table class="rf-pm-gr-gr"> + <tbody> + <tr> + <td class="rf-pm-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-triangle-down" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-disc" style="display:none"></div> + </td> + <td class="rf-pm-gr-lbl">panelMenuGroup-top</td> + <td class="rf-pm-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-triangle-up" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-disc" style="display:none"></div> + </td> + </tr> + </tbody> + </table> + </div> + <div id="f:panelMenuGroup:cnt" class="rf-pm-gr-cnt rf-pm-colps"> + <script type="text/javascript"> + // Text + </script> + + </div> +</div> \ No newline at end of file Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-groupDis.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-groupDis.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-groupDis.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,26 @@ +<div id="f:panelMenuGroup-dis" class="rf-pm-gr groupClass rf-pm-gr-dis groupDisableClass"> + <input id="f:panelMenuGroup-dis:expanded" name="f:panelMenuGroup-dis:expanded" type="hidden" value="false"/> + <div id="f:panelMenuGroup-dis:hdr" class="rf-pm-gr-hdr"> + <table class="rf-pm-gr-gr"> + <tbody> + <tr> + <td class="rf-pm-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-chevron-down" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-chevron-down" style="display:none"></div> + </td> + <td class="rf-pm-gr-lbl">panelMenuGroup-top</td> + <td class="rf-pm-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-chevron-up" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-chevron-up" style="display:none"></div> + </td> + </tr> + </tbody> + </table> + </div> + <div id="f:panelMenuGroup-dis:cnt" class="rf-pm-gr-cnt rf-pm-colps"> + <script type="text/javascript"> + // Text + </script> + + </div> +</div> \ No newline at end of file Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-item.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-item.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-item.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,15 @@ +<div id="f:panelMenuItem" class="rf-pm-itm itemClass"> + <table class="rf-pm-itm-gr"> + <tbody> + <tr> + <td class="rf-pm-itm-ico rf-pm-triangle-down"></td> + <td class="rf-pm-itm-lbl">panelMenuItem</td> + <td class="rf-pm-itm-exp-ico rf-pm-triangle-up"></td> + </tr> + </tbody> + </table> + + <script type="text/javascript"> + // Text + </script> +</div> Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-itemDis.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-itemDis.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-itemDis.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,15 @@ +<div id="f:panelMenuItem-dis" class="rf-pm-itm itemClass rf-pm-itm-dis itemDisableClass"> + <table class="rf-pm-itm-gr"> + <tbody> + <tr> + <td class="rf-pm-itm-ico rf-pm-chevron-down"></td> + <td class="rf-pm-itm-lbl">panelMenuItem</td> + <td class="rf-pm-itm-exp-ico rf-pm-chevron-up"></td> + </tr> + </tbody> + </table> + + <script type="text/javascript"> + // Text + </script> +</div> Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroup.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroup.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroup.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,26 @@ +<div id="f:panelMenuGroup-top" class="rf-pm-top-gr topGroupClass"> + <input id="f:panelMenuGroup-top:expanded" name="f:panelMenuGroup-top:expanded" type="hidden" value="false"/> + <div id="f:panelMenuGroup-top:hdr" class="rf-pm-top-gr-hdr"> + <table class="rf-pm-top-gr-gr"> + <tbody> + <tr> + <td class="rf-pm-top-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-triangle" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-disc" style="display:none"></div> + </td> + <td class="rf-pm-top-gr-lbl">panelMenuGroup-top</td> + <td class="rf-pm-top-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-triangle" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-disc" style="display:none"></div> + </td> + </tr> + </tbody> + </table> + </div> + <div id="f:panelMenuGroup-top:cnt" class="rf-pm-top-gr-cnt rf-pm-colps"> + <script type="text/javascript"> + // Text + </script> + + </div> +</div> \ No newline at end of file Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroupDis.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroupDis.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topGroupDis.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,26 @@ +<div id="f:panelMenuGroup-topDis" class="rf-pm-top-gr topGroupClass rf-pm-top-gr-dis topGroupDisableClass"> + <input id="f:panelMenuGroup-topDis:expanded" name="f:panelMenuGroup-topDis:expanded" type="hidden" value="false"/> + <div id="f:panelMenuGroup-topDis:hdr" class="rf-pm-top-gr-hdr"> + <table class="rf-pm-top-gr-gr"> + <tbody> + <tr> + <td class="rf-pm-top-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-chevron" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-chevron" style="display:none"></div> + </td> + <td class="rf-pm-top-gr-lbl">panelMenuGroup-top</td> + <td class="rf-pm-top-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-chevron" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-chevron" style="display:none"></div> + </td> + </tr> + </tbody> + </table> + </div> + <div id="f:panelMenuGroup-topDis:cnt" class="rf-pm-top-gr-cnt rf-pm-colps"> + <script type="text/javascript"> + // Text + </script> + + </div> +</div> \ No newline at end of file Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItem.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItem.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItem.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,15 @@ +<div id="f:panelMenuItem-top" class="rf-pm-top-itm topItemClass"> + <table class="rf-pm-top-itm-gr"> + <tbody> + <tr> + <td class="rf-pm-top-itm-ico rf-pm-triangle"></td> + <td class="rf-pm-top-itm-lbl">panelMenuItem</td> + <td class="rf-pm-top-itm-exp-ico rf-pm-triangle"></td> + </tr> + </tbody> + </table> + + <script type="text/javascript"> + // Text + </script> +</div> Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItemDis.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItemDis.xmlunit.xml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance-topItemDis.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,15 @@ +<div id="f:panelMenuItem-topDis" class="rf-pm-top-itm topItemClass rf-pm-top-itm-dis topItemDisableClass"> + <table class="rf-pm-top-itm-gr"> + <tbody> + <tr> + <td class="rf-pm-top-itm-ico rf-pm-chevron"></td> + <td class="rf-pm-top-itm-lbl">panelMenuItem</td> + <td class="rf-pm-top-itm-exp-ico rf-pm-chevron"></td> + </tr> + </tbody> + </table> + + <script type="text/javascript"> + // Text + </script> +</div> Added: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance.xhtml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance.xhtml (rev 0) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenu-icons-inheritance.xhtml 2010-12-01 15:12:38 UTC (rev 20253) @@ -0,0 +1,93 @@ +<?xml version='1.0' encoding='UTF-8'?> +<!-- + JBoss, Home of Professional Open Source + Copyright ${year}, Red Hat, Inc. and individual contributors + by the @authors tag. See the copyright.txt in the distribution for a + full listing of individual contributors. + + This is free software; you can redistribute it and/or modify it + under the terms of the GNU Lesser General Public License as + published by the Free Software Foundation; either version 2.1 of + the License, or (at your option) any later version. + + This software is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + Lesser General Public License for more details. + + You should have received a copy of the GNU Lesser General Public + License along with this software; if not, write to the Free + Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + 02110-1301 USA, or see the FSF site: http://www.fsf.org. +--> + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:fn="http://java.sun.com/jsp/jstl/functions" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:pn="http://richfaces.org/output" + xmlns:rich="http://richfaces.org/rich"> + + <h:head> + <title>Richfaces PanelMenuGroup Test</title> + </h:head> + +<h:body> + <h:form id="f"> + <pn:panelMenu + itemIconRight="triangleUp" + itemIconLeft="triangleDown" + itemClass="itemClass" + + itemDisableIconRight="chevronUp" + itemDisableIconLeft="chevronDown" + itemDisableClass="itemDisableClass" + + topItemIconRight="triangle" + topItemIconLeft="triangle" + topItemClass="topItemClass" + + topItemDisableIconRight="chevron" + topItemDisableIconLeft="chevron" + topItemDisableClass="topItemDisableClass" + + groupCollapseIconRight="triangleUp" + groupExpandIconRight="disc" + groupCollapseIconLeft="triangleDown" + groupExpandIconLeft="disc" + groupClass="groupClass" + + groupDisableIconRight="chevronUp" + groupDisableIconLeft="chevronDown" + groupDisableClass="groupDisableClass" + + topGroupCollapseIconRight="triangle" + topGroupExpandIconRight="disc" + topGroupCollapseIconLeft="triangle" + topGroupExpandIconLeft="disc" + topGroupClass="topGroupClass" + + topGroupDisableIconRight="chevron" + topGroupDisableIconLeft="chevron" + topGroupDisableClass="topGroupDisableClass" + > + + <pn:panelMenuGroup id="panelMenuGroup-top"></pn:panelMenuGroup> + <pn:panelMenuGroup id="panelMenuGroup-topDis" disabled="true"></pn:panelMenuGroup> + <pn:panelMenuItem id="panelMenuItem-top"></pn:panelMenuItem> + <pn:panelMenuItem id="panelMenuItem-topDis" disabled="true"></pn:panelMenuItem> + <pn:panelMenuGroup> + <pn:panelMenuGroup id="panelMenuGroup"></pn:panelMenuGroup> + <pn:panelMenuGroup id="panelMenuGroup-dis" disabled="true"></pn:panelMenuGroup> + <pn:panelMenuItem id="panelMenuItem"></pn:panelMenuItem> + <pn:panelMenuItem id="panelMenuItem-dis" disabled="true"></pn:panelMenuItem> + </pn:panelMenuGroup> + </pn:panelMenu> + </h:form> +</h:body> +</html> + + Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xhtml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xhtml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xhtml 2010-12-01 15:12:38 UTC (rev 20253) @@ -37,9 +37,13 @@ <h:body> <h:form id="f" style="border:blue solid thin;"> - <pn:panelMenuGroup id="panelMenuGroup" expanded="true" label="Group Label"> - <!-- TODO --> - </pn:panelMenuGroup> + <pn:panelMenu> + <pn:panelMenuGroup> + <pn:panelMenuGroup id="panelMenuGroup" expanded="true" label="Group Label"> + <!-- TODO --> + </pn:panelMenuGroup> + </pn:panelMenuGroup> + </pn:panelMenu> </h:form> </h:body> </html> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xmlunit.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-expanded.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -4,9 +4,15 @@ <table class="rf-pm-gr-gr"> <tbody> <tr> - <td class="rf-pm-gr-ico rf-pm-grid"></td> + <td class="rf-pm-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:none"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:block"></div> + </td> <td class="rf-pm-gr-lbl">Group Label</td> - <td class="rf-pm-gr-exp-ico rf-pm-triangle-down"></td> + <td class="rf-pm-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:none"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:block"></div> + </td> </tr> </tbody> </table> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-topGroup.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-topGroup.xmlunit.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup-topGroup.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -4,9 +4,15 @@ <table class="rf-pm-top-gr-gr"> <tbody> <tr> - <td class="rf-pm-top-gr-ico rf-pm-grid"></td> + <td class="rf-pm-top-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:none"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:block"></div> + </td> <td class="rf-pm-top-gr-lbl">Group Label</td> - <td class="rf-pm-top-gr-exp-ico rf-pm-triangle-down"></td> + <td class="rf-pm-top-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:none"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:block"></div> + </td> </tr> </tbody> </table> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xhtml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xhtml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xhtml 2010-12-01 15:12:38 UTC (rev 20253) @@ -37,9 +37,13 @@ <h:body> <h:form id="f" style="border:blue solid thin;"> - <pn:panelMenuGroup id="panelMenuGroup"> - <!-- TODO --> - </pn:panelMenuGroup> + <pn:panelMenu> + <pn:panelMenuGroup> + <pn:panelMenuGroup id="panelMenuGroup"> + <!-- TODO --> + </pn:panelMenuGroup> + </pn:panelMenuGroup> + </pn:panelMenu> </h:form> </h:body> </html> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xmlunit.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuGroup.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -4,9 +4,15 @@ <table class="rf-pm-gr-gr"> <tbody> <tr> - <td class="rf-pm-gr-ico rf-pm-grid"></td> + <td class="rf-pm-gr-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:none"></div> + </td> <td class="rf-pm-gr-lbl">panelMenuGroup</td> - <td class="rf-pm-gr-exp-ico rf-pm-triangle-down"></td> + <td class="rf-pm-gr-exp-ico"> + <div class="rf-pm-ico-colps rf-pm-grid" style="display:block"></div> + <div class="rf-pm-ico-exp rf-pm-grid" style="display:none"></div> + </td> </tr> </tbody> </table> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xhtml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xhtml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xhtml 2010-12-01 15:12:38 UTC (rev 20253) @@ -37,9 +37,13 @@ <h:body> <h:form id="f" style="border:blue solid thin;"> - <pn:panelMenuItem id="panelMenuItem"> - <!-- TODO --> - </pn:panelMenuItem> + <pn:panelMenu> + <pn:panelMenuGroup> + <pn:panelMenuItem id="panelMenuItem"> + <!-- TODO --> + </pn:panelMenuItem> + </pn:panelMenuGroup> + </pn:panelMenu> </h:form> </h:body> </html> Modified: trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xmlunit.xml =================================================================== --- trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xmlunit.xml 2010-12-01 15:01:15 UTC (rev 20252) +++ trunk/ui/output/ui/src/test/resources/org/richfaces/renderkit/html/panelMenuItem.xmlunit.xml 2010-12-01 15:12:38 UTC (rev 20253) @@ -4,7 +4,7 @@ <tr> <td class="rf-pm-itm-ico rf-pm-grid"></td> <td class="rf-pm-itm-lbl">panelMenuItem</td> - <td class="rf-pm-itm-exp-ico rf-pm-triangle-down"></td> + <td class="rf-pm-itm-exp-ico rf-pm-grid"></td> </tr> </tbody> </table>