Author: Alex.Kolonitsky Date: 2010-07-12 14:06:05 -0400 (Mon, 12 Jul 2010) New Revision: 17976 Added: root/examples/output-demo/ root/examples/output-demo/branches/ root/examples/output-demo/tags/ root/examples/output-demo/trunk/ root/examples/output-demo/trunk/pom.xml root/examples/output-demo/trunk/src/ root/examples/output-demo/trunk/src/main/ root/examples/output-demo/trunk/src/main/java/ root/examples/output-demo/trunk/src/main/java/org/ root/examples/output-demo/trunk/src/main/java/org/richfaces/ root/examples/output-demo/trunk/src/main/java/org/richfaces/TogglePanelBean.java root/examples/output-demo/trunk/src/main/webapp/ root/examples/output-demo/trunk/src/main/webapp/META-INF/ root/examples/output-demo/trunk/src/main/webapp/META-INF/MANIFEST.MF root/examples/output-demo/trunk/src/main/webapp/WEB-INF/ root/examples/output-demo/trunk/src/main/webapp/WEB-INF/faces-config.xml root/examples/output-demo/trunk/src/main/webapp/WEB-INF/web.xml root/examples/output-demo/trunk/src/main/webapp/examples/ root/examples/output-demo/trunk/src/main/webapp/examples/divPanel.xhtml root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-ajax.xhtml root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-client.xhtml root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-server.xhtml root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel.xhtml root/examples/output-demo/trunk/src/main/webapp/index.xhtml root/examples/output-demo/trunk/src/main/webapp/qunit/ root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanel.xhtml root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanelItem.xhtml root/examples/output-demo/trunk/src/main/webapp/resources/ root/examples/output-demo/trunk/src/main/webapp/resources/qunit/ root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.css root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.js root/examples/output-demo/trunk/src/main/webapp/resources/qunit/richfaces-qunit.js root/examples/output-demo/trunk/src/main/webapp/resources/tests/ root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-item-qunit.js root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-qunit.js root/examples/output-demo/trunk/src/main/webapp/templates/ root/examples/output-demo/trunk/src/main/webapp/templates/template.xhtml Log: RF-8745 TogglePanel component Added: root/examples/output-demo/trunk/pom.xml =================================================================== --- root/examples/output-demo/trunk/pom.xml (rev 0) +++ root/examples/output-demo/trunk/pom.xml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,225 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" + xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> + + <modelVersion>4.0.0</modelVersion> + + <groupId>org.richfaces.ui.panels</groupId> + <artifactId>panels-demo</artifactId> + <version>4.0.0-SNAPSHOT</version> + <name>Richfaces UI Components: panels demo</name> + <packaging>war</packaging> + + <url>http://jboss.org/richfaces</url> + + <repositories> + <repository> + <id>jboss-public-repository-group</id> + <name>Jboss Repository for Maven</name> + <url>https://repository.jboss.org/nexus/content/groups/public/</url> + </repository> + <repository> + <id>java-net</id> + <name>Java.net Maven Repository</name> + <url>http://download.java.net/maven/2</url> + </repository> + </repositories> + + <properties> + <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> + <org.richfaces.ui.version>4.0.0-SNAPSHOT</org.richfaces.ui.version> + </properties> + + <build> + <finalName>${artifactId}-${project.version}</finalName> + <plugins> + <plugin> + <artifactId>maven-compiler-plugin</artifactId> + <configuration> + <source>1.5</source> + <target>1.5</target> + </configuration> + </plugin> + <plugin> + <artifactId>maven-war-plugin</artifactId> + <version>2.1-beta-1</version> + <configuration> + <webResources> + <resource> + <directory>${basedir}/src/main/java</directory> + <targetPath>/WEB-INF/src</targetPath> + </resource> + </webResources> + </configuration> + </plugin> + </plugins> + </build> + + <profiles> + <profile> + <id>jee6</id> + <build> + <plugins> + <plugin> + <artifactId>maven-war-plugin</artifactId> + <version>2.1-alpha-1</version> + <configuration> + <webappDirectory>${project.build.directory}/${project.build.finalName}-jee6</webappDirectory> + </configuration> + </plugin> + </plugins> + </build> + + <dependencies> + <dependency> + <groupId>${jsf2.api.groupid}</groupId> + <artifactId>${jsf2.api.artifactid}</artifactId> + <scope>provided</scope> + </dependency> + <dependency> + <groupId>${jsf2.impl.groupid}</groupId> + <artifactId>${jsf2.impl.artifactid}</artifactId> + <scope>provided</scope> + </dependency> + <dependency> + <groupId>javax.transaction</groupId> + <artifactId>jta</artifactId> + <version>1.1</version> + <scope>provided</scope> + </dependency> + </dependencies> + </profile> + <profile> + <id>release</id> + <build> + <plugins> + <plugin> + <artifactId>maven-war-plugin</artifactId> + <executions> + <execution> + <id>jee6</id> + <phase>package</phase> + <goals> + <goal>war</goal> + </goals> + <configuration> + <webappDirectory>${symbol_dollar}{project.build.directory}/${symbol_dollar}{project.build.finalName}-jee6</webappDirectory> + <classifier>jee6</classifier> + <packagingExcludes>WEB-INF/lib/jsf-api*,WEB-INF/lib/jsf-impl*,WEB-INF/lib/slf4j-*</packagingExcludes> + <warSourceExcludes>WEB-INF/lib/jsf-api*,WEB-INF/lib/jsf-impl*,WEB-INF/lib/slf4j-*</warSourceExcludes> + </configuration> + </execution> + </executions> + <configuration> + <webResources> + <resource> + <directory>${symbol_dollar}{basedir}/src/main/java</directory> + <targetPath>/WEB-INF/src</targetPath> + </resource> + </webResources> + </configuration> + </plugin> + </plugins> + </build> + </profile> + </profiles> + + <dependencyManagement> + <dependencies> + <dependency> + <groupId>org.richfaces.ui.panels</groupId> + <artifactId>richfaces-ui-panels-bom</artifactId> + <version>${version}</version> + <scope>import</scope> + <type>pom</type> + </dependency> + <dependency> + <groupId>org.richfaces.ui.misc</groupId> + <artifactId>richfaces-ui-misc-bom</artifactId> + <version>${version}</version> + <scope>import</scope> + <type>pom</type> + </dependency> + </dependencies> + </dependencyManagement> + + <dependencies> + <dependency> + <groupId>org.richfaces.ui.panels</groupId> + <artifactId>richfaces-ui-panels-ui</artifactId> + </dependency> + <dependency> + <groupId>org.richfaces.ui.core</groupId> + <artifactId>richfaces-ui-core-ui</artifactId> + </dependency> + <dependency> + <groupId>org.richfaces.ui.misc</groupId> + <artifactId>richfaces-ui-misc-ui</artifactId> + </dependency> + + <dependency> + <groupId>com.sun.faces</groupId> + <artifactId>jsf-api</artifactId> + </dependency> + <dependency> + <groupId>com.sun.faces</groupId> + <artifactId>jsf-impl</artifactId> + </dependency> + <dependency> + <groupId>javax.servlet</groupId> + <artifactId>servlet-api</artifactId> + <scope>provided</scope> + </dependency> + <dependency> + <groupId>javax.servlet.jsp</groupId> + <artifactId>jsp-api</artifactId> + <scope>provided</scope> + </dependency> + <dependency> + <groupId>javax.el</groupId> + <artifactId>el-api</artifactId> + <scope>provided</scope> + </dependency> + <dependency> + <groupId>javax.servlet</groupId> + <artifactId>jstl</artifactId> + </dependency> + <dependency> + <groupId>org.slf4j</groupId> + <artifactId>slf4j-api</artifactId> + </dependency> + <dependency> + <groupId>org.slf4j</groupId> + <artifactId>slf4j-simple</artifactId> + <version>1.5.8</version> + </dependency> + + <dependency> + <groupId>net.sf.ehcache</groupId> + <artifactId>ehcache</artifactId> + </dependency> + + <!-- simple logger binding: only messages of level INFO and higher are printed--> + <dependency> + <groupId>org.slf4j</groupId> + <artifactId>slf4j-log4j12</artifactId> + <version>1.5.8</version> + </dependency> + + <!-- Log4J dependency used in examples --> + <dependency> + <groupId>log4j</groupId> + <artifactId>log4j</artifactId> + <version>1.2.14</version> + </dependency> + + <!-- Tests --> + <dependency> + <groupId>org.testng</groupId> + <artifactId>testng</artifactId> + <version>5.10</version> + <classifier>jdk15</classifier> + <scope>test</scope> + </dependency> + </dependencies> +</project> Added: root/examples/output-demo/trunk/src/main/java/org/richfaces/TogglePanelBean.java =================================================================== --- root/examples/output-demo/trunk/src/main/java/org/richfaces/TogglePanelBean.java (rev 0) +++ root/examples/output-demo/trunk/src/main/java/org/richfaces/TogglePanelBean.java 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,32 @@ +package org.richfaces; + +import org.slf4j.LoggerFactory; +import org.slf4j.Logger; + +import java.io.Serializable; + +public class TogglePanelBean implements Serializable { + + private static final long serialVersionUID = -2403138958014741653L; + + private static final Logger LOGGER = LoggerFactory.getLogger(TogglePanelBean.class); + + private String name; + + public TogglePanelBean() { + LOGGER.info("post construct: initialize"); + name = "John"; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public void itemChangeActionListener() { + LOGGER.info("TogglePanelBean.itemChangeActionListener"); + } +} Added: root/examples/output-demo/trunk/src/main/webapp/META-INF/MANIFEST.MF =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/META-INF/MANIFEST.MF (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/META-INF/MANIFEST.MF 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,3 @@ +Manifest-Version: 1.0 +Class-Path: + Added: root/examples/output-demo/trunk/src/main/webapp/WEB-INF/faces-config.xml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/WEB-INF/faces-config.xml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/WEB-INF/faces-config.xml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,40 @@ +<?xml version="1.0"?> +<faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xi="http://www.w3.org/2001/XInclude" + xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"> + + <managed-bean> + <managed-bean-name>togglePanelBean</managed-bean-name> + <managed-bean-class>org.richfaces.TogglePanelBean</managed-bean-class> + <managed-bean-scope>view</managed-bean-scope> + </managed-bean> + + <navigation-rule> + <!-- Examples --> + <navigation-case> + <from-outcome>togglePanel</from-outcome> + <to-view-id>/examples/togglePanel.xhtml</to-view-id> + </navigation-case> + <navigation-case> + <from-outcome>togglePanel/server</from-outcome> + <to-view-id>/examples/togglePanel-server.xhtml</to-view-id> + </navigation-case> + <navigation-case> + <from-outcome>togglePanel/ajax</from-outcome> + <to-view-id>/examples/togglePanel-ajax.xhtml</to-view-id> + </navigation-case> + <navigation-case> + <from-outcome>togglePanel/client</from-outcome> + <to-view-id>/examples/togglePanel-client.xhtml</to-view-id> + </navigation-case> + + <!-- QUnit --> + <navigation-case> + <from-outcome>qunit/togglePanel</from-outcome> + <to-view-id>/qunit/togglePanel.xhtml</to-view-id> + </navigation-case> + <navigation-case> + <from-outcome>qunit/togglePanelItem</from-outcome> + <to-view-id>/qunit/togglePanelItem.xhtml</to-view-id> + </navigation-case> + </navigation-rule> +</faces-config> Added: root/examples/output-demo/trunk/src/main/webapp/WEB-INF/web.xml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/WEB-INF/web.xml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/WEB-INF/web.xml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,35 @@ +<?xml version="1.0" encoding="UTF-8"?> +<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" + xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" + xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" + version="2.5"> + + <display-name>Sample RichFaces 4 Application</display-name> + <context-param> + <param-name>javax.faces.PROJECT_STAGE</param-name> + <param-value>Development</param-value> + </context-param> + <context-param> + <param-name>javax.faces.SKIP_COMMENTS</param-name> + <param-value>true</param-value> + </context-param> + <servlet> + <servlet-name>Faces Servlet</servlet-name> + <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> + <load-on-startup>1</load-on-startup> + </servlet> + <servlet-mapping> + <servlet-name>Faces Servlet</servlet-name> + <url-pattern>*.jsf</url-pattern> + </servlet-mapping> + <servlet-mapping> + <servlet-name>Faces Servlet</servlet-name> + <url-pattern>/faces/*</url-pattern> + </servlet-mapping> + <welcome-file-list> + <welcome-file>faces/index.xhtml</welcome-file> + </welcome-file-list> + <session-config> + <session-timeout>30</session-timeout> + </session-config> +</web-app> \ No newline at end of file Added: root/examples/output-demo/trunk/src/main/webapp/examples/divPanel.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/examples/divPanel.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/examples/divPanel.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,21 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example</ui:define> + + <ui:define name="body"> + <pn:divPanel id="my_id" lang="en" onclick="#{togglePanelBean.name}" hi="Hello" > + other html + </pn:divPanel> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-ajax.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-ajax.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-ajax.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,43 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example - Ajax SwitchType</ui:define> + + <ui:define name="body"> + <f:view> + <h:form id="f"> + <pn:togglePanel id="my_id" selectedItem="name1" switchType="ajax" + selectedItemChangeListener="#{togglePanelBean.itemChangeActionListener}" > + <pn:togglePanelItem name="name1">hello name1</pn:togglePanelItem> + <pn:togglePanelItem name="name2">hello name2</pn:togglePanelItem> + <pn:togglePanelItem name="name3">hello name3</pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name1" event="click" /> + name1 + </h:outputLink> + | + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name2" event="click" /> + name2 + </h:outputLink> + | + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name3" event="click" /> + name3 + </h:outputLink> + </h:form> + </f:view> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-client.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-client.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-client.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,38 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example - Client SwitchType</ui:define> + + <ui:define name="body"> + <h:form id="f"> + <pn:togglePanel id="panel" selectedItem="name1" switchType="client" lang="en"> + <pn:togglePanelItem name="name1">hello name1</pn:togglePanelItem> + <pn:togglePanelItem name="name2">hello name2</pn:togglePanelItem> + <pn:togglePanelItem name="name3">hello name3</pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name1" event="click" /> + name1 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name2" event="click" /> + name2 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name3" event="click" /> + name3 + </h:outputLink> + </h:form> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-server.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-server.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel-server.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,40 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example - Server SwitchType</ui:define> + + <ui:define name="body"> + <f:view> + <h:form id="f"> + <pn:togglePanel id="my_id" selectedItem="name1" switchType="server" lang="en"> + <pn:togglePanelItem name="name1">hello name1</pn:togglePanelItem> + <pn:togglePanelItem name="name2">hello name2</pn:togglePanelItem> + <pn:togglePanelItem name="name3">hello name3</pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name1" event="click" /> + name1 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name2" event="click" /> + name2 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name3" event="click" /> + name3 + </h:outputLink> + </h:form> + </f:view> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/examples/togglePanel.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,34 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example</ui:define> + + <ui:define name="body"> + <h:form id="f"> + <pn:togglePanel id="my_id" lang="en" selectedItem="name1"> + <pn:togglePanelItem name="name1"> + hello name1 + </pn:togglePanelItem> + <pn:togglePanelItem name="name2"> + hello name2 + </pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="my_id" targetItem="name2" event="click" /> + + Click me :) it is toggle control + </h:outputLink> + </h:form> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/index.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/index.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/index.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,20 @@ +<!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:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:pa="http://richfaces.org/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="title">RichFaces Sample</ui:define> + + <ui:define name="body"> + look at left + </ui:define> + + <div style="top: auto;"></div> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanel.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanel.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanel.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,59 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="scripts"> + <h:outputScript name="qunit/qunit.js" /> + <h:outputScript name="qunit/richfaces-qunit.js" /> + + <h:outputStylesheet name="qunit/qunit.css" /> + </ui:define> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example</ui:define> + + <ui:define name="body"> + <p>Page</p> + + <h:form id="f" style="border:blue solid thin;"> + <pn:togglePanel id="panel" selectedItem="name1" switchType="client" lang="en"> + <pn:togglePanelItem id="name1" name="name1">hello name1</pn:togglePanelItem> + <pn:togglePanelItem id="name2" name="name2">hello name2</pn:togglePanelItem> + <pn:togglePanelItem id="name3" name="name3">hello name3</pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name1" event="click" /> + name1 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name2" event="click" /> + name2 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name3" event="click" /> + name3 + </h:outputLink> + </h:form> + + <p>Result</p> + <div> + <!--<h1 id="qunit-header">Richfaces Client API Tests</h1>--> + <!--<h2 id="qunit-banner"></h2>--> + <!--<h2 id="qunit-userAgent"></h2>--> + <ol id="qunit-tests"></ol> + + <div id="testDiv" style="margin-top:10px; border:1px solid #a0a0a0">Main Test Div</div> + + </div> + <h:outputScript name="tests/richfaces-toggle-panel-qunit.js" /> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanelItem.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanelItem.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/qunit/togglePanelItem.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,59 @@ +<!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: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/panels"> + +<body> +<ui:composition template="/templates/template.xhtml"> + + <ui:define name="scripts"> + <h:outputScript name="qunit/qunit.js" /> + <h:outputScript name="qunit/richfaces-qunit.js" /> + + <h:outputStylesheet name="qunit/qunit.css" /> + </ui:define> + + <ui:define name="title">Toggle Panel Example</ui:define> + <ui:define name="body_head">Toggle Panel Example</ui:define> + + <ui:define name="body"> + <p>Page</p> + + <h:form id="f" style="border:blue solid thin;"> + <pn:togglePanel id="panel" selectedItem="name1" switchType="client" lang="en"> + <pn:togglePanelItem id="name1" name="name1">hello name1</pn:togglePanelItem> + <pn:togglePanelItem id="name2" name="name2">hello name2</pn:togglePanelItem> + <pn:togglePanelItem id="name3" name="name3">hello name3</pn:togglePanelItem> + </pn:togglePanel> + + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name1" event="click" /> + name1 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name2" event="click" /> + name2 + </h:outputLink> + <h:outputLink> + <pn:toggleControl forPanel="panel" targetItem="name3" event="click" /> + name3 + </h:outputLink> + </h:form> + + <p>Result</p> + <div> + <!--<h1 id="qunit-header">Richfaces Client API Tests</h1>--> + <!--<h2 id="qunit-banner"></h2>--> + <!--<h2 id="qunit-userAgent"></h2>--> + <ol id="qunit-tests"></ol> + + <div id="testDiv" style="margin-top:10px; border:1px solid #a0a0a0">Main Test Div</div> + + </div> + <h:outputScript name="tests/richfaces-toggle-panel-item-qunit.js" /> + </ui:define> +</ui:composition> +</body> +</html> Added: root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.css =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.css (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.css 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,119 @@ + +ol#qunit-tests { + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + margin:0; + padding:0; + list-style-position:inside; + + font-size: smaller; +} +ol#qunit-tests li{ + padding:0.4em 0.5em 0.4em 2.5em; + border-bottom:1px solid #fff; + font-size:small; + list-style-position:inside; +} +ol#qunit-tests li ol{ + box-shadow: inset 0px 2px 13px #999; + -moz-box-shadow: inset 0px 2px 13px #999; + -webkit-box-shadow: inset 0px 2px 13px #999; + margin-top:0.5em; + margin-left:0; + padding:0.5em; + background-color:#fff; + border-radius:15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; +} +ol#qunit-tests li li{ + border-bottom:none; + margin:0.5em; + background-color:#fff; + list-style-position: inside; + padding:0.4em 0.5em 0.4em 0.5em; +} + +ol#qunit-tests li li.pass{ + border-left:26px solid #C6E746; + background-color:#fff; + color:#5E740B; + } +ol#qunit-tests li li.fail{ + border-left:26px solid #EE5757; + background-color:#fff; + color:#710909; +} +ol#qunit-tests li.pass{ + background-color:#D2E0E6; + color:#528CE0; +} +ol#qunit-tests li.fail{ + background-color:#EE5757; + color:#000; +} +ol#qunit-tests li strong { + cursor:pointer; +} +h1#qunit-header{ + background-color:#0d3349; + margin:0; + padding:0.5em 0 0.5em 1em; + color:#fff; + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + border-top-right-radius:15px; + border-top-left-radius:15px; + -moz-border-radius-topright:15px; + -moz-border-radius-topleft:15px; + -webkit-border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px; +} +h2#qunit-banner{ + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + height:5px; + margin:0; + padding:0; +} +h2#qunit-banner.qunit-pass{ + background-color:#C6E746; +} +h2#qunit-banner.qunit-fail, #qunit-testrunner-toolbar { + background-color:#EE5757; +} +#qunit-testrunner-toolbar { + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + padding:0; + /*width:80%;*/ + padding:0em 0 0.5em 2em; + font-size: small; +} +h2#qunit-userAgent { + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + background-color:#2b81af; + margin:0; + padding:0; + color:#fff; + font-size: small; + padding:0.5em 0 0.5em 2.5em; + text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; +} +p#qunit-testresult{ + font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; + margin:0; + font-size: small; + color:#2b81af; + border-bottom-right-radius:15px; + border-bottom-left-radius:15px; + -moz-border-radius-bottomright:15px; + -moz-border-radius-bottomleft:15px; + -webkit-border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + background-color:#D2E0E6; + padding:0.5em 0.5em 0.5em 2.5em; +} +strong b.fail{ + color:#710909; + } +strong b.pass{ + color:#5E740B; + } Added: root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.js =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.js (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/resources/qunit/qunit.js 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,1043 @@ +/* + * QUnit - A JavaScript Unit Testing Framework + * + * http://docs.jquery.com/QUnit + * + * Copyright (c) 2009 John Resig, Jörn Zaefferer + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + */ + +(function(window) { + +var QUnit = { + + // Initialize the configuration options + init: function() { + config = { + stats: { all: 0, bad: 0 }, + moduleStats: { all: 0, bad: 0 }, + started: +new Date, + blocking: false, + autorun: false, + assertions: [], + filters: [], + queue: [] + }; + + var tests = id("qunit-tests"), + banner = id("qunit-banner"), + result = id("qunit-testresult"); + + if ( tests ) { + tests.innerHTML = ""; + } + + if ( banner ) { + banner.className = ""; + } + + if ( result ) { + result.parentNode.removeChild( result ); + } + }, + + // call on start of module test to prepend name to all tests + module: function(name, testEnvironment) { + config.currentModule = name; + + synchronize(function() { + if ( config.currentModule ) { + QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all ); + } + + config.currentModule = name; + config.moduleTestEnvironment = testEnvironment; + config.moduleStats = { all: 0, bad: 0 }; + + QUnit.moduleStart( name, testEnvironment ); + }); + }, + + asyncTest: function(testName, expected, callback) { + if ( arguments.length === 2 ) { + callback = expected; + expected = 0; + } + + QUnit.test(testName, expected, callback, true); + }, + + test: function(testName, expected, callback, async) { + var name = testName, testEnvironment, testEnvironmentArg; + + if ( arguments.length === 2 ) { + callback = expected; + expected = null; + } + // is 2nd argument a testEnvironment? + if ( expected && typeof expected === 'object') { + testEnvironmentArg = expected; + expected = null; + } + + if ( config.currentModule ) { + name = config.currentModule + " module: " + name; + } + + if ( !validTest(name) ) { + return; + } + + synchronize(function() { + QUnit.testStart( testName ); + + testEnvironment = extend({ + setup: function() {}, + teardown: function() {} + }, config.moduleTestEnvironment); + if (testEnvironmentArg) { + extend(testEnvironment,testEnvironmentArg); + } + + // allow utility functions to access the current test environment + QUnit.current_testEnvironment = testEnvironment; + + config.assertions = []; + config.expected = expected; + + try { + if ( !config.pollution ) { + saveGlobal(); + } + + testEnvironment.setup.call(testEnvironment); + } catch(e) { + QUnit.ok( false, "Setup failed on " + name + ": " + e.message ); + } + + if ( async ) { + QUnit.stop(); + } + + try { + callback.call(testEnvironment); + } catch(e) { + fail("Test " + name + " died, exception and test follows", e, callback); + QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message ); + // else next test will carry the responsibility + saveGlobal(); + + // Restart the tests if they're blocking + if ( config.blocking ) { + start(); + } + } + }); + + synchronize(function() { + try { + checkPollution(); + testEnvironment.teardown.call(testEnvironment); + } catch(e) { + QUnit.ok( false, "Teardown failed on " + name + ": " + e.message ); + } + + try { + QUnit.reset(); + } catch(e) { + fail("reset() failed, following Test " + name + ", exception and reset fn follows", e, reset); + } + + if ( config.expected && config.expected != config.assertions.length ) { + QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" ); + } + + var good = 0, bad = 0, + tests = id("qunit-tests"); + + config.stats.all += config.assertions.length; + config.moduleStats.all += config.assertions.length; + + if ( tests ) { + var ol = document.createElement("ol"); + ol.style.display = "none"; + + for ( var i = 0; i < config.assertions.length; i++ ) { + var assertion = config.assertions[i]; + + var li = document.createElement("li"); + li.className = assertion.result ? "pass" : "fail"; + li.appendChild(document.createTextNode(assertion.message || "(no message)")); + ol.appendChild( li ); + + if ( assertion.result ) { + good++; + } else { + bad++; + config.stats.bad++; + config.moduleStats.bad++; + } + } + + var b = document.createElement("strong"); + b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + config.assertions.length + ")</b>"; + + addEvent(b, "click", function() { + var next = b.nextSibling, display = next.style.display; + next.style.display = display === "none" ? "block" : "none"; + }); + + addEvent(b, "dblclick", function(e) { + var target = e && e.target ? e.target : window.event.srcElement; + if ( target.nodeName.toLowerCase() === "strong" ) { + var text = "", node = target.firstChild; + + while ( node.nodeType === 3 ) { + text += node.nodeValue; + node = node.nextSibling; + } + + text = text.replace(/(^\s*|\s*$)/g, ""); + + if ( window.location ) { + window.location.href = window.location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent(text); + } + } + }); + + var li = document.createElement("li"); + li.className = bad ? "fail" : "pass"; + li.appendChild( b ); + li.appendChild( ol ); + tests.appendChild( li ); + + if ( bad ) { + var toolbar = id("qunit-testrunner-toolbar"); + if ( toolbar ) { + toolbar.style.display = "block"; + id("qunit-filter-pass").disabled = null; + id("qunit-filter-missing").disabled = null; + } + } + + } else { + for ( var i = 0; i < config.assertions.length; i++ ) { + if ( !config.assertions[i].result ) { + bad++; + config.stats.bad++; + config.moduleStats.bad++; + } + } + } + + QUnit.testDone( testName, bad, config.assertions.length ); + + if ( !window.setTimeout && !config.queue.length ) { + done(); + } + }); + + if ( window.setTimeout && !config.doneTimer ) { + config.doneTimer = window.setTimeout(function(){ + if ( !config.queue.length ) { + done(); + } else { + synchronize( done ); + } + }, 13); + } + }, + + /** + * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through. + */ + expect: function(asserts) { + config.expected = asserts; + }, + + /** + * Asserts true. + * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" ); + */ + ok: function(a, msg) { + QUnit.log(a, msg); + + config.assertions.push({ + result: !!a, + message: msg + }); + }, + + /** + * Checks that the first two arguments are equal, with an optional message. + * Prints out both actual and expected values. + * + * Prefered to ok( actual == expected, message ) + * + * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." ); + * + * @param Object actual + * @param Object expected + * @param String message (optional) + */ + equal: function(actual, expected, message) { + push(expected == actual, actual, expected, message); + }, + + notEqual: function(actual, expected, message) { + push(expected != actual, actual, expected, message); + }, + + deepEqual: function(a, b, message) { + push(QUnit.equiv(a, b), a, b, message); + }, + + notDeepEqual: function(a, b, message) { + push(!QUnit.equiv(a, b), a, b, message); + }, + + strictEqual: function(actual, expected, message) { + push(expected === actual, actual, expected, message); + }, + + notStrictEqual: function(actual, expected, message) { + push(expected !== actual, actual, expected, message); + }, + + start: function() { + // A slight delay, to avoid any current callbacks + if ( window.setTimeout ) { + window.setTimeout(function() { + if ( config.timeout ) { + clearTimeout(config.timeout); + } + + config.blocking = false; + process(); + }, 13); + } else { + config.blocking = false; + process(); + } + }, + + stop: function(timeout) { + config.blocking = true; + + if ( timeout && window.setTimeout ) { + config.timeout = window.setTimeout(function() { + QUnit.ok( false, "Test timed out" ); + QUnit.start(); + }, timeout); + } + }, + + /** + * Resets the test setup. Useful for tests that modify the DOM. + */ + reset: function() { + if ( window.jQuery ) { + jQuery("#main").html( config.fixture ); + jQuery.event.global = {}; + jQuery.ajaxSettings = extend({}, config.ajaxSettings); + } + }, + + /** + * Trigger an event on an element. + * + * @example triggerEvent( document.body, "click" ); + * + * @param DOMElement elem + * @param String type + */ + triggerEvent: function( elem, type, event ) { + if ( document.createEvent ) { + event = document.createEvent("MouseEvents"); + event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView, + 0, 0, 0, 0, 0, false, false, false, false, 0, null); + elem.dispatchEvent( event ); + + } else if ( elem.fireEvent ) { + elem.fireEvent("on"+type); + } + }, + + // Safe object type checking + is: function( type, obj ) { + return Object.prototype.toString.call( obj ) === "[object "+ type +"]"; + }, + + // Logging callbacks + done: function(failures, total) {}, + log: function(result, message) {}, + testStart: function(name) {}, + testDone: function(name, failures, total) {}, + moduleStart: function(name, testEnvironment) {}, + moduleDone: function(name, failures, total) {} +}; + +// Backwards compatibility, deprecated +QUnit.equals = QUnit.equal; +QUnit.same = QUnit.deepEqual; + +// Maintain internal state +var config = { + // The queue of tests to run + queue: [], + + // block until document ready + blocking: true +}; + +// Load paramaters +(function() { + var location = window.location || { search: "", protocol: "file:" }, + GETParams = location.search.slice(1).split('&'); + + for ( var i = 0; i < GETParams.length; i++ ) { + GETParams[i] = decodeURIComponent( GETParams[i] ); + if ( GETParams[i] === "noglobals" ) { + GETParams.splice( i, 1 ); + i--; + config.noglobals = true; + } else if ( GETParams[i].search('=') > -1 ) { + GETParams.splice( i, 1 ); + i--; + } + } + + // restrict modules/tests by get parameters + config.filters = GETParams; + + // Figure out if we're running the tests from a server or not + QUnit.isLocal = !!(location.protocol === 'file:'); +})(); + +// Expose the API as global variables, unless an 'exports' +// object exists, in that case we assume we're in CommonJS +if ( typeof exports === "undefined" || typeof require === "undefined" ) { + extend(window, QUnit); + window.QUnit = QUnit; +} else { + extend(exports, QUnit); + exports.QUnit = QUnit; +} + +if ( typeof document === "undefined" || document.readyState === "complete" ) { + config.autorun = true; +} + +addEvent(window, "load", function() { + // Initialize the config, saving the execution queue + var oldconfig = extend({}, config); + QUnit.init(); + extend(config, oldconfig); + + config.blocking = false; + + var userAgent = id("qunit-userAgent"); + if ( userAgent ) { + userAgent.innerHTML = navigator.userAgent; + } + + var toolbar = id("qunit-testrunner-toolbar"); + if ( toolbar ) { + toolbar.style.display = "none"; + + var filter = document.createElement("input"); + filter.type = "checkbox"; + filter.id = "qunit-filter-pass"; + filter.disabled = true; + addEvent( filter, "click", function() { + var li = document.getElementsByTagName("li"); + for ( var i = 0; i < li.length; i++ ) { + if ( li[i].className.indexOf("pass") > -1 ) { + li[i].style.display = filter.checked ? "none" : ""; + } + } + }); + toolbar.appendChild( filter ); + + var label = document.createElement("label"); + label.setAttribute("for", "qunit-filter-pass"); + label.innerHTML = "Hide passed tests"; + toolbar.appendChild( label ); + + var missing = document.createElement("input"); + missing.type = "checkbox"; + missing.id = "qunit-filter-missing"; + missing.disabled = true; + addEvent( missing, "click", function() { + var li = document.getElementsByTagName("li"); + for ( var i = 0; i < li.length; i++ ) { + if ( li[i].className.indexOf("fail") > -1 && li[i].innerHTML.indexOf('missing test - untested code is broken code') > - 1 ) { + li[i].parentNode.parentNode.style.display = missing.checked ? "none" : "block"; + } + } + }); + toolbar.appendChild( missing ); + + label = document.createElement("label"); + label.setAttribute("for", "qunit-filter-missing"); + label.innerHTML = "Hide missing tests (untested code is broken code)"; + toolbar.appendChild( label ); + } + + var main = id('main'); + if ( main ) { + config.fixture = main.innerHTML; + } + + if ( window.jQuery ) { + config.ajaxSettings = window.jQuery.ajaxSettings; + } + + QUnit.start(); +}); + +function done() { + if ( config.doneTimer && window.clearTimeout ) { + window.clearTimeout( config.doneTimer ); + config.doneTimer = null; + } + + if ( config.queue.length ) { + config.doneTimer = window.setTimeout(function(){ + if ( !config.queue.length ) { + done(); + } else { + synchronize( done ); + } + }, 13); + + return; + } + + config.autorun = true; + + // Log the last module results + if ( config.currentModule ) { + QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all ); + } + + var banner = id("qunit-banner"), + tests = id("qunit-tests"), + html = ['Tests completed in ', + +new Date - config.started, ' milliseconds.<br/>', + '<span class="passed">', config.stats.all - config.stats.bad, '</span> tests of <span class="total">', config.stats.all, '</span> passed, <span class="failed">', config.stats.bad,'</span> failed.'].join(''); + + if ( banner ) { + banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass"); + } + + if ( tests ) { + var result = id("qunit-testresult"); + + if ( !result ) { + result = document.createElement("p"); + result.id = "qunit-testresult"; + result.className = "result"; + tests.parentNode.insertBefore( result, tests.nextSibling ); + } + + result.innerHTML = html; + } + + QUnit.done( config.stats.bad, config.stats.all ); +} + +function validTest( name ) { + var i = config.filters.length, + run = false; + + if ( !i ) { + return true; + } + + while ( i-- ) { + var filter = config.filters[i], + not = filter.charAt(0) == '!'; + + if ( not ) { + filter = filter.slice(1); + } + + if ( name.indexOf(filter) !== -1 ) { + return !not; + } + + if ( not ) { + run = true; + } + } + + return run; +} + +function push(result, actual, expected, message) { + message = message || (result ? "okay" : "failed"); + QUnit.ok( result, result ? message + ": " + expected : message + ", expected: " + QUnit.jsDump.parse(expected) + " result: " + QUnit.jsDump.parse(actual) ); +} + +function synchronize( callback ) { + config.queue.push( callback ); + + if ( config.autorun && !config.blocking ) { + process(); + } +} + +function process() { + while ( config.queue.length && !config.blocking ) { + config.queue.shift()(); + } +} + +function saveGlobal() { + config.pollution = []; + + if ( config.noglobals ) { + for ( var key in window ) { + config.pollution.push( key ); + } + } +} + +function checkPollution( name ) { + var old = config.pollution; + saveGlobal(); + + var newGlobals = diff( old, config.pollution ); + if ( newGlobals.length > 0 ) { + ok( false, "Introduced global variable(s): " + newGlobals.join(", ") ); + config.expected++; + } + + var deletedGlobals = diff( config.pollution, old ); + if ( deletedGlobals.length > 0 ) { + ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") ); + config.expected++; + } +} + +// returns a new Array with the elements that are in a but not in b +function diff( a, b ) { + var result = a.slice(); + for ( var i = 0; i < result.length; i++ ) { + for ( var j = 0; j < b.length; j++ ) { + if ( result[i] === b[j] ) { + result.splice(i, 1); + i--; + break; + } + } + } + return result; +} + +function fail(message, exception, callback) { + if ( typeof console !== "undefined" && console.error && console.warn ) { + console.error(message); + console.error(exception); + console.warn(callback.toString()); + + } else if ( window.opera && opera.postError ) { + opera.postError(message, exception, callback.toString); + } +} + +function extend(a, b) { + for ( var prop in b ) { + a[prop] = b[prop]; + } + + return a; +} + +function addEvent(elem, type, fn) { + if ( elem.addEventListener ) { + elem.addEventListener( type, fn, false ); + } else if ( elem.attachEvent ) { + elem.attachEvent( "on" + type, fn ); + } else { + fn(); + } +} + +function id(name) { + return !!(typeof document !== "undefined" && document && document.getElementById) && + document.getElementById( name ); +} + +// Test for equality any JavaScript type. +// Discussions and reference: http://philrathe.com/articles/equiv +// Test suites: http://philrathe.com/tests/equiv +// Author: Philippe Rathé <prathe(a)gmail.com&gt; +QUnit.equiv = function () { + + var innerEquiv; // the real equiv function + var callers = []; // stack to decide between skip/abort functions + + + // Determine what is o. + function hoozit(o) { + if (QUnit.is("String", o)) { + return "string"; + + } else if (QUnit.is("Boolean", o)) { + return "boolean"; + + } else if (QUnit.is("Number", o)) { + + if (isNaN(o)) { + return "nan"; + } else { + return "number"; + } + + } else if (typeof o === "undefined") { + return "undefined"; + + // consider: typeof null === object + } else if (o === null) { + return "null"; + + // consider: typeof [] === object + } else if (QUnit.is( "Array", o)) { + return "array"; + + // consider: typeof new Date() === object + } else if (QUnit.is( "Date", o)) { + return "date"; + + // consider: /./ instanceof Object; + // /./ instanceof RegExp; + // typeof /./ === "function"; // => false in IE and Opera, + // true in FF and Safari + } else if (QUnit.is( "RegExp", o)) { + return "regexp"; + + } else if (typeof o === "object") { + return "object"; + + } else if (QUnit.is( "Function", o)) { + return "function"; + } else { + return undefined; + } + } + + // Call the o related callback with the given arguments. + function bindCallbacks(o, callbacks, args) { + var prop = hoozit(o); + if (prop) { + if (hoozit(callbacks[prop]) === "function") { + return callbacks[prop].apply(callbacks, args); + } else { + return callbacks[prop]; // or undefined + } + } + } + + var callbacks = function () { + + // for string, boolean, number and null + function useStrictEquality(b, a) { + if (b instanceof a.constructor || a instanceof b.constructor) { + // to catch short annotaion VS 'new' annotation of a declaration + // e.g. var i = 1; + // var j = new Number(1); + return a == b; + } else { + return a === b; + } + } + + return { + "string": useStrictEquality, + "boolean": useStrictEquality, + "number": useStrictEquality, + "null": useStrictEquality, + "undefined": useStrictEquality, + + "nan": function (b) { + return isNaN(b); + }, + + "date": function (b, a) { + return hoozit(b) === "date" && a.valueOf() === b.valueOf(); + }, + + "regexp": function (b, a) { + return hoozit(b) === "regexp" && + a.source === b.source && // the regex itself + a.global === b.global && // and its modifers (gmi) ... + a.ignoreCase === b.ignoreCase && + a.multiline === b.multiline; + }, + + // - skip when the property is a method of an instance (OOP) + // - abort otherwise, + // initial === would have catch identical references anyway + "function": function () { + var caller = callers[callers.length - 1]; + return caller !== Object && + typeof caller !== "undefined"; + }, + + "array": function (b, a) { + var i; + var len; + + // b could be an object literal here + if ( ! (hoozit(b) === "array")) { + return false; + } + + len = a.length; + if (len !== b.length) { // safe and faster + return false; + } + for (i = 0; i < len; i++) { + if ( ! innerEquiv(a[i], b[i])) { + return false; + } + } + return true; + }, + + "object": function (b, a) { + var i; + var eq = true; // unless we can proove it + var aProperties = [], bProperties = []; // collection of strings + + // comparing constructors is more strict than using instanceof + if ( a.constructor !== b.constructor) { + return false; + } + + // stack constructor before traversing properties + callers.push(a.constructor); + + for (i in a) { // be strict: don't ensures hasOwnProperty and go deep + + aProperties.push(i); // collect a's properties + + if ( ! innerEquiv(a[i], b[i])) { + eq = false; + break; + } + } + + callers.pop(); // unstack, we are done + + for (i in b) { + bProperties.push(i); // collect b's properties + } + + // Ensures identical properties name + return eq && innerEquiv(aProperties.sort(), bProperties.sort()); + } + }; + }(); + + innerEquiv = function () { // can take multiple arguments + var args = Array.prototype.slice.apply(arguments); + if (args.length < 2) { + return true; // end transition + } + + return (function (a, b) { + if (a === b) { + return true; // catch the most you can + } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || hoozit(a) !== hoozit(b)) { + return false; // don't lose time with error prone cases + } else { + return bindCallbacks(a, callbacks, [b, a]); + } + + // apply transition with (1..n) arguments + })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1)); + }; + + return innerEquiv; + +}(); + +/** + * jsDump + * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com + * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php) + * Date: 5/15/2008 + * @projectDescription Advanced and extensible data dumping for Javascript. + * @version 1.0.0 + * @author Ariel Flesler + * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html} + */ +QUnit.jsDump = (function() { + function quote( str ) { + return '"' + str.toString().replace(/"/g, '\\"') + '"'; + }; + function literal( o ) { + return o + ''; + }; + function join( pre, arr, post ) { + var s = jsDump.separator(), + base = jsDump.indent(), + inner = jsDump.indent(1); + if ( arr.join ) + arr = arr.join( ',' + s + inner ); + if ( !arr ) + return pre + post; + return [ pre, inner + arr, base + post ].join(s); + }; + function array( arr ) { + var i = arr.length, ret = Array(i); + this.up(); + while ( i-- ) + ret[i] = this.parse( arr[i] ); + this.down(); + return join( '[', ret, ']' ); + }; + + var reName = /^function (\w+)/; + + var jsDump = { + parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance + var parser = this.parsers[ type || this.typeOf(obj) ]; + type = typeof parser; + + return type == 'function' ? parser.call( this, obj ) : + type == 'string' ? parser : + this.parsers.error; + }, + typeOf:function( obj ) { + var type; + if ( obj === null ) { + type = "null"; + } else if (typeof obj === "undefined") { + type = "undefined"; + } else if (QUnit.is("RegExp", obj)) { + type = "regexp"; + } else if (QUnit.is("Date", obj)) { + type = "date"; + } else if (QUnit.is("Function", obj)) { + type = "function"; + } else if (QUnit.is("Array", obj)) { + type = "array"; + } else if (QUnit.is("Window", obj) || QUnit.is("global", obj)) { + type = "window"; + } else if (QUnit.is("HTMLDocument", obj)) { + type = "document"; + } else if (QUnit.is("HTMLCollection", obj) || QUnit.is("NodeList", obj)) { + type = "nodelist"; + } else if (/^\[object HTML/.test(Object.prototype.toString.call( obj ))) { + type = "node"; + } else { + type = typeof obj; + } + return type; + }, + separator:function() { + return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' '; + }, + indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing + if ( !this.multiline ) + return ''; + var chr = this.indentChar; + if ( this.HTML ) + chr = chr.replace(/\t/g,' ').replace(/ /g,'&nbsp;'); + return Array( this._depth_ + (extra||0) ).join(chr); + }, + up:function( a ) { + this._depth_ += a || 1; + }, + down:function( a ) { + this._depth_ -= a || 1; + }, + setParser:function( name, parser ) { + this.parsers[name] = parser; + }, + // The next 3 are exposed so you can use them + quote:quote, + literal:literal, + join:join, + // + _depth_: 1, + // This is the list of parsers, to modify them, use jsDump.setParser + parsers:{ + window: '[Window]', + document: '[Document]', + error:'[ERROR]', //when no parser is found, shouldn't happen + unknown: '[Unknown]', + 'null':'null', + undefined:'undefined', + 'function':function( fn ) { + var ret = 'function', + name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE + if ( name ) + ret += ' ' + name; + ret += '('; + + ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join(''); + return join( ret, this.parse(fn,'functionCode'), '}' ); + }, + array: array, + nodelist: array, + arguments: array, + object:function( map ) { + var ret = [ ]; + this.up(); + for ( var key in map ) + ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) ); + this.down(); + return join( '{', ret, '}' ); + }, + node:function( node ) { + var open = this.HTML ? '&lt;' : '<', + close = this.HTML ? '&gt;' : '>'; + + var tag = node.nodeName.toLowerCase(), + ret = open + tag; + + for ( var a in this.DOMAttrs ) { + var val = node[this.DOMAttrs[a]]; + if ( val ) + ret += ' ' + a + '=' + this.parse( val, 'attribute' ); + } + return ret + close + open + '/' + tag + close; + }, + functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function + var l = fn.length; + if ( !l ) return ''; + + var args = Array(l); + while ( l-- ) + args[l] = String.fromCharCode(97+l);//97 is 'a' + return ' ' + args.join(', ') + ' '; + }, + key:quote, //object calls it internally, the key part of an item in a map + functionCode:'[code]', //function calls it internally, it's the content of the function + attribute:quote, //node calls it internally, it's an html attribute value + string:quote, + date:quote, + regexp:literal, //regex + number:literal, + 'boolean':literal + }, + DOMAttrs:{//attributes to dump from nodes, name=>realName + id:'id', + name:'name', + 'class':'className' + }, + HTML:true,//if true, entities are escaped ( <, >, \t, space and \n ) + indentChar:' ',//indentation unit + multiline:true //if true, items in a collection, are separated by a \n, else just a space. + }; + + return jsDump; +})(); + +})(this); Added: root/examples/output-demo/trunk/src/main/webapp/resources/qunit/richfaces-qunit.js =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/resources/qunit/richfaces-qunit.js (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/resources/qunit/richfaces-qunit.js 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,30 @@ +window.RichFaces = window.RichFaces || {}; +RichFaces.QUnit = (function(){ + var setTestHeader = function (header) { + var e = document.getElementById("qunit-header"); + e.innerHTML = header; + }; + + return { + appendDomElements: function (parent, html) { + var element = document.createElement("div"); + element.innerHTML = html; + var elements = [], e; + while (e = element.firstChild) { + elements.push(e); + parent.appendChild(e); + } + return elements; + }, + removeDomElements: function (elements) { + var element; + while (elements.length>0) { + element = elements.pop(); + element.parentNode.removeChild(element); + } + }, + run: function (f) { + jQuery(document).ready(f); + } + }; +}()); \ No newline at end of file Added: root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-item-qunit.js =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-item-qunit.js (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-item-qunit.js 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,57 @@ +RichFaces.QUnit.run(function() { + module("richfaces-toggle-panel"); + + test("TogglePanelItem test public methods", function () { + var item = RichFaces.$('f:name1'); + + ok(item, "item"); + equals(item.getName(), "name1", "item.getName()"); + + var togglePanel = item.getTogglePanel(); + ok(togglePanel, item.getTogglePanel()); + equals(togglePanel.id, "f:panel", "togglePanel.id"); // see xhtml page definition + + ok(item.isSelected(), "item.isSelected()"); + }); + + test("TogglePanelItem test events order", function () { + var componentId = 'f:name1'; + var item = RichFaces.$(componentId); + + expect(2); + var state = 1; + var leave = RichFaces.Event.bindById(componentId, "leave", function () { + ok(state == 1, "leave handler invouked (state == 1)"); + state++; + }); + + item.leave(); + + var enter = RichFaces.Event.bindById(componentId, "enter", function () { + ok(state == 2, "enter handler invouked (state == 2)"); + state++; + }); + + item.enter(); + + RichFaces.Event.unbindById(componentId, "leave", leave); + RichFaces.Event.unbindById(componentId, "enter", enter); + }); + + test("TogglePanelItem test cacelable of leave", function () { + var componentId = 'f:name1'; + var item = RichFaces.$(componentId); + + expect(2); + var state = 1; + var leave = RichFaces.Event.bindById(componentId, "leave", function () { + ok(true, "leave handler invouked"); + + return false; + }); + + ok(!item.leave(), "!item.leave()"); + + RichFaces.Event.bindById(componentId, "leave", leave); + }); +}); \ No newline at end of file Added: root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-qunit.js =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-qunit.js (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/resources/tests/richfaces-toggle-panel-qunit.js 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,231 @@ +RichFaces.QUnit.run(function() { + module("richfaces-toggle-panel"); + + var TOGGLE_PANEL_ID = "f:panel"; + + function handler (msg, returnValue) { + return function () { + ok(true, msg); + + if (returnValue != undefined) { + return returnValue; + } + }; + } + + test("RichFaces.TogglePanel.constructor", function () { + var c = RichFaces.$(TOGGLE_PANEL_ID); + + ok(c instanceof RichFaces.ui.TogglePanel, "inctance of RichFaces.ui.TogglePanel"); + equals(c.componentId, undefined, "componentId shouldn't be here, we must use id form component base"); + equals(c.id, TOGGLE_PANEL_ID, "id"); + equals(c.switchMode, "client", "switchMode"); + equals(c.selectedItem, "name1", "selectedItem"); + equals(c.items.length, 3, "items"); + + // test public api + var selItem = c.getSelectItem(); + equals(typeof selItem, "string", "Type of getSelectItem value"); + equals(selItem, "name1", "selectItem"); + + // test public api + var items = c.getItems(); + equals(typeof items, "object", "Type of items"); + equals(items.length, 3, "Item count"); + equals(items[0].getName(), "name1", "First item name"); + equals(items[1].getName(), "name2", "Second item name"); + equals(items[2].getName(), "name3", "Third item name"); + + var itemsNames = c.getItemsNames(); + equals(typeof itemsNames, "object", "ItemsNames type"); + equals(itemsNames.length, 3, "ItemsNames count"); + equals(itemsNames[0], "name1", "name1"); + equals(itemsNames[1], "name2", "name2"); + equals(itemsNames[2], "name3", "name3"); + + equals(c.nextItem(), "name2", "c.nextItem() /*current name1*/"); + equals(c.nextItem("name1"), "name2", "c.nextItem(name1)"); + equals(c.nextItem("name2"), "name3", "c.nextItem(name2)"); + equals(c.nextItem("name3"), null, "c.nextItem(name3)"); + equals(c.nextItem("name4"), null, "c.nextItem(name4)"); + + equals(c.prevItem(), null, "c.prevItem() /*current name1*/"); + equals(c.prevItem("name1"), null, "c.prevItem(name1)"); + equals(c.prevItem("name2"), "name1", "c.prevItem(name2)"); + equals(c.prevItem("name3"), "name2", "c.prevItem(name3)"); + equals(c.prevItem("name4"), null, "c.prevItem(name4)"); + + equals(c.firstItem(), "name1", "c.firstItem()"); + equals(c.lastItem(), "name3", "c.lastItem()"); + }); + + test("Richfaces.TogglePanel test getNextItem", function () { + var c = RichFaces.$(TOGGLE_PANEL_ID); + + c.switchToItem("name1"); + equals(c.getNextItem(&quot;(a)first&quot;).getName(), "name1", "@first"); + equals(c.getNextItem(&quot;(a)last&quot;).getName(), "name3", "@last"); + equals(c.getNextItem("@prev"), null, "@prev for first item should be null"); + equals(c.getNextItem(&quot;(a)next&quot;).getName(), "name2", "@next for name1 should be name2"); + + c.switchToItem("name2"); + equals(c.getNextItem(&quot;(a)first&quot;).getName(), "name1", "@first"); + equals(c.getNextItem(&quot;(a)last&quot;).getName(), "name3", "@last"); + equals(c.getNextItem(&quot;(a)prev&quot;).getName(), "name1", "@prev for name2 should be name1"); + equals(c.getNextItem(&quot;(a)next&quot;).getName(), "name3", "@next for name1 should be name3"); + + c.switchToItem("name3"); + equals(c.getNextItem(&quot;(a)first&quot;).getName(), "name1", "@first"); + equals(c.getNextItem(&quot;(a)last&quot;).getName(), "name3", "@last"); + equals(c.getNextItem(&quot;(a)prev&quot;).getName(), "name2", "@prev for name3 should be name2"); + equals(c.getNextItem("@next"), null, "@next for name1 should be name3"); + }); + + test("RichFaces.TogglePanel.Events", function () { + var componentId = 'f:panel'; + var c = RichFaces.$(componentId); + c.switchToItem("name1"); + + expect(5); + + var beforeitemchngeHandler = function (event, comp, data) { + ok(true, "beforeitemchnge handler invouked"); + + same(data.id, componentId, "component id"); + same(data.oldItem.getName(), c.items[0].getName(), "old item"); + same(data.newItem.getName(), c.items[1].getName(), "new item"); + + return true; + }; + + var beforeitemchngeHandlerWrapper = RichFaces.Event.bindById(componentId, "beforeitemchange", beforeitemchngeHandler); + + var itemchangeHandler = handler("itemchnge handler invouked", undefined); + var itemchangeHandlerWrapper = RichFaces.Event.bindById(componentId, "itemchange", itemchangeHandler); + + c.switchToItem("name2"); + + RichFaces.Event.unbindById(componentId, "beforeitemchange", beforeitemchngeHandlerWrapper); + RichFaces.Event.unbindById(componentId, "itemchange", itemchangeHandlerWrapper); + + c.switchToItem("name1"); + }); + + test("RichFaces.TogglePanel.Events test cancelable", function () { + var componentId = 'f:panel'; + var c = RichFaces.$(componentId); + + expect(2); + var beforeitemchange1 = RichFaces.Event.bindById(componentId, "beforeitemchange", function () { + ok(true, "beforeitemchnge handler invouked"); + + return false; + }); + + var beforeitemchange2 = RichFaces.Event.bindById(componentId, "beforeitemchange", function () { + ok(true, "beforeitemchnge handler invouked"); + + return true; + }); + + var itemchange = RichFaces.Event.bindById(componentId, "itemchange", function () { + ok(false, "itemchnge handler should't been invouked"); + }); + + c.switchToItem("name3"); + + RichFaces.Event.unbindById(componentId, "beforeitemchange", beforeitemchange1); + RichFaces.Event.unbindById(componentId, "beforeitemchange", beforeitemchange2); + RichFaces.Event.unbindById(componentId, "itemchange", itemchange); + + c.switchToItem("name1"); + }); + + test("RichFaces.TogglePanel.Events test all 4 events and there order", function () { + var componentId = 'f:panel'; + var c = RichFaces.$(componentId); + + expect(4); + var state = 1; + + var beforeitemchange = RichFaces.Event.bindById(componentId, "beforeitemchange", function () { + ok(state == 1, "beforeitemchnge handler invouked (state = " + state + ")"); + + state++; + }); + + var fromItem = c.getItems()[0]; + var leave = RichFaces.Event.bindById(fromItem.id, "leave", function () { + ok(state == 2, "leave handler invouked (state = " + state + ")"); + + state++; + }); + + var toItem = c.getItems()[2]; + var enter = RichFaces.Event.bindById(toItem.id, "enter", function () { + ok(state == 3, "enter handler invouked (state = " + state + ")"); + + state++; + }); + + var itemchange = RichFaces.Event.bindById(componentId, "itemchange", function () { + ok(state == 4 || state == 2, "itemchnge handler should't been invouked (state = " + state + ")"); + + state++; + }); + + + c.switchToItem("name3"); + + RichFaces.Event.unbindById(componentId, "beforeitemchange", beforeitemchange); + RichFaces.Event.unbindById(fromItem.id, "leave", leave); + RichFaces.Event.unbindById(toItem.id, "enter", enter); + RichFaces.Event.unbindById(componentId, "itemchange", itemchange); + + c.switchToItem("name1"); + }); + + test("RichFaces.TogglePanel.Events test leave cancelable", function () { + var componentId = 'f:panel'; + var c = RichFaces.$(componentId); + + expect(2); + + var state = 1; + var beforeitemchange = RichFaces.Event.bindById(componentId, "beforeitemchange", function () { + ok(state == 1, "beforeitemchnge handler invouked (state = " + state + ")"); + + state++; + }); + + var fromItem = c.getItems()[0]; + var leave = RichFaces.Event.bindById(fromItem.id, "leave", function () { + ok(state == 2, "leave handler invouked (state = " + state + ")"); + + state++; + return false; + }); + + var toItem = c.getItems()[2]; + var enter = RichFaces.Event.bindById(toItem.id, "enter", function () { + ok(state == 3, "enter handler invouked (state = " + state + ")"); + + state++; + }); + + var itemchange = RichFaces.Event.bindById(componentId, "itemchange", function () { + ok(state == 4 || state == 2, "itemchnge handler should't been invouked (state = " + state + ")"); + + state++; + }); + + + c.switchToItem("name3"); + + RichFaces.Event.unbindById(componentId, "beforeitemchange", beforeitemchange); + RichFaces.Event.unbindById(componentId, "leave", leave); + RichFaces.Event.unbindById(componentId, "enter", enter); + RichFaces.Event.unbindById(componentId, "itemchange", itemchange); + }); + +}); \ No newline at end of file Added: root/examples/output-demo/trunk/src/main/webapp/templates/template.xhtml =================================================================== --- root/examples/output-demo/trunk/src/main/webapp/templates/template.xhtml (rev 0) +++ root/examples/output-demo/trunk/src/main/webapp/templates/template.xhtml 2010-07-12 18:06:05 UTC (rev 17976) @@ -0,0 +1,54 @@ +<!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:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" > + +<h:head> + <title> + <ui:define name="title">Application Title</ui:define> + </title> + + <meta http-equiv="content-type" content="text/xhtml; charset=UTF-8" /> + +</h:head> + +<h:body> + <ui:insert name="scripts" ></ui:insert> + <table width="100%"> + <thead> + <tr> + <th width="20%" align="left">Content</th> + <th width="80%" align="left"> + <ui:insert name="body_head">Example</ui:insert> + </th> + </tr> + </thead> + <tbody> + <tr valign="top"> + <td> + <h:form id="nav"> + <p>Examples</p> + <ul> + <li><h:commandLink value="divPanel" action="divPanel" /></li> + <li><h:commandLink value="togglePanel" action="togglePanel" /></li> + <li><h:commandLink value="togglePanel Ajax" action="togglePanel/ajax" /></li> + <li><h:commandLink value="togglePanel Client" action="togglePanel/client" /></li> + <li><h:commandLink value="togglePanel Server" action="togglePanel/server" /></li> + </ul> + <p>QUnit</p> + <ul> + <li><h:commandLink value="togglePanel" action="qunit/togglePanel" /></li> + <li><h:commandLink value="togglePanelItem" action="qunit/togglePanelItem" /></li> + </ul> + </h:form> + </td> + <td> + <ui:insert name="body">Default content</ui:insert> + </td> + </tr> + </tbody> + </table> + +</h:body> +</html>