Author: ilya_shaikovsky Date: 2010-08-16 10:27:55 -0400 (Mon, 16 Aug 2010) New Revision: 18666 Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleAjax-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleClient-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleAjax.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleClient.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/samples/inplaceInput-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml Modified: trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml Log: https://jira.jboss.org/browse/RF-8794 https://jira.jboss.org/browse/RF-9066 https://jira.jboss.org/browse/RF-9067 Modified: trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml =================================================================== --- trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-08-16 14:13:20 UTC (rev 18665) +++ trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-08-16 14:27:55 UTC (rev 18666) @@ -286,7 +286,7 @@ </demo> </demos> </group> - <group> + <group new="true"> <name>Output/Panels</name> <demos> <demo> @@ -300,7 +300,7 @@ <sample> <id>lookCustomization</id> <name>Look and feel customization</name> - </sample> + </sample> </samples> </demo> <demo> @@ -312,6 +312,16 @@ <name>Simple Toggle Panel</name> </sample> </samples> + </demo> + <demo> + <id>accordion</id> + <name>rich:accordion</name> + <samples> + <sample> + <id>simple</id> + <name>Simple Accordion</name> + </sample> + </samples> </demo> <demo> <id>popup</id> @@ -324,12 +334,50 @@ <sample> <id>modalPopup</id> <name>Modal panel example</name> - </sample> + </sample> </samples> </demo> </demos> </group> - + <group new="true"> + <name>Inputs and Selects</name> + <demos> + <!-- demo> + <id>autocomplete</id> + <name>rich:autocomplete</name> + <samples> + <sample> + <id>simpleClient</id> + <name>Client side autocomplete</name> + </sample> + <sample> + <id>simpleAjax</id> + <name>Ajax autocomplete</name> + </sample> + </samples> + </demo--> + <demo> + <id>inputNumberSlider</id> + <name>rich:inputNumberSlider</name> + <samples> + <sample> + <id>sliders</id> + <name>Different Sliders samples</name> + </sample> + </samples> + </demo> + <demo> + <id>inplaceInput</id> + <name>rich:inplaceInput</name> + <samples> + <sample> + <id>inplaceInput</id> + <name>Inplace Inputs samples</name> + </sample> + </samples> + </demo> + </demos> + </group> <group> <name>Misc Components/Features</name> <demos> @@ -372,7 +420,7 @@ <name>jQuery usage</name> </sample> </samples> - </demo> + </demo> </demos> </group> </root> Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition 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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + <h:form> + <rich:accordion> + <rich:accordionItem header="First Item"> + <h:outputText value="hello from 1" /> + </rich:accordionItem> + <rich:accordionItem header="Second Item"> + <h:outputText value="hello from 2" /> + </rich:accordionItem> + </rich:accordion> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,25 @@ +<!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"> + +<ui:composition> + <p>The Accordion (panelBar from 3.3.x) is a set of panels when one panel is expanded, + but other ones are collapsed. </p> + <p> + Additionally to previous 3.3.x functionality - accordion in 4.x was finally added with + different modes functionality. So as all the switchable panels it could be used with next modes - + "client", "ajax" and "server". + </p> + <p>The following demo shows the simple example of usage for the Accordion in client mode.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <ui:include src="/templates/includes/source-view.xhtml"> + <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> + <ui:param name="sourceType" value="xhtml" /> + <ui:param name="openLabel" value="View Source" /> + <ui:param name="hideLabel" value="Hide Source" /> + </ui:include> +</ui:composition> + +</html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleAjax-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleAjax-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleAjax-sample.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition 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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + <style> +.outhello { + font-weight: bold; +} +</style> + <h:form> + <h:panelGrid columns="3"> + <h:outputText value="Name:" /> + <h:inputText value="#{userBean.name}" /> + <a4j:commandButton value="Say Hello" render="out" execute="@form" /> + </h:panelGrid> + </h:form> + <br /> + <a4j:outputPanel id="out"> + <h:outputText value="Hello #{userBean.name} !" + rendered="#{not empty userBean.name}" styleClass="outhello" /> + </a4j:outputPanel> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleClient-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleClient-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/simpleClient-sample.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition 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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + +<rich:autocomplete autocompleteList="#{autocompleteBean.clientList}"/> + +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleAjax.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleAjax.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleAjax.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,26 @@ +<!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"> + +<ui:composition> + <p>Autocomplete component - simple Input component which provides suggestions during input.</p> + <p>Could works using three modes: + <ul> + <li>Client - preloads data to the client side and makes suggestions according to entered prefix on the client</li> + <li>Ajax - fetches the data on every input change using ajax requests</li> + <li>Cached Ajax - loads data via ajax to make suggestions when the prefix length satisfies minchars attribute. Then all the suggestions done at client side except the case when initial prefix changed or token entered. Then loads data again.</li> + </ul> + </p> + <p>There you could see simple client side autocomplete:</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <ui:include src="/templates/includes/source-view.xhtml"> + <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> + <ui:param name="sourceType" value="xhtml" /> + <ui:param name="openLabel" value="View Source" /> + <ui:param name="hideLabel" value="Hide Source" /> + </ui:include> +</ui:composition> + +</html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleClient.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleClient.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/simpleClient.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,26 @@ +<!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"> + +<ui:composition> + <p>Autocomplete component - simple Input component which provides suggestions during input.</p> + <p>Could works using three modes: + <ul> + <li>Client - preloads data to the client side and makes suggestions according to entered prefix on the client</li> + <li>Ajax - fetches the data on every input change using ajax requests</li> + <li>Cached Ajax - loads data via ajax to make suggestions when the prefix length satisfies minchars attribute. Then all the suggestions done at client side except the case when initial prefix changed or token entered. Then loads data again.</li> + </ul> + </p> + <p>There you could see simple client side autocomplete:</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <ui:include src="/templates/includes/source-view.xhtml"> + <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> + <ui:param name="sourceType" value="xhtml" /> + <ui:param name="openLabel" value="View Source" /> + <ui:param name="hideLabel" value="Hide Source" /> + </ui:include> +</ui:composition> + +</html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -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"> + +<ui:composition> + <p>InplaceInput is a simple input component which displays the current value as outputText and switches to inputText based representation after a defined event to allow editing this value. +You could use simplest examples below. For the first demo, just click on a label to edit the value and click somewhere outside the component to store this value(Or just press ENTER button).</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <ui:include src="/templates/includes/source-view.xhtml"> + <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> + <ui:param name="sourceType" value="xhtml" /> + <ui:param name="openLabel" value="View Source" /> + <ui:param name="hideLabel" value="Hide Source" /> + </ui:include> +</ui:composition> + +</html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/samples/inplaceInput-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/samples/inplaceInput-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/samples/inplaceInput-sample.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition 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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + <rich:panel style="width:220px;"> + <f:facet name="header"> + <h:outputText value="Person Info"></h:outputText> + </f:facet> + <h:panelGrid columns="2"> + <h:outputText value="Name: " /> + <rich:inplaceInput value="click to enter your name" /> + <h:outputText value="Email:" /> + <rich:inplaceInput value="click to enter your email" /> + </h:panelGrid> + </rich:panel> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition 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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + + <p>Here is an example of default inputNumberSlider:</p> + + <rich:inputNumberSlider value="#{50}" /> + + <p>Here is "minimalistic" input:</p> + + <rich:inputNumberSlider value="#{50}" showInput="false" + enableManualInput="false" showBoundaryValues="false" + showToolTip="false" /> + + <p>Another variation of input:</p> + + <rich:inputNumberSlider value="#{500}" width="500" maxValue="#{1000}" + step="#{50}" showArrows="true" showToolTip="false" /> + + <p>The same variant but the control disabled:</p> + + <rich:inputNumberSlider value="#{500}" width="500" maxValue="#{1000}" + step="#{50}" showArrows="true" showToolTip="false" disabled="true" /> + +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml 2010-08-16 14:27:55 UTC (rev 18666) @@ -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"> + +<ui:composition> + <p>InputNumberSlider is a highly customizable component that is used to define numeric + input in a given range. You can use a slider or just type some value into an input field.</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <ui:include src="/templates/includes/source-view.xhtml"> + <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> + <ui:param name="sourceType" value="xhtml" /> + <ui:param name="openLabel" value="View Source" /> + <ui:param name="hideLabel" value="Hide Source" /> + </ui:include> +</ui:composition> + +</html> \ No newline at end of file