[richfaces-svn-commits] JBoss Rich Faces SVN: r18584 - in trunk/examples/richfaces-showcase/src/main: java/org/richfaces/demo/common/navigation and 61 other directories.

Author: ilya_shaikovsky Date: 2010-08-12 06:11:17 -0400 (Thu, 12 Aug 2010) New Revision: 18584 Added: trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/ trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/sh/ trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/sh/SyntaxHighlighter.java trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/app-tags.taglib.xml trunk/examples/richfaces-showcase/src/main/webapp/resources/css/ trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shCore.css trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shThemeDefault.css trunk/examples/richfaces-showcase/src/main/webapp/resources/js/ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/sh.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushCss.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJScript.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJava.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushPlain.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushXml.js trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shCore.js trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/ajax-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/selectsUpdates-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/samples/attachQueue-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/samples/commandButton-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/samples/commandLink-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/samples/tableFilteringAPI-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/samples/grid-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/dataScrollerAPI-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/simpleScrolling-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/simpleTable-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableFiltering-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableSorting-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableStyling-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/samples/simpleTable-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/samples/functions-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/samples/jquery-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/samples/jsFunction-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/samples/lists-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/samples/log-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/flashUsage-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/imgUsage-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/simple-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/lookCustomization-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/simple-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/clientParam-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/param-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/skinChange-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/samples/poll-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/modalPopup-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/simplePopup-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/samples/push-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/samples/queue-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/samples/simpleGrid-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/referencedusage-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/samples/subTableToggleControl-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/samples/ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/samples/simple-sample.xhtml Modified: trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/common/navigation/DemoNavigator.java trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/web.xml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/ajax.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/selectsUpdates.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/attachQueue.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/commandButton.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/commandLink.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/tableFilteringAPI.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/functions.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/jquery.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/jsFunction.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/lookCustomization.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/simple.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/clientParam.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/param.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/skinChange.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/poll.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/modalPopup.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/simplePopup.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/push.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/queue.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/standardSkinning/standardSkinning.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml Log: https://jira.jboss.org/browse/RF-9022 initial functionality done. Modified: trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/common/navigation/DemoNavigator.java =================================================================== --- trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/common/navigation/DemoNavigator.java 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/common/navigation/DemoNavigator.java 2010-08-12 10:11:17 UTC (rev 18584) @@ -23,7 +23,10 @@ private static final String DEMO_VIEW_PARAMETER = "demo"; private static final String SAMPLE_VIEW_PARAMETER = "sample"; private static final String SEPARATOR = "/"; - + private static final String SAMPLE_PREFIX = "-sample"; + private static final String SAMPLES_FOLDER = "samples/"; + + @ManagedProperty(value = "#{navigationParser.groupsList}") private List<GroupDescriptor> groups; private DemoDescriptor currentDemo; @@ -107,7 +110,21 @@ return null; } - + + /** + * @return actual sample inclusion src + * Consider that: 1) all the samples should be placed in "samples" subfolder of the actual sample + * 2) all the samples pages should use the same name as main sample page with "-sample" prefix + */ + public String getSampleIncludeURI(){ + String sampleURI = getSampleURI(); + StringBuffer sampleURIBuffer = new StringBuffer(sampleURI); + int folderOffset = sampleURIBuffer.lastIndexOf(currentSample.getId()); + int fileNameOffset = sampleURIBuffer.lastIndexOf(currentSample.getId()) + currentSample.getId().length() + SAMPLE_PREFIX.length() + 1; + String result = new StringBuffer(sampleURI).insert(folderOffset, SAMPLES_FOLDER).insert(fileNameOffset, SAMPLE_PREFIX).toString(); + return result; + } + public List<GroupDescriptor> getGroups() { return groups; } Added: trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/sh/SyntaxHighlighter.java =================================================================== --- trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/sh/SyntaxHighlighter.java (rev 0) +++ trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/components/sh/SyntaxHighlighter.java 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,97 @@ +package org.richfaces.demo.components.sh; + +import java.io.IOException; +import java.io.InputStream; +import java.io.InputStreamReader; + +import javax.faces.FacesException; +import javax.faces.application.ResourceDependencies; +import javax.faces.application.ResourceDependency; +import javax.faces.component.FacesComponent; +import javax.faces.component.UIComponentBase; +import javax.faces.context.ExternalContext; +import javax.faces.context.FacesContext; +import javax.faces.context.ResponseWriter; + +import org.ajax4jsf.resource.ResourceNotFoundException; + +@FacesComponent(value = "syntaxHighlighter") +@ResourceDependencies( { @ResourceDependency(library = "js", name = "shCore.js"), + @ResourceDependency(library = "css", name = "shCore.css"), + @ResourceDependency(library = "css", name = "shThemeDefault.css"), + @ResourceDependency(library = "js", name = "shBrushJScript.js"), + @ResourceDependency(library = "js", name = "shBrushJava.js"), + @ResourceDependency(library = "js", name = "shBrushXml.js"), + @ResourceDependency(library = "js", name = "shBrushCss.js"), + @ResourceDependency(library = "js", name = "shBrushPlain.js"), + @ResourceDependency(library="js", name="sh.js")}) + +public class SyntaxHighlighter extends UIComponentBase{ + private static final String COMPONENT_FAMILY = "org.richfaces.SyntaxHighlighter"; + private static final String DEFAULT_SOURCE_TYPE = "xhtml"; + enum propertyKeys {sourceType, src}; + @Override + public String getFamily() { + return COMPONENT_FAMILY; + } + + private void renderStream(FacesContext context, InputStream stream) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + InputStreamReader in = new InputStreamReader(stream); + char[] temp = new char[1024]; + try { + int bytes; + while ((bytes = in.read(temp)) > 0) { + writer.writeText(temp, 0, bytes); + } + } catch (IOException e) { + throw new FacesException(e); + } finally { + in.close(); + } + } + + private void renderContent(FacesContext context) throws IOException { + ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext(); + String src = getSrc(); + if (src != null) { + InputStream stream = ec.getResourceAsStream(src); + if (stream != null) { + renderStream(context, stream); + } else { + throw new ResourceNotFoundException("resource for highlight not found"); + } + } else { + throw new NullPointerException("src may not be null"); + } + } + + @Override + public void encodeEnd(FacesContext context) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + writer.startElement("div", null); + writer.writeAttribute("id", this.getClientId(), null); + writer.startElement("pre", null); + writer.writeAttribute("class", new StringBuffer().append("brush: ").append(this.getSourceType()), null); + renderContent(context); + writer.endElement("pre"); + writer.endElement("div"); + } + + public String getSourceType() { + return (String)getStateHelper().eval(propertyKeys.sourceType, DEFAULT_SOURCE_TYPE); + } + + public void setSourceType(String sourceType) { + getStateHelper().put(propertyKeys.sourceType, sourceType); + } + + public String getSrc() { + return (String)getStateHelper().eval(propertyKeys.src); + } + + public void setSrc(String src) { + getStateHelper().put(propertyKeys.src, src); + } + +} Added: trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/app-tags.taglib.xml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/app-tags.taglib.xml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/app-tags.taglib.xml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,49 @@ +<!-- + + DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER. + + Copyright 1997-2009 Sun Microsystems, Inc. All rights reserved. + + The contents of this file are subject to the terms of either the GNU + General Public License Version 2 only ("GPL") or the Common Development + and Distribution License("CDDL") (collectively, the "License"). You + may not use this file except in compliance with the License. You can obtain + a copy of the License at https://glassfish.dev.java.net/public/CDDL+GPL.html + or glassfish/bootstrap/legal/LICENSE.txt. See the License for the specific + language governing permissions and limitations under the License. + + When distributing the software, include this License Header Notice in each + file and include the License file at glassfish/bootstrap/legal/LICENSE.txt. + Sun designates this particular file as subject to the "Classpath" exception + as provided by Sun in the GPL Version 2 section of the License file that + accompanied this code. If applicable, add the following below the License + Header, with the fields enclosed by brackets [] replaced by your own + identifying information: "Portions Copyrighted [year] + [name of copyright owner]" + + Contributor(s): + + If you wish your version of this file to be governed by only the CDDL or + only the GPL Version 2, indicate your decision by adding "[Contributor] + elects to include this software in this distribution under the [CDDL or GPL + Version 2] license." If you don't indicate a single choice of license, a + recipient has the option to distribute your version of this file under + either the CDDL, the GPL Version 2 or to extend the choice of license to + its licensees as provided above. However, if you add GPL Version 2 code + and therefore, elected the GPL Version 2 license, then the option applies + only if the new code is made subject to such option by the copyright + holder. + +--> +<facelet-taglib xmlns="http://java.sun.com/xml/ns/javaee" + 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-facelettaglibrary_2_0.xsd" + version="2.0"> + <namespace>http://richfaces.org/demo/app-taglib</namespace> + <tag> + <tag-name>syntaxHighlighter</tag-name> + <component> + <component-type>syntaxHighlighter</component-type> + </component> + </tag> +</facelet-taglib> Modified: trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/web.xml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/web.xml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/WEB-INF/web.xml 2010-08-12 10:11:17 UTC (rev 18584) @@ -9,6 +9,10 @@ <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> + <context-param> + <param-name>javax.faces.FACELETS_LIBRARIES</param-name> + <param-value>/WEB-INF/app-tags.taglib.xml</param-value> + </context-param> <context-param> <param-name>org.richfaces.enableControlSkinning</param-name> <param-value>true</param-value> Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shCore.css =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shCore.css (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shCore.css 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,226 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +.syntaxhighlighter a, +.syntaxhighlighter div, +.syntaxhighlighter code, +.syntaxhighlighter table, +.syntaxhighlighter table td, +.syntaxhighlighter table tr, +.syntaxhighlighter table tbody, +.syntaxhighlighter table thead, +.syntaxhighlighter table caption, +.syntaxhighlighter textarea { + -moz-border-radius: 0 0 0 0 !important; + -webkit-border-radius: 0 0 0 0 !important; + background: none !important; + border: 0 !important; + bottom: auto !important; + float: none !important; + height: auto !important; + left: auto !important; + line-height: 1.1em !important; + margin: 0 !important; + outline: 0 !important; + overflow: visible !important; + padding: 0 !important; + position: static !important; + right: auto !important; + text-align: left !important; + top: auto !important; + vertical-align: baseline !important; + width: auto !important; + box-sizing: content-box !important; + font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; + font-weight: normal !important; + font-style: normal !important; + font-size: 1em !important; + min-height: inherit !important; + min-height: auto !important; +} + +.syntaxhighlighter { + width: 100% !important; + margin: 1em 0 1em 0 !important; + position: relative !important; + overflow: auto !important; + font-size: 1em !important; +} +.syntaxhighlighter.source { + overflow: hidden !important; +} +.syntaxhighlighter .bold { + font-weight: bold !important; +} +.syntaxhighlighter .italic { + font-style: italic !important; +} +.syntaxhighlighter .line { + white-space: pre !important; +} +.syntaxhighlighter table { + width: 100% !important; +} +.syntaxhighlighter table caption { + text-align: left !important; + padding: .5em 0 0.5em 1em !important; +} +.syntaxhighlighter table td.code { + width: 100% !important; +} +.syntaxhighlighter table td.code .container { + position: relative !important; +} +.syntaxhighlighter table td.code .container textarea { + box-sizing: border-box !important; + position: absolute !important; + left: 0 !important; + top: 0 !important; + width: 100% !important; + height: 100% !important; + border: none !important; + background: white !important; + padding-left: 1em !important; + overflow: hidden !important; + white-space: pre !important; +} +.syntaxhighlighter table td.gutter .line { + text-align: right !important; + padding: 0 0.5em 0 1em !important; +} +.syntaxhighlighter table td.code .line { + padding: 0 1em !important; +} +.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { + padding-left: 0em !important; +} +.syntaxhighlighter.show { + display: block !important; +} +.syntaxhighlighter.collapsed table { + display: none !important; +} +.syntaxhighlighter.collapsed .toolbar { + padding: 0.1em 0.8em 0em 0.8em !important; + font-size: 1em !important; + position: static !important; + width: auto !important; + height: auto !important; +} +.syntaxhighlighter.collapsed .toolbar span { + display: inline !important; + margin-right: 1em !important; +} +.syntaxhighlighter.collapsed .toolbar span a { + padding: 0 !important; + display: none !important; +} +.syntaxhighlighter.collapsed .toolbar span a.expandSource { + display: inline !important; +} +.syntaxhighlighter .toolbar { + position: absolute !important; + right: 1px !important; + top: 1px !important; + width: 11px !important; + height: 11px !important; + font-size: 10px !important; + z-index: 10 !important; +} +.syntaxhighlighter .toolbar span.title { + display: inline !important; +} +.syntaxhighlighter .toolbar a { + display: block !important; + text-align: center !important; + text-decoration: none !important; + padding-top: 1px !important; +} +.syntaxhighlighter .toolbar a.expandSource { + display: none !important; +} +.syntaxhighlighter.ie { + font-size: .9em !important; + padding: 1px 0 1px 0 !important; +} +.syntaxhighlighter.ie .toolbar { + line-height: 8px !important; +} +.syntaxhighlighter.ie .toolbar a { + padding-top: 0px !important; +} +.syntaxhighlighter.printing .line.alt1 .content, +.syntaxhighlighter.printing .line.alt2 .content, +.syntaxhighlighter.printing .line.highlighted .number, +.syntaxhighlighter.printing .line.highlighted.alt1 .content, +.syntaxhighlighter.printing .line.highlighted.alt2 .content { + background: none !important; +} +.syntaxhighlighter.printing .line .number { + color: #bbbbbb !important; +} +.syntaxhighlighter.printing .line .content { + color: black !important; +} +.syntaxhighlighter.printing .toolbar { + display: none !important; +} +.syntaxhighlighter.printing a { + text-decoration: none !important; +} +.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { + color: black !important; +} +.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { + color: #008200 !important; +} +.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { + color: blue !important; +} +.syntaxhighlighter.printing .keyword { + color: #006699 !important; + font-weight: bold !important; +} +.syntaxhighlighter.printing .preprocessor { + color: gray !important; +} +.syntaxhighlighter.printing .variable { + color: #aa7700 !important; +} +.syntaxhighlighter.printing .value { + color: #009900 !important; +} +.syntaxhighlighter.printing .functions { + color: #ff1493 !important; +} +.syntaxhighlighter.printing .constants { + color: #0066cc !important; +} +.syntaxhighlighter.printing .script { + font-weight: bold !important; +} +.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { + color: gray !important; +} +.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { + color: #ff1493 !important; +} +.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { + color: red !important; +} +.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { + color: black !important; +} Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shThemeDefault.css =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shThemeDefault.css (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/css/shThemeDefault.css 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,117 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +.syntaxhighlighter { + background-color: white !important; +} +.syntaxhighlighter .line.alt1 { + background-color: white !important; +} +.syntaxhighlighter .line.alt2 { + background-color: white !important; +} +.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { + background-color: #e0e0e0 !important; +} +.syntaxhighlighter .line.highlighted.number { + color: black !important; +} +.syntaxhighlighter table caption { + color: black !important; +} +.syntaxhighlighter .gutter { + color: #afafaf !important; +} +.syntaxhighlighter .gutter .line { + border-right: 3px solid #6ce26c !important; +} +.syntaxhighlighter .gutter .line.highlighted { + background-color: #6ce26c !important; + color: white !important; +} +.syntaxhighlighter.printing .line .content { + border: none !important; +} +.syntaxhighlighter.collapsed { + overflow: visible !important; +} +.syntaxhighlighter.collapsed .toolbar { + color: blue !important; + background: white !important; + border: 1px solid #6ce26c !important; +} +.syntaxhighlighter.collapsed .toolbar a { + color: blue !important; +} +.syntaxhighlighter.collapsed .toolbar a:hover { + color: red !important; +} +.syntaxhighlighter .toolbar { + color: white !important; + background: #6ce26c !important; + border: none !important; +} +.syntaxhighlighter .toolbar a { + color: white !important; +} +.syntaxhighlighter .toolbar a:hover { + color: black !important; +} +.syntaxhighlighter .plain, .syntaxhighlighter .plain a { + color: black !important; +} +.syntaxhighlighter .comments, .syntaxhighlighter .comments a { + color: #008200 !important; +} +.syntaxhighlighter .string, .syntaxhighlighter .string a { + color: blue !important; +} +.syntaxhighlighter .keyword { + color: #006699 !important; +} +.syntaxhighlighter .preprocessor { + color: gray !important; +} +.syntaxhighlighter .variable { + color: #aa7700 !important; +} +.syntaxhighlighter .value { + color: #009900 !important; +} +.syntaxhighlighter .functions { + color: #ff1493 !important; +} +.syntaxhighlighter .constants { + color: #0066cc !important; +} +.syntaxhighlighter .script { + font-weight: bold !important; + color: #006699 !important; + background-color: none !important; +} +.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { + color: gray !important; +} +.syntaxhighlighter .color2, .syntaxhighlighter .color2 a { + color: #ff1493 !important; +} +.syntaxhighlighter .color3, .syntaxhighlighter .color3 a { + color: red !important; +} + +.syntaxhighlighter .keyword { + font-weight: bold !important; +} Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/sh.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/sh.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/sh.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1 @@ +$(document).ready(SyntaxHighlighter.all()); \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushCss.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushCss.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushCss.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,91 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + function getKeywordsCSS(str) + { + return '\\b([a-z_]|)' + str.replace(/ /g, '(?=:)\\b|\\b([a-z_\\*]|\\*|)') + '(?=:)\\b'; + }; + + function getValuesCSS(str) + { + return '\\b' + str.replace(/ /g, '(?!-)(?!:)\\b|\\b()') + '\:\\b'; + }; + + var keywords = 'ascent azimuth background-attachment background-color background-image background-position ' + + 'background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top ' + + 'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' + + 'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' + + 'border-bottom-width border-left-width border-width border bottom cap-height caption-side centerline clear clip color ' + + 'content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display ' + + 'elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' + + 'height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' + + 'margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans ' + + 'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page ' + + 'page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position ' + + 'quotes right richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress ' + + 'table-layout text-align top text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em ' + + 'vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index'; + + var values = 'above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder '+ + 'both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed '+ + 'continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero default digits disc dotted double '+ + 'embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia '+ + 'gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic '+ + 'justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha '+ + 'lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower '+ + 'navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset '+ + 'outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side '+ + 'rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow '+ + 'small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize '+ + 'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal '+ + 'text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin '+ + 'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow'; + + var fonts = '[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier mono sans serif'; + + this.regexList = [ + { regex: SyntaxHighlighter.regexLib.multiLineCComments, css: 'comments' }, // multiline comments + { regex: SyntaxHighlighter.regexLib.doubleQuotedString, css: 'string' }, // double quoted strings + { regex: SyntaxHighlighter.regexLib.singleQuotedString, css: 'string' }, // single quoted strings + { regex: /\#[a-fA-F0-9]{3,6}/g, css: 'value' }, // html colors + { regex: /(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)/g, css: 'value' }, // sizes + { regex: /!important/g, css: 'color3' }, // !important + { regex: new RegExp(getKeywordsCSS(keywords), 'gm'), css: 'keyword' }, // keywords + { regex: new RegExp(getValuesCSS(values), 'g'), css: 'value' }, // values + { regex: new RegExp(this.getKeywords(fonts), 'g'), css: 'color1' } // fonts + ]; + + this.forHtmlScript({ + left: /(&lt;|<)\s*style.*?(&gt;|>)/gi, + right: /(&lt;|<)\/\s*style\s*(&gt;|>)/gi + }); + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['css']; + + SyntaxHighlighter.brushes.CSS = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJScript.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJScript.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJScript.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,52 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + var keywords = 'break case catch continue ' + + 'default delete do else false ' + + 'for function if in instanceof ' + + 'new null return super switch ' + + 'this throw true try typeof var while with' + ; + + var r = SyntaxHighlighter.regexLib; + + this.regexList = [ + { regex: r.multiLineDoubleQuotedString, css: 'string' }, // double quoted strings + { regex: r.multiLineSingleQuotedString, css: 'string' }, // single quoted strings + { regex: r.singleLineCComments, css: 'comments' }, // one line comments + { regex: r.multiLineCComments, css: 'comments' }, // multiline comments + { regex: /\s*#.*/gm, css: 'preprocessor' }, // preprocessor tags like #region and #endregion + { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' } // keywords + ]; + + this.forHtmlScript(r.scriptScriptTags); + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['js', 'jscript', 'javascript']; + + SyntaxHighlighter.brushes.JScript = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJava.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJava.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushJava.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,57 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + var keywords = 'abstract assert boolean break byte case catch char class const ' + + 'continue default do double else enum extends ' + + 'false final finally float for goto if implements import ' + + 'instanceof int interface long native new null ' + + 'package private protected public return ' + + 'short static strictfp super switch synchronized this throw throws true ' + + 'transient try void volatile while'; + + this.regexList = [ + { regex: SyntaxHighlighter.regexLib.singleLineCComments, css: 'comments' }, // one line comments + { regex: /\/\*([^\*][\s\S]*)?\*\//gm, css: 'comments' }, // multiline comments + { regex: /\/\*(?!\*\/)\*[\s\S]*?\*\//gm, css: 'preprocessor' }, // documentation comments + { regex: SyntaxHighlighter.regexLib.doubleQuotedString, css: 'string' }, // strings + { regex: SyntaxHighlighter.regexLib.singleQuotedString, css: 'string' }, // strings + { regex: /\b([\d]+(\.[\d]+)?|0x[a-f0-9]+)\b/gi, css: 'value' }, // numbers + { regex: /(?!\@interface\b)\@[\$\w]+\b/g, css: 'color1' }, // annotation @anno + { regex: /\@interface\b/g, css: 'color2' }, // @interface keyword + { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' } // java keyword + ]; + + this.forHtmlScript({ + left : /(&lt;|<)%[@!=]?/g, + right : /%(&gt;|>)/g + }); + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['java']; + + SyntaxHighlighter.brushes.Java = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushPlain.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushPlain.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushPlain.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,33 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['text', 'plain']; + + SyntaxHighlighter.brushes.Plain = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushXml.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushXml.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shBrushXml.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,69 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + function process(match, regexInfo) + { + var constructor = SyntaxHighlighter.Match, + code = match[0], + tag = new XRegExp('(&lt;|<)[\\s\\/\\?]*(?<name>[:\\w-\\.]+)', 'xg').exec(code), + result = [] + ; + + if (match.attributes != null) + { + var attributes, + regex = new XRegExp('(?<name> [\\w:\\-\\.]+)' + + '\\s*=\\s*' + + '(?<value> ".*?"|\'.*?\'|\\w+)', + 'xg'); + + while ((attributes = regex.exec(code)) != null) + { + result.push(new constructor(attributes.name, match.index + attributes.index, 'color1')); + result.push(new constructor(attributes.value, match.index + attributes.index + attributes[0].indexOf(attributes.value), 'string')); + } + } + + if (tag != null) + result.push( + new constructor(tag.name, match.index + tag[0].indexOf(tag.name), 'keyword') + ); + + return result; + } + + this.regexList = [ + { regex: new XRegExp('(\\&lt;|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\\&gt;|>)', 'gm'), css: 'color2' }, // <![ ... [ ... ]]> + { regex: SyntaxHighlighter.regexLib.xmlComments, css: 'comments' }, // <!-- ... --> + { regex: new XRegExp('(&lt;|<)[\\s\\/\\?]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)', 'sg'), func: process } + ]; + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['xml', 'xhtml', 'xslt', 'html']; + + SyntaxHighlighter.brushes.Xml = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); Added: trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shCore.js =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shCore.js (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/js/shCore.js 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,17 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('K M;I(M)1S 2U("2a\'t 4k M 4K 2g 3l 4G 4H");(6(){6 r(f,e){I(!M.1R(f))1S 3m("3s 15 4R");K a=f.1w;f=M(f.1m,t(f)+(e||""));I(a)f.1w={1m:a.1m,19:a.19?a.19.1a(0):N};H f}6 t(f){H(f.1J?"g":"")+(f.4s?"i":"")+(f.4p?"m":"")+(f.4v?"x":"")+(f.3n?"y":"")}6 B(f,e,a,b){K c=u.L,d,h,g;v=R;5K{O(;c--;){g=u[c];I(a&g.3r&&(!g.2p||g.2p.W(b))){g.2q.12=e;I((h=g.2q.X(f))&&h.P===e){d={3k:g.2b.W(b,h,a),1C:h};1N}}}}5v(i){1S i}5q{v=11}H d}6 p(f,e,a){I(3b.Z.1i)H f.1i(e,a);O(a=a||0;a<f.L;a++)I(f[a]===e)H a;H-1}M=6(f,e){K a=[],b=M.1B,c=0,d,h;I(M.1R(f)){I(e!==1d)1S 3m("2a\'t 5r 5I 5F 5B 5C 15 5E 5p");H r(f)}I(v)1S 2U("2a\'t W 3l M 59 5m 5g 5x 5i");e=e||"";O(d={2N:11,19:[],2K:6(g){H e.1! i(g)>-1},3d:6(g){e+=g}};c<f.L;)I(h=B(f,c,b,d)){a.U(h.3k);c+=h.1C[0].L||1}Y I(h=n.X.W(z[b],f.1a(c))){a.U(h[0]);c+=h[0].L}Y{h=f.3a(c);I(h==="[")b=M.2I;Y I(h==="]")b=M.1B;a.U(h);c++}a=15(a.1K(""),n.Q.W(e,w,""));a.1w={1m:f,19:d.2N?d.19:N};H a};M.3v="1.5.0";M.2I=1;M.1B=2;K C=/\\$(?:(\\d\\d?|[$&`\'])|{([$\\w]+)})/g,w=/[^5h]+|([\\s\\S])(?=[\\s\\S]*\\1)/g,A=/^(?:[?*+]|{\\d+(?:,\\d*)?})\\??/,v=11,u=[],n={X:15.Z.X,1A:15.Z.1A,1C:1r.Z.1C,Q:1r.Z.Q,1e:1r.Z.1e},x=n.X.W(/()??/,"")[1]===1d,D=6(){K f=/^/g;n.1A.W(f,"");H!f.12}(),y=6(){K f=/x/g;n.Q.W("x",f,"");H!f.12}(),E=15.Z.3n!==1d,z={};z[M.2I]=/^(?:\\\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S]))/;z[M.1B]=/^(?:\\\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\\d*|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S])|\\(\\?[:=!]|[?*+]\\?|{\\d+(?:,\\d*)?}\\??)/;M.1h=6(f,e,a,b){u.U({2q:r(f,"g"+(E?"y":"")),2b:e,3r:a||M.1B,2p:b||N})};M.2n=6(f,e){K a=f+"/"+(e||"");H M.2n[a]||(M.2n[a]=M(f,e))};M.3c=6(f){H r(f,"g"! )};M.5l=6(f){H f.Q(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g,"\\\\$&")};M! .5e=6(f, e,a,b){e=r(e,"g"+(b&&E?"y":""));e.12=a=a||0;f=e.X(f);H b?f&&f.P===a?f:N:f};M.3q=6(){M.1h=6(){1S 2U("2a\'t 55 1h 54 3q")}};M.1R=6(f){H 53.Z.1q.W(f)==="[2m 15]"};M.3p=6(f,e,a,b){O(K c=r(e,"g"),d=-1,h;h=c.X(f);){a.W(b,h,++d,f,c);c.12===h.P&&c.12++}I(e.1J)e.12=0};M.57=6(f,e){H 6 a(b,c){K d=e[c].1I?e[c]:{1I:e[c]},h=r(d.1I,"g"),g=[],i;O(i=0;i<b.L;i++)M.3p(b[i],h,6(k){g.U(d.3j?k[d.3j]||"":k[0])});H c===e.L-1||!g.L?g:a(g,c+1)}([f],0)};15.Z.1p=6(f,e){H J.X(e[0])};15.Z.W=6(f,e){H J.X(e)};15.Z.X=6(f){K e=n.X.1p(J,14),a;I(e){I(!x&&e.L>1&&p(e,"")>-1){a=15(J.1m,n.Q.W(t(J),"g",""));n.Q.W(f.1a(e.P),a,6(){O(K c=1;c<14.L-2;c++)I(14[c]===1d)e[c]=1d})}I(J.1w&&J.1w.19)O(K b=1;b<e.L;b++)I(a=J.1w.19[b-1])e[a]=e[b];!D&&J.1J&&!e[0].L&&J.12>e.P&&J.12--}H e};I(!D)15.Z.1A=6(f){(f=n.X.W(J,f))&&J.1J&&!f[0].L&&J.12>f.P&&J.12--;H!!f};1r.Z.1C=6(f){M.1R(f)||(f=15(f));I(f.1J){K e=n.1C.1p(J,14);f.12=0;H e}H f.X(J)};1r.Z.Q=6(f,e){K a=M.1R(f),b,c;I(a&&1j e.58()==="3f"&&e.1i("${")===-1&&y)H n.Q.1p(J,14);I(a){I(f.! 1w)b=f.1w.19}Y f+="";I(1j e==="6")c=n.Q.W(J,f,6(){I(b){14[0]=1f 1r(14[0]);O(K d=0;d<b.L;d++)I(b[d])14[0][b[d]]=14[d+1]}I(a&&f.1J)f.12=14[14.L-2]+14[0].L;H e.1p(N,14)});Y{c=J+"";c=n.Q.W(c,f,6(){K d=14;H n.Q.W(e,C,6(h,g,i){I(g)5b(g){24"$":H"$";24"&":H d[0];24"`":H d[d.L-1].1a(0,d[d.L-2]);24"\'":H d[d.L-1].1a(d[d.L-2]+d[0].L);5a:i="";g=+g;I(!g)H h;O(;g>d.L-3;){i=1r.Z.1a.W(g,-1)+i;g=1Q.3i(g/10)}H(g?d[g]||"":"$")+i}Y{g=+i;I(g<=d.L-3)H d[g];g=b?p(b,i):-1;H g>-1?d[g+1]:h}})})}I(a&&f.1J)f.12=0;H c};1r.Z.1e=6(f,e){I(!M.1R(f))H n.1e.1p(J,14);K a=J+"",b=[],c=0,d,h;I(e===1d||+e<0)e=5D;Y{e=1Q.3i(+e);I(!e)H[]}O(f=M.3c(f);d=f.X(a);){I(f.12>c){b.U(a.1a(c,d.P));d.L>1&&d.P<a.L&&3b.Z.U.1p(b,d.1a(1));h=d[0].L;c=f.12;I(b.L>=e)1N}f.12===d.P&&f.12++}I(c===a.L){I(!n.1A.W(f,"")||h)b.U("")}Y b.U(a.1a(c));H b.L>e?b.1a(0,e):b};M.1h(/\\(\\?#[^)]*\\)/,6(f){H n.1A.W(A,f.2S.1a(f.P+f[0].L))?"":"(?:)"});M.1h(/\\((?!\\?)/,6(){J.19.U(N);H"("});M.1h(/\\(\\?<([$\\w]+)>/,6(f){J.19.U(f[1]);J.2N=R;H"("});M.1h(/\\\! \k<([\\w$]+)>/,6(f){K e=p(J.19,f[1]);H e>-1?"\\\\"+(e+1)+(3R(f! .2S.3a(f .P+f[0].L))?"":"(?:)"):f[0]});M.1h(/\\[\\^?]/,6(f){H f[0]==="[]"?"\\\\b\\\\B":"[\\\\s\\\\S]"});M.1h(/^\\(\\?([5A]+)\\)/,6(f){J.3d(f[1]);H""});M.1h(/(?:\\s+|#.*)+/,6(f){H n.1A.W(A,f.2S.1a(f.P+f[0].L))?"":"(?:)"},M.1B,6(){H J.2K("x")});M.1h(/\\./,6(){H"[\\\\s\\\\S]"},M.1B,6(){H J.2K("s")})})();1j 2e!="1d"&&(2e.M=M);K 1v=6(){6 r(a,b){a.1l.1i(b)!=-1||(a.1l+=" "+b)}6 t(a){H a.1i("3e")==0?a:"3e"+a}6 B(a){H e.1Y.2A[t(a)]}6 p(a,b,c){I(a==N)H N;K d=c!=R?a.3G:[a.2G],h={"#":"1c",".":"1l"}[b.1o(0,1)]||"3h",g,i;g=h!="3h"?b.1o(1):b.5u();I((a[h]||"").1i(g)!=-1)H a;O(a=0;d&&a<d.L&&i==N;a++)i=p(d[a],b,c);H i}6 C(a,b){K c={},d;O(d 2g a)c[d]=a[d];O(d 2g b)c[d]=b[d];H c}6 w(a,b,c,d){6 h(g){g=g||1P.5y;I(!g.1F){g.1F=g.52;g.3N=6(){J.5w=11}}c.W(d||1P,g)}a.3g?a.3g("4U"+b,h):a.4y(b,h,11)}6 A(a,b){K c=e.1Y.2j,d=N;I(c==N){c={};O(K h 2g e.1U){K g=e.1U[h];d=g.4x;I(d!=N){g.1V=h.4w();O(g=0;g<d.L;g++)c[d[g]]=h}}e.1Y.2j=c}d=e.1U[c[a]];d==N&&b!=11&&1P.1X(e.13.1x.1X+(e.13.1x.3E+a));H d}6 v(a,b){O(K c=a.1e("\\n! "),d=0;d<c.L;d++)c[d]=b(c[d],d);H c.1K("\\n")}6 u(a,b){I(a==N||a.L==0||a=="\\n")H a;a=a.Q(/</g,"&1y;");a=a.Q(/ {2,}/g,6(c){O(K d="",h=0;h<c.L-1;h++)d+=e.13.1W;H d+" "});I(b!=N)a=v(a,6(c){I(c.L==0)H"";K d="";c=c.Q(/^(&2s;| )+/,6(h){d=h;H""});I(c.L==0)H d;H d+\'<17 1g="\'+b+\'">\'+c+"</17>"});H a}6 n(a,b){a.1e("\\n");O(K c="",d=0;d<50;d++)c+=" ";H a=v(a,6(h){I(h.1i("\\t")==-1)H h;O(K g=0;(g=h.1i("\\t"))!=-1;)h=h.1o(0,g)+c.1o(0,b-g%b)+h.1o(g+1,h.L);H h})}6 x(a){H a.Q(/^\\s+|\\s+$/g,"")}6 D(a,b){I(a.P<b.P)H-1;Y I(a.P>b.P)H 1;Y I(a.L<b.L)H-1;Y I(a.L>b.L)H 1;H 0}6 y(a,b){6 c(k){H k[0]}O(K d=N,h=[],g=b.2D?b.2D:c;(d=b.1I.X(a))!=N;){K i=g(d,b);I(1j i=="3f")i=[1f e.2L(i,d.P,b.23)];h=h.1O(i)}H h}6 E(a){K b=/(.*)((&1G;|&1y;).*)/;H a.Q(e.3A.3M,6(c){K d="",h=N;I(h=b.X(c)){c=h[1];d=h[2]}H\'<a 2h="\'+c+\'">\'+c+"</a>"+d})}6 z(){O(K a=1E.36("1k"),b=[],c=0;c<a.L;c++)a[c].3s=="20"&&b.U(a[c]);H b}6 f(a){a=a.1F;K b=p(a,".20",R);a=p(a,".3O",R);K c=1E.4i("3t");I(!(!a||!b||p(a,"! 3t"))){B(b.1c);r(b,"1m");O(K d=a.3G,h=[],g=0;g<d.L;g++)h.U(d[g! ].4z||d[ g].4A);h=h.1K("\\r");c.39(1E.4D(h));a.39(c);c.2C();c.4C();w(c,"4u",6(){c.2G.4E(c);b.1l=b.1l.Q("1m","")})}}I(1j 3F!="1d"&&1j M=="1d")M=3F("M").M;K e={2v:{"1g-27":"","2i-1s":1,"2z-1s-2t":11,1M:N,1t:N,"42-45":R,"43-22":4,1u:R,16:R,"3V-17":R,2l:11,"41-40":R,2k:11,"1z-1k":11},13:{1W:"&2s;",2M:R,46:11,44:11,34:"4n",1x:{21:"4o 1m",2P:"?",1X:"1v\\n\\n",3E:"4r\'t 4t 1D O: ",4g:"4m 4B\'t 51 O 1z-1k 4F: ",37:\'<!4T 1z 4S "-//4V//3H 4W 1.0 4Z//4Y" "1Z://2y.3L.3K/4X/3I/3H/3I-4P.4J"><1z 4I="1Z://2y.3L.3K/4L/5L"><3J><4N 1Z-4M="5G-5M" 6K="2O/1z; 6J=6I-8" /><1t>6L 1v</1t></3J><3B 1L="25-6M:6Q,6P,6O,6N-6F;6y-2f:#6x;2f:#6w;25-22:6v;2O-3D:3C;"><T 1L="2O-3D:3C;3w-32:1.6z;"><T 1L="25-22:6A-6E;">1v</T><T 1L="25-22:.6C;3w-6B:6R;"><T>3v 3.0.76 (72 73 3x)</T><T><a 2h="1Z://3u.2w/1v" 1F="38" 1L="2f:#3y">1Z://3u.2w/1v</a></T><T>70 17 6U 71.</T><T>6T 6X-3x 6Y 6D.</T></T><T>6t 61 60 J 1k, 5Z <a 2h="6u://2y.62.2w/63-66/65?64=5X-5W&5P=5O" 1L="2f:#3y">5R</a> 5V <2R/>5U 5T 5S!</T></T></3B></1z>\'}},1Y:{2j:N,! 2A:{}},1U:{},3A:{6n:/\\/\\*[\\s\\S]*?\\*\\//2c,6m:/\\/\\/.*$/2c,6l:/#.*$/2c,6k:/"([^\\\\"\\n]|\\\\.)*"/g,6o:/\'([^\\\\\'\\n]|\\\\.)*\'/g,6p:1f M(\'"([^\\\\\\\\"]|\\\\\\\\.)*"\',"3z"),6s:1f M("\'([^\\\\\\\\\']|\\\\\\\\.)*\'","3z"),6q:/(&1y;|<)!--[\\s\\S]*?--(&1G;|>)/2c,3M:/\\w+:\\/\\/[\\w-.\\/?%&=:@;]*/g,6a:{18:/(&1y;|<)\\?=?/g,1b:/\\?(&1G;|>)/g},69:{18:/(&1y;|<)%=?/g,1b:/%(&1G;|>)/g},6d:{18:/(&1y;|<)\\s*1k.*?(&1G;|>)/2T,1b:/(&1y;|<)\\/\\s*1k\\s*(&1G;|>)/2T}},16:{1H:6(a){6 b(i,k){H e.16.2o(i,k,e.13.1x[k])}O(K c=\'<T 1g="16">\',d=e.16.2x,h=d.2X,g=0;g<h.L;g++)c+=(d[h[g]].1H||b)(a,h[g]);c+="</T>";H c},2o:6(a,b,c){H\'<2W><a 2h="#" 1g="6e 6h\'+b+" "+b+\'">\'+c+"</a></2W>"},2b:6(a){K b=a.1F,c=b.1l||"";b=B(p(b,".20",R).1c);K d=6(h){H(h=15(h+"6f(\\\\w+)").X(c))?h[1]:N}("6g");b&&d&&e.16.2x[d].2B(b);a.3N()},2x:{2X:["21","2P"],21:{1H:6(a){I(a.V("2l")!=R)H"";K b=a.V("1t");H e.16.2o(a,"21",b?b:e.13.1x.21)},2B:6(a){a=1E.6j(t(a.1c));a.1l=a.1l.Q("47","")}},2P:{2B:6(){K a="68=0";a+=", 18="+(! 31.30-33)/2+", 32="+(31.2Z-2Y)/2+", 30=33, 2Z=2Y";a=a.Q(/^,/,"! ");a=1P. 6Z("","38",a);a.2C();K b=a.1E;b.6W(e.13.1x.37);b.6V();a.2C()}}}},35:6(a,b){K c;I(b)c=[b];Y{c=1E.36(e.13.34);O(K d=[],h=0;h<c.L;h++)d.U(c[h]);c=d}c=c;d=[];I(e.13.2M)c=c.1O(z());I(c.L===0)H d;O(h=0;h<c.L;h++){O(K g=c[h],i=a,k=c[h].1l,j=3W 0,l={},m=1f M("^\\\\[(?<2V>(.*?))\\\\]$"),s=1f M("(?<27>[\\\\w-]+)\\\\s*:\\\\s*(?<1T>[\\\\w-%#]+|\\\\[.*?\\\\]|\\".*?\\"|\'.*?\')\\\\s*;?","g");(j=s.X(k))!=N;){K o=j.1T.Q(/^[\'"]|[\'"]$/g,"");I(o!=N&&m.1A(o)){o=m.X(o);o=o.2V.L>0?o.2V.1e(/\\s*,\\s*/):[]}l[j.27]=o}g={1F:g,1n:C(i,l)};g.1n.1D!=N&&d.U(g)}H d},1M:6(a,b){K c=J.35(a,b),d=N,h=e.13;I(c.L!==0)O(K g=0;g<c.L;g++){b=c[g];K i=b.1F,k=b.1n,j=k.1D,l;I(j!=N){I(k["1z-1k"]=="R"||e.2v["1z-1k"]==R){d=1f e.4l(j);j="4O"}Y I(d=A(j))d=1f d;Y 6H;l=i.3X;I(h.2M){l=l;K m=x(l),s=11;I(m.1i("<![6G[")==0){m=m.4h(9);s=R}K o=m.L;I(m.1i("]]\\>")==o-3){m=m.4h(0,o-3);s=R}l=s?m:l}I((i.1t||"")!="")k.1t=i.1t;k.1D=j;d.2Q(k);b=d.2F(l);I((i.1c||"")!="")b.1c=i.1c;i.2G.74(b,i)}}},2E:6(a){w(1P,"4k",6(){e.1M(a)})}};e.2E=e.2E! ;e.1M=e.1M;e.2L=6(a,b,c){J.1T=a;J.P=b;J.L=a.L;J.23=c;J.1V=N};e.2L.Z.1q=6(){H J.1T};e.4l=6(a){6 b(j,l){O(K m=0;m<j.L;m++)j[m].P+=l}K c=A(a),d,h=1f e.1U.5Y,g=J,i="2F 1H 2Q".1e(" ");I(c!=N){d=1f c;O(K k=0;k<i.L;k++)(6(){K j=i[k];g[j]=6(){H h[j].1p(h,14)}})();d.28==N?1P.1X(e.13.1x.1X+(e.13.1x.4g+a)):h.2J.U({1I:d.28.17,2D:6(j){O(K l=j.17,m=[],s=d.2J,o=j.P+j.18.L,F=d.28,q,G=0;G<s.L;G++){q=y(l,s[G]);b(q,o);m=m.1O(q)}I(F.18!=N&&j.18!=N){q=y(j.18,F.18);b(q,j.P);m=m.1O(q)}I(F.1b!=N&&j.1b!=N){q=y(j.1b,F.1b);b(q,j.P+j[0].5Q(j.1b));m=m.1O(q)}O(j=0;j<m.L;j++)m[j].1V=c.1V;H m}})}};e.4j=6(){};e.4j.Z={V:6(a,b){K c=J.1n[a];c=c==N?b:c;K d={"R":R,"11":11}[c];H d==N?c:d},3Y:6(a){H 1E.4i(a)},4c:6(a,b){K c=[];I(a!=N)O(K d=0;d<a.L;d++)I(1j a[d]=="2m")c=c.1O(y(b,a[d]));H J.4e(c.6b(D))},4e:6(a){O(K b=0;b<a.L;b++)I(a[b]!==N)O(K c=a[b],d=c.P+c.L,h=b+1;h<a.L&&a[b]!==N;h++){K g=a[h];I(g!==N)I(g.P>d)1N;Y I(g.P==c.P&&g.L>c.L)a[b]=N;Y I(g.P>=c.P&&g.P<d)a[h]=N}H a},4d:6(a){K b=[],c=2u(J.V("2i-1s"));v(a,6(d,! h){b.U(h+c)});H b},3U:6(a){K b=J.V("1M",[]);I(1j b!="2m"&&b.U=! =N)b=[b] ;a:{a=a.1q();K c=3W 0;O(c=c=1Q.6c(c||0,0);c<b.L;c++)I(b[c]==a){b=c;1N a}b=-1}H b!=-1},2r:6(a,b,c){a=["1s","6i"+b,"P"+a,"6r"+(b%2==0?1:2).1q()];J.3U(b)&&a.U("67");b==0&&a.U("1N");H\'<T 1g="\'+a.1K(" ")+\'">\'+c+"</T>"},3Q:6(a,b){K c="",d=a.1e("\\n").L,h=2u(J.V("2i-1s")),g=J.V("2z-1s-2t");I(g==R)g=(h+d-1).1q().L;Y I(3R(g)==R)g=0;O(K i=0;i<d;i++){K k=b?b[i]:h+i,j;I(k==0)j=e.13.1W;Y{j=g;O(K l=k.1q();l.L<j;)l="0"+l;j=l}a=j;c+=J.2r(i,k,a)}H c},49:6(a,b){a=x(a);K c=a.1e("\\n");J.V("2z-1s-2t");K d=2u(J.V("2i-1s"));a="";O(K h=J.V("1D"),g=0;g<c.L;g++){K i=c[g],k=/^(&2s;|\\s)+/.X(i),j=N,l=b?b[g]:d+g;I(k!=N){j=k[0].1q();i=i.1o(j.L);j=j.Q(" ",e.13.1W)}i=x(i);I(i.L==0)i=e.13.1W;a+=J.2r(g,l,(j!=N?\'<17 1g="\'+h+\' 5N">\'+j+"</17>":"")+i)}H a},4f:6(a){H a?"<4a>"+a+"</4a>":""},4b:6(a,b){6 c(l){H(l=l?l.1V||g:g)?l+" ":""}O(K d=0,h="",g=J.V("1D",""),i=0;i<b.L;i++){K k=b[i],j;I(!(k===N||k.L===0)){j=c(k);h+=u(a.1o(d,k.P-d),j+"48")+u(k.1T,j+k.23);d=k.P+k.L+(k.75||0)}}h+=u(a.1o(d),c()+"48");H h},1H! :6(a){K b="",c=["20"],d;I(J.V("2k")==R)J.1n.16=J.1n.1u=11;1l="20";J.V("2l")==R&&c.U("47");I((1u=J.V("1u"))==11)c.U("6S");c.U(J.V("1g-27"));c.U(J.V("1D"));a=a.Q(/^[ ]*[\\n]+|[\\n]*[ ]*$/g,"").Q(/\\r/g," ");b=J.V("43-22");I(J.V("42-45")==R)a=n(a,b);Y{O(K h="",g=0;g<b;g++)h+=" ";a=a.Q(/\\t/g,h)}a=a;a:{b=a=a;h=/<2R\\s*\\/?>|&1y;2R\\s*\\/?&1G;/2T;I(e.13.46==R)b=b.Q(h,"\\n");I(e.13.44==R)b=b.Q(h,"");b=b.1e("\\n");h=/^\\s*/;g=4Q;O(K i=0;i<b.L&&g>0;i++){K k=b[i];I(x(k).L!=0){k=h.X(k);I(k==N){a=a;1N a}g=1Q.4q(k[0].L,g)}}I(g>0)O(i=0;i<b.L;i++)b[i]=b[i].1o(g);a=b.1K("\\n")}I(1u)d=J.4d(a);b=J.4c(J.2J,a);b=J.4b(a,b);b=J.49(b,d);I(J.V("41-40"))b=E(b);1j 2H!="1d"&&2H.3S&&2H.3S.1C(/5s/)&&c.U("5t");H b=\'<T 1c="\'+t(J.1c)+\'" 1g="\'+c.1K(" ")+\'">\'+(J.V("16")?e.16.1H(J):"")+\'<3Z 5z="0" 5H="0" 5J="0">\'+J.4f(J.V("1t"))+"<3T><3P>"+(1u?\'<2d 1g="1u">\'+J.3Q(a)+"</2d>":"")+\'<2d 1g="17"><T 1g="3O">\'+b+"</T></2d></3P></3T></3Z></T>"},2F:6(a){I(a===N)a="";J.17=a;K b=J.3Y("T");b.3X=J.1H(a);J.V(! "16")&&w(p(b,".16"),"5c",e.16.2b);J.V("3V-17")&&w(p(b,".17"),"! 56",f);H b},2Q:6(a){J.1c=""+1Q.5d(1Q.5n()*5k).1q();e.1Y.2A[t(J.1c)]=J;J.1n=C(e.2v,a||{});I(J.V("2k")==R)J.1n.16=J.1n.1u=11},5j:6(a){a=a.Q(/^\\s+|\\s+$/g,"").Q(/\\s+/g,"|");H"\\\\b(?:"+a+")\\\\b"},5f:6(a){J.28={18:{1I:a.18,23:"1k"},1b:{1I:a.1b,23:"1k"},17:1f M("(?<18>"+a.18.1m+")(?<17>.*?)(?<1b>"+a.1b.1m+")","5o")}}};H e}();1j 2e!="1d"&&(2e.1v=1v);',62,441,'||||||function|||||||||||||||||||||||||||||||||||||return|if|this|var|length|XRegExp|null|for|index|replace|true||div|push|getParam|call|exec|else|prototype||false|lastIndex|config|arguments|RegExp|toolbar|code|left|captureNames|slice|right|id|undefined|split|new|class|addToken|indexOf|typeof|script|className|source|params|substr|apply|toString|String|line|title|gutter|SyntaxHighlighter|_xregexp|strings|lt|html|test|OUTSIDE_CLASS|match|brush|document|target|gt|getHtml|regex|global|join|style|highlight|break|concat|window|Math|isRegExp|throw|value|brushes|brushName|space|alert|vars|http|syntaxhighlighter|expandSource|size|css|case|! font|Fa|name|htmlScript|dA|can|handler|gm|td|exports|color|in|href|first|discoveredBrushes|light|collapse|object|cache|getButtonHtml|trigger|pattern|getLineHtml|nbsp|numbers|parseInt|defaults|com|items|www|pad|highlighters|execute|focus|func|all|getDiv|parentNode|navigator|INSIDE_CLASS|regexList|hasFlag|Match|useScriptTags|hasNamedCapture|text|help|init|br|input|gi|Error|values|span|list|250|height|width|screen|top|500|tagName|findElements|getElementsByTagName|aboutDialog|_blank|appendChild|charAt|Array|copyAsGlobal|setFlag|highlighter_|string|attachEvent|nodeName|floor|backref|output|the|TypeError|sticky|Za|iterate|freezeTokens|scope|type|textarea|alexgorbatchev|version|margin|2010|005896|gs|regexLib|body|center|align|noBrush|require|childNodes|DTD|xhtml1|head|org|w3|url|preventDefault|container|tr|getLineNumbersHtml|isNaN|userAgent|tbody|isLineHighlighted|quick|void|innerHTML|create|table|links|auto|smart|tab|stripBrs|tabs|bloggerMode|collapsed|plain|getCodeLinesHtml|capt! ion|getMatchesHtml|findMatches|figureOutLineNumbers|removeNest! edMatche s|getTitleHtml|brushNotHtmlScript|substring|createElement|Highlighter|load|HtmlScript|Brush|pre|expand|multiline|min|Can|ignoreCase|find|blur|extended|toLowerCase|aliases|addEventListener|innerText|textContent|wasn|select|createTextNode|removeChild|option|same|frame|xmlns|dtd|twice|1999|equiv|meta|htmlscript|transitional|1E3|expected|PUBLIC|DOCTYPE|on|W3C|XHTML|TR|EN|Transitional||configured|srcElement|Object|after|run|dblclick|matchChain|valueOf|constructor|default|switch|click|round|execAt|forHtmlScript|token|gimy|functions|getKeywords|1E6|escape|within|random|sgi|another|finally|supply|MSIE|ie|toUpperCase|catch|returnValue|definition|event|border|imsx|constructing|one|Infinity|from|when|Content|cellpadding|flags|cellspacing|try|xhtml|Type|spaces|2930402|hosted_button_id|lastIndexOf|donate|active|development|keep|to|xclick|_s|Xml|please|like|you|paypal|cgi|cmd|webscr|bin|highlighted|scrollbars|aspScriptTags|phpScriptTags|sort|max|scriptScriptTags|toolbar_item|_|command|com! mand_|number|getElementById|doubleQuotedString|singleLinePerlComments|singleLineCComments|multiLineCComments|singleQuotedString|multiLineDoubleQuotedString|xmlComments|alt|multiLineSingleQuotedString|If|https|1em|000|fff|background|5em|xx|bottom|75em|Gorbatchev|large|serif|CDATA|continue|utf|charset|content|About|family|sans|Helvetica|Arial|Geneva|3em|nogutter|Copyright|syntax|close|write|2004|Alex|open|JavaScript|highlighter|July|02|replaceChild|offset|83'.split('|'),0,{})) Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/ajax.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/ajax.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/ajax.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,20 +3,14 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>The behavior that adds javascript call for sending Ajax request to specified event on parent component</p> - <h:form> - <h:inputText value="#{userBean.name}"> - <a4j:ajax event="keyup" render="out"/> - </h:inputText> - <h:outputText value="#{userBean.name}" id="out"/> - </h:form> - <p>Typical use-case of dependent select components. When you - choosing the type in the first select - corresponding items appears in - second one.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}"/> + <at:syntaxHighlighter id="sh1" src="#{demoNavigator.sampleIncludeURI}" sourceType="xhtml"/> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/ajax-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/ajax-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/ajax-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,14 @@ +<!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> + <h:inputText value="#{userBean.name}"> + <a4j:ajax event="keyup" render="out" /> + </h:inputText> + <h:outputText value="#{userBean.name}" id="out" /> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/selectsUpdates-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/selectsUpdates-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/samples/selectsUpdates-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,21 @@ +<!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> + <h:selectOneMenu value="#{selectsBean.currentType}" + valueChangeListener="#{selectsBean.valueChanged}"> + <f:selectItems value="#{selectsBean.firstList}" /> + <a4j:ajax event="valueChange" render="second" execute="@this" /> + </h:selectOneMenu> + <a4j:outputPanel id="second" layout="block"> + <h:selectOneMenu value="#{selectsBean.currentType}" + rendered="#{not empty selectsBean.currentType}"> + <f:selectItems value="#{selectsBean.secondList}" /> + </h:selectOneMenu> + </a4j:outputPanel> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/selectsUpdates.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/selectsUpdates.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/ajax/selectsUpdates.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,24 +3,15 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>Typical use-case of dependent select components. When you choosing the type in the first select - corresponding items appears in second one. </p> - <h:form> - <h:selectOneMenu value="#{selectsBean.currentType}" - valueChangeListener="#{selectsBean.valueChanged}"> - <f:selectItems value="#{selectsBean.firstList}" /> - <a4j:ajax event="valueChange" render="second" execute="@this" /> - </h:selectOneMenu> - <a4j:outputPanel id="second" layout="block"> - <h:selectOneMenu value="#{selectsBean.currentType}" rendered="#{not empty selectsBean.currentType}"> - <f:selectItems value="#{selectsBean.secondList}" /> - </h:selectOneMenu> - </a4j:outputPanel> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" sourceType="xhtml"/> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/attachQueue.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/attachQueue.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/attachQueue.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,37 +4,21 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:c="http://java.sun.com/jstl/core" - xmlns:rich="http://java.sun.com/jsf/composite/rich"> -<p>In RichFaces 4 all request settings related to queue was moved out of components attributes and -now customization available using new a4j:attachQueue tag. Next sample shows how requestGroupingId -(former similarityGroupingId) could be set for different components making the requests from them similar. -Besides setting requestGroupingId - attach queue tag at second button redefines default queue -request delay from 500ms to 1500ms. -</p> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> + <p>In RichFaces 4 all request settings related to queue was moved + out of components attributes and now customization available using new + a4j:attachQueue tag. Next sample shows how requestGroupingId (former + similarityGroupingId) could be set for different components making the + requests from them similar. Besides setting requestGroupingId - attach + queue tag at second button redefines default queue request delay from + 500ms to 1500ms.</p> -<p>If you will click the buttons fast - requests will be combined and only last click will -be processed</p> + <p>If you will click the buttons fast - requests will be combined + and only last click will be processed</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> -<a4j:queue requestDelay="500"></a4j:queue> - <h:form> - <rich:panel> - <h:panelGrid columns="2"> - <a4j:commandButton value="Set Name to Alex" render="rep"> - <a4j:attachQueue requestGroupingId="group1"/> - <a4j:param name="username" value="Alex" assignTo="#{userBean.name}" /> - </a4j:commandButton> - - <a4j:commandButton value="Set Name to John" render="rep"> - <a4j:attachQueue requestGroupingId="group1" requestDelay="1500"/> - <a4j:param name="username" value="John" - assignTo="#{userBean.name}" /> - </a4j:commandButton> - </h:panelGrid> - </rich:panel> - - <rich:panel> - <h:outputText id="rep" value="Selected Name:#{userBean.name}" /> - </rich:panel> - </h:form> + <at:syntaxHighlighter + src="#{demoNavigator.sampleIncludeURI}" sourceType="xhtml"/> </ui:composition> Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/samples/attachQueue-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/samples/attachQueue-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/attachQueue/samples/attachQueue-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,28 @@ +<!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"> + <a4j:queue requestDelay="500"></a4j:queue> + <h:form> + <rich:panel> + <h:panelGrid columns="2"> + <a4j:commandButton value="Set Name to Alex" render="rep"> + <a4j:attachQueue requestGroupingId="group1" /> + <a4j:param name="username" value="Alex" assignTo="#{userBean.name}" /> + </a4j:commandButton> + + <a4j:commandButton value="Set Name to John" render="rep"> + <a4j:attachQueue requestGroupingId="group1" requestDelay="1500" /> + <a4j:param name="username" value="John" assignTo="#{userBean.name}" /> + </a4j:commandButton> + </h:panelGrid> + </rich:panel> + + <rich:panel> + <h:outputText id="rep" value="Selected Name:#{userBean.name}" /> + </rich:panel> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/commandButton.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/commandButton.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/commandButton.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,31 +3,16 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> - <!-- - .outhello { - font-weight: bold; - } - --> - </style> - <p> - The combination similar to h:commandButton with f:ajax. Inherits all - a4j:ajax special options. - </p> - <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> + <p>The combination similar to h:commandButton with f:ajax. Inherits + all a4j:ajax special options.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter + src="#{demoNavigator.sampleIncludeURI}" + sourceType="xhtml" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/samples/commandButton-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/samples/commandButton-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandButton/samples/commandButton-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -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 Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/commandLink.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/commandLink.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/commandLink.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,30 +3,18 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> - <!-- - .outhello { - font-weight: bold; - } - --> - </style> + <p> The combination similar to h:commandLink with f:ajax. Inherits all a4j:ajax special options. - </p> - <h:form> - <h:panelGrid columns="3"> - <h:outputText value="Name:" /> - <h:inputText value="#{userBean.name}" /> - <a4j:commandLink value="Say Hello" render="out" execute="@form" /> - </h:panelGrid> - </h:form> - <br /> - <a4j:outputPanel id="out"> - <h:outputText value="Hello #{userBean.name} !" styleClass="outhello" /> - </a4j:outputPanel> + </p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter + src="#{demoNavigator.sampleIncludeURI}" + sourceType="xhtml" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/samples/commandLink-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/samples/commandLink-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/commandLink/samples/commandLink-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,24 @@ +<!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:commandLink value="Say Hello" render="out" execute="@form" /> + </h:panelGrid> + </h:form> + <br /> + <a4j:outputPanel id="out"> + <h:outputText value="Hello #{userBean.name} !" styleClass="outhello" /> + </a4j:outputPanel> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/samples/tableFilteringAPI-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/samples/tableFilteringAPI-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/samples/tableFilteringAPI-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,88 @@ +<!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" + xmlns:fn="http://java.sun.com/jsp/jstl/functions"> + <style> +.atop { + vertical-align: top; +} +</style> + <h:form id="form"> + <h:panelGrid columns="2" columnClasses="atop"> + <rich:panel> + <f:facet name="header"> + <h:outputText value="Quick Filter Panel" /> + </f:facet> + <fieldset><legend>Filter By Vendor</legend> + <ul> + <a4j:repeat value="#{carsBean.allVendors}" var="vendor"> + <li><h:outputLink value="#">#{vendor} + <rich:componentControl target="table" operation="filter" + event="click"> + <f:param value="vendor" /> + <f:param value="#{vendor}" /> + </rich:componentControl> + </h:outputLink></li> + </a4j:repeat> + </ul> + </fieldset> + </rich:panel> + <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" + id="table" rows="20"> + <rich:column id="vendor" + filterValue="#{carsFilteringBean.vendorFilter}" + filterExpression="#{carsFilteringBean.vendorFilter == '' or carsFilteringBean.vendorFilter == null or carsFilteringBean.vendorFilter == car.vendor}"> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="Vendor" /> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.vendor}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model" /> + </f:facet> + <h:outputText value="#{car.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Price" /> + </f:facet> + <h:outputText value="#{car.price}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="Mileage" /> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.mileage}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="Days Live" /> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.daysLive}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="VIN " /> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.vin}" /> + </rich:column> + <f:facet name="footer"> + <rich:dataScroller /> + </f:facet> + </rich:dataTable> + </h:panelGrid> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/tableFilteringAPI.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/tableFilteringAPI.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/componentControl/tableFilteringAPI.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,90 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" - xmlns:fn="http://java.sun.com/jsp/jstl/functions" - xmlns:r="http://java.sun.com/jsf/composite/rich"> + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> - .atop{ - vertical-align:top; - } - </style> - <p>ComponentControl allows to call JS api on any component. It supports parameters passing using f:param, a4j:param and a4j:hasParam tags. </p> - <p>Currently target component should be defined by using clientId, but we planning to add lookup by short id in nearest versions.</p> - <h:form id="form"> - <h:panelGrid columns="2" columnClasses="atop"> - <r:panel> - <f:facet name="header"> - <h:outputText value="Quick Filter Panel" /> - </f:facet> - <fieldset><legend>Filter By Vendor</legend> - <ul> - <a4j:repeat value="#{carsBean.allVendors}" var="vendor"> - <li><h:outputLink value="#">#{vendor} - <rich:componentControl target="table" operation="filter" event="click"> - <f:param value="vendor"/> - <f:param value="#{vendor}"/> - </rich:componentControl> - </h:outputLink> - </li> - </a4j:repeat> - </ul> - </fieldset> - </r:panel> - <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" - id="table" rows="20"> - <rich:column id="vendor" filterValue="#{carsFilteringBean.vendorFilter}" - filterExpression="#{carsFilteringBean.vendorFilter == '' or carsFilteringBean.vendorFilter == null or carsFilteringBean.vendorFilter == car.vendor}"> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="Vendor" /> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.vendor}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Model" /> - </f:facet> - <h:outputText value="#{car.model}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Price" /> - </f:facet> - <h:outputText value="#{car.price}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="Mileage" /> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.mileage}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="Days Live" /> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.daysLive}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="VIN " /> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.vin}" /> - </rich:column> - <f:facet name="footer"> - <rich:dataScroller/> - </f:facet> - </rich:dataTable> - </h:panelGrid> - - </h:form> + <p>ComponentControl allows to call JS api on any component. It + supports parameters passing using f:param, a4j:param and a4j:hasParam + tags.</p> + <p>Currently target component should be defined by using clientId, + but we planning to add lookup by short id in nearest versions.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter + src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,7 +4,8 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>The component takes iterates a model as any other iteration @@ -12,42 +13,7 @@ inline data. To define grid properties and styles, use the same definitions as for &lt;h:panelGrid&gt;.</p> <p>The following example shows the dataGrid component in use:</p> - <style> -.label { - font-weight: bold; -} - -.pbody { - width: 200px; -} -</style> - <rich:panel> - <f:facet name="header"> - <h:outputText value="Car Store"></h:outputText> - </f:facet> - <h:form> - <rich:dataGrid value="#{carsBean.allInventoryItems}" var="car" - columns="3" elements="9" width="600px"> - <rich:panel bodyClass="pbody"> - <f:facet name="header"> - <h:outputText value="#{car.vendor} #{car.model}"></h:outputText> - </f:facet> - <h:panelGrid columns="2"> - <h:outputText value="Price:" styleClass="label"></h:outputText> - <h:outputText value="#{car.price}" /> - <h:outputText value="Mileage:" styleClass="label"></h:outputText> - <h:outputText value="#{car.mileage}" /> - <h:outputText value="VIN:" styleClass="label"></h:outputText> - <h:outputText value="#{car.vin}" /> - <h:outputText value="Stock:" styleClass="label"></h:outputText> - <h:outputText value="#{car.stock}" /> - </h:panelGrid> - </rich:panel> - <f:facet name="footer"> - <rich:dataScroller/> - </f:facet> - </rich:dataGrid> - </h:form> - </rich:panel> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}"/> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/samples/grid-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/samples/grid-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/samples/grid-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,45 @@ +<!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> +.label { + font-weight: bold; +} + +.pbody { + width: 200px; +} +</style> + <rich:panel> + <f:facet name="header"> + <h:outputText value="Car Store"></h:outputText> + </f:facet> + <h:form> + <rich:dataGrid value="#{carsBean.allInventoryItems}" var="car" + columns="3" elements="9" width="600px"> + <rich:panel bodyClass="pbody"> + <f:facet name="header"> + <h:outputText value="#{car.vendor} #{car.model}"></h:outputText> + </f:facet> + <h:panelGrid columns="2"> + <h:outputText value="Price:" styleClass="label"></h:outputText> + <h:outputText value="#{car.price}" /> + <h:outputText value="Mileage:" styleClass="label"></h:outputText> + <h:outputText value="#{car.mileage}" /> + <h:outputText value="VIN:" styleClass="label"></h:outputText> + <h:outputText value="#{car.vin}" /> + <h:outputText value="Stock:" styleClass="label"></h:outputText> + <h:outputText value="#{car.stock}" /> + </h:panelGrid> + </rich:panel> + <f:facet name="footer"> + <rich:dataScroller /> + </f:facet> + </rich:dataGrid> + </h:form> + </rich:panel> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,38 +4,23 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> -.calign { - text-align: center; -} -</style> -<p>dataScroller provides cliens side API functions in order to provide control from -your JavaScript custom handlers. List of api methods:</p> -<ul style="font-style: italic"> - <li>next</li> - <li>previous</li> - <li>first</li> - <li>last</li> -</ul> -<p>This simple sample shows how the scroller could be controlled via API from external controls(arrows images)</p> - <h:form id="form"> - <h:panelGrid columns="1" rowClasses="calign"> - <h:panelGrid columns="3" id="repeat"> - <h:graphicImage value="/images/icons/scroller/arr_left.png" - onclick="#{rich:component('ds')}.previous()" /> - <a4j:repeat rows="3" value="#{slidesBean.pictures}" var="pic" - id="pics"> - <h:graphicImage value="#{pic.uri}" style="padding:5px;"/> - </a4j:repeat> - <h:graphicImage value="/images/icons/scroller/arr_right.png" - onclick="#{rich:component('ds')}.next()" /> - </h:panelGrid> - <rich:dataScroller for="pics" id="ds" render="repeat" stepControls="none" boundaryControls="none" fastControls="none" maxPages="10"/> - </h:panelGrid> - </h:form> + <p>dataScroller provides cliens side API functions in order to + provide control from your JavaScript custom handlers. List of api + methods:</p> + <ul style="font-style: italic"> + <li>next</li> + <li>previous</li> + <li>first</li> + <li>last</li> + </ul> + <p>This simple sample shows how the scroller could be controlled + via API from external controls(arrows images)</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}"/> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/dataScrollerAPI-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/dataScrollerAPI-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/dataScrollerAPI-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,30 @@ +<!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> +.calign { + text-align: center; +} +</style> + <h:form id="form"> + <h:panelGrid columns="1" rowClasses="calign"> + <h:panelGrid columns="3" id="repeat"> + <h:graphicImage value="/images/icons/scroller/arr_left.png" + onclick="#{rich:component('ds')}.previous()" /> + <a4j:repeat rows="3" value="#{slidesBean.pictures}" var="pic" + id="pics"> + <h:graphicImage value="#{pic.uri}" style="padding:5px;" /> + </a4j:repeat> + <h:graphicImage value="/images/icons/scroller/arr_right.png" + onclick="#{rich:component('ds')}.next()" /> + </h:panelGrid> + <rich:dataScroller for="pics" id="ds" render="repeat" + stepControls="none" boundaryControls="none" fastControls="none" + maxPages="10" /> + </h:panelGrid> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/simpleScrolling-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/simpleScrolling-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/samples/simpleScrolling-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,45 @@ +<!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 id="form"> + <rich:dataScroller for="table" maxPages="6" /> + <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" + id="table" rows="10"> + <rich:column accept="#{carsFiteringBean.acceptVendor}"> + <f:facet name="header"> + <h:outputText value="Vendor " /> + </f:facet> + <h:outputText value="#{car.vendor}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model" /> + </f:facet> + <h:outputText value="#{car.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Price" /> + </f:facet> + <h:outputText value="#{car.price}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Mileage" /> + </f:facet> + <h:outputText value="#{car.mileage}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="VIN " /> + </f:facet> + <h:outputText value="#{car.vin}" /> + </rich:column> + </rich:dataTable> + <rich:dataScroller for="table" maxPages="6" /> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,49 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" - > + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<p>dataScroller component provided in order to implement Ajax pagination for data iteration components.</p> -<p>Starting from 4.x version - no more additional updated should be defined by end-developer in order to -synchronize different dataScrollers attached to the same table as in example below.</p> - <h:form id="form"> - <rich:dataScroller for="table" maxPages="6"/> - <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" - id="table" rows="10"> - <rich:column accept="#{carsFiteringBean.acceptVendor}"> - <f:facet name="header"> - <h:outputText value="Vendor " /> - </f:facet> - <h:outputText value="#{car.vendor}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Model" /> - </f:facet> - <h:outputText value="#{car.model}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Price" /> - </f:facet> - <h:outputText value="#{car.price}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Mileage" /> - </f:facet> - <h:outputText value="#{car.mileage}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="VIN " /> - </f:facet> - <h:outputText value="#{car.vin}" /> - </rich:column> - </rich:dataTable> - <rich:dataScroller for="table" maxPages="6"/> - </h:form> + <p>dataScroller component provided in order to implement Ajax + pagination for data iteration components.</p> + <p>Starting from 4.x version - no more additional updated should be + defined by end-developer in order to synchronize different + dataScrollers attached to the same table as in example below.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}"/> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/simpleTable-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/simpleTable-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/simpleTable-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,113 @@ +<!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:dataTable width="700" var="record" + value="#{reportBean.expReport.records}"> + <f:facet name="header"> + <rich:columnGroup> + <rich:column rowspan="2"> + </rich:column> + <rich:column colspan="3"> + <h:outputText value="Expenses" /> + </rich:column> + <rich:column rowspan="2"> + <h:outputText value="subtotals" /> + </rich:column> + <rich:column breakRowBefore="true"> + <h:outputText value="Meals" /> + </rich:column> + <rich:column> + <h:outputText value="Hotels" /> + </rich:column> + <rich:column> + <h:outputText value="Transport" /> + </rich:column> + </rich:columnGroup> + </f:facet> + + <rich:column colspan="5"> + <h:outputText value="#{record.city}" /> + </rich:column> + + <rich:subTable var="expense" value="#{record.items}"> + <rich:column> + <h:outputText value="#{expense.day}"></h:outputText> + <f:facet name="footer"> + <div></div> + </f:facet> + </rich:column> + <rich:column> + <h:outputText value="#{expense.meals}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalMeals}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </f:facet> + </rich:column> + <rich:column> + <h:outputText value="#{expense.hotels}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalHotels}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </f:facet> + </rich:column> + + <rich:column> + <h:outputText value="#{expense.transport}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalTransport}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </f:facet> + </rich:column> + <rich:column> + + <f:facet name="footer"> + <h:outputText value="#{record.total}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </f:facet> + </rich:column> + + </rich:subTable> + + <f:facet name="footer"> + + <rich:columnGroup> + <rich:column>Totals</rich:column> + <rich:column> + <h:outputText value="#{reportBean.expReport.totalMeals}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{reportBean.expReport.totalHotels}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{reportBean.expReport.totalTransport}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{reportBean.expReport.grandTotal}"> + <f:convertNumber pattern="$####.00" /> + </h:outputText> + </rich:column> + </rich:columnGroup> + </f:facet> + + </rich:dataTable> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableFiltering-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableFiltering-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableFiltering-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,69 @@ +<!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" + xmlns:fn="http://java.sun.com/jsp/jstl/functions" + xmlns:r="http://java.sun.com/jsf/composite/rich"> + <h:form id="form"> + <r:messages /> + <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" + id="table" rows="30"> + <f:facet name="noData"> + Nothing found + </f:facet> + <rich:column filterValue="#{carsFilteringBean.vendorFilter}" + filterExpression="#{fn:containsIgnoreCase(car.vendor, carsFilteringBean.vendorFilter)}"> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="Vendor " /> + <h:selectOneMenu value="#{carsFilteringBean.vendorFilter}"> + <f:selectItems value="#{carsBean.vendorOptions}" /> + <a4j:ajax render="table" execute="@this" event="change" /> + </h:selectOneMenu> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.vendor}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model" /> + </f:facet> + <h:outputText value="#{car.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Price" /> + </f:facet> + <h:outputText value="#{car.price}" /> + </rich:column> + <rich:column filter="#{carsFilteringBean.mileageFilterImpl}"> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="Mileage &lt; " /> + <h:inputText value="#{carsFilteringBean.mileageFilter}"> + <f:convertNumber groupingUsed="true" /> + <f:validateLongRange maximum="500000" /> + <a4j:ajax event="blur" render="form:table" execute="@this" /> + </h:inputText> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.mileage}" /> + </rich:column> + <rich:column filterValue="#{carsFilteringBean.vinFilter}" + filterExpression="#{fn:containsIgnoreCase(car.vin,carsFilteringBean.vinFilter)}"> + <f:facet name="header"> + <h:panelGroup> + <h:outputText value="VIN " /> + <h:inputText value="#{carsFilteringBean.vinFilter}"> + <a4j:ajax event="blur" render="table" execute="@this" /> + </h:inputText> + </h:panelGroup> + </f:facet> + <h:outputText value="#{car.vin}" /> + </rich:column> + </rich:dataTable> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableSorting-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableSorting-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableSorting-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,43 @@ +<!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:dataTable value="#{capitalsBean.capitals}" var="cap" id="table"> + <rich:column> + <f:facet name="header"> + State Flag + </f:facet> + <h:graphicImage value="#{cap.stateFlag}" /> + </rich:column> + <rich:column sortBy="#{cap.name}" id="name" + sortOrder="#{capitalsSortingBean.capitalsOrder}"> + <f:facet name="header"> + <a4j:commandLink value="Sort by Capital Name" render="table" + action="#{capitalsSortingBean.sortByCapitals}" /> + </f:facet> + <h:outputText value="#{cap.name}" /> + </rich:column> + <rich:column sortBy="#{cap.state}" id="state" + sortOrder="#{capitalsSortingBean.statesOrder}"> + <f:facet name="header"> + <a4j:commandLink value="Sort by State Name" render="table" + action="#{capitalsSortingBean.sortByStates}" /> + </f:facet> + <h:outputText value="#{cap.state}" /> + </rich:column> + <rich:column sortBy="#{cap.timeZone}" id="timeZone" + comparator="#{capitalsSortingBean.timeZoneComparator}" + sortOrder="#{capitalsSortingBean.timeZonesOrder}"> + <f:facet name="header"> + <a4j:commandLink value="Sort by Time Zone" render="table" + action="#{capitalsSortingBean.sortByTimeZones}" /> + </f:facet> + <h:outputText value="#{cap.timeZone}" /> + </rich:column> + </rich:dataTable> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableStyling-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableStyling-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/tableStyling-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,66 @@ +<!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> +.even-row { + background-color: #FCFFFE; +} + +.odd-row { + background-color: #ECF3FE; +} + +.active-row { + background-color: #FFEBDA !important; + cursor: pointer; +} +</style> + <h:form id="form"> + <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" + id="table" rows="20" rowClasses="odd-row, even-row" + styleClass="stable"> + <rich:column accept="#{carsFiteringBean.acceptVendor}"> + <f:facet name="header"> + <h:outputText value="Vendor " /> + </f:facet> + <h:outputText value="#{car.vendor}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model" /> + </f:facet> + <h:outputText value="#{car.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Price" /> + </f:facet> + <h:outputText value="#{car.price}" /> + </rich:column> + <rich:column filter="#{carsFilteringBean.mileageFilterImpl}"> + <f:facet name="header"> + <h:outputText value="Mileage" /> + </f:facet> + <h:outputText value="#{car.mileage}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="VIN " /> + </f:facet> + <h:outputText value="#{car.vin}" /> + </rich:column> + </rich:dataTable> + </h:form> + <script> + $('.stable tr').mouseover(function(){$(this).addClass('active-row')}); + $('.stable tr').mouseout(function(){$(this).removeClass('active-row')}); + + $('.stable tr:odd').addClass('odd-row'); + $('.stable tr:even').addClass('even-row'); + +</script> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,116 +4,13 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>This sample shows simple master-detail table implemented using<b> tbl:dataTable</b> and<b> tbl:subtable</b> components</p> - <rich:dataTable width="700" var="record" - value="#{reportBean.expReport.records}"> - <f:facet name="header"> - <rich:columnGroup> - <rich:column rowspan="2"> - </rich:column> - <rich:column colspan="3"> - <h:outputText value="Expenses" /> - </rich:column> - <rich:column rowspan="2"> - <h:outputText value="subtotals" /> - </rich:column> - <rich:column breakRowBefore="true"> - <h:outputText value="Meals" /> - </rich:column> - <rich:column> - <h:outputText value="Hotels" /> - </rich:column> - <rich:column> - <h:outputText value="Transport" /> - </rich:column> - </rich:columnGroup> - </f:facet> - - <rich:column colspan="5"> - <h:outputText value="#{record.city}" /> - </rich:column> - - <rich:subTable var="expense" value="#{record.items}"> - <rich:column> - <h:outputText value="#{expense.day}"></h:outputText> - <f:facet name="footer"> - <div></div> - </f:facet> - </rich:column> - <rich:column> - <h:outputText value="#{expense.meals}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - <f:facet name="footer"> - <h:outputText value="#{record.totalMeals}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </f:facet> - </rich:column> - <rich:column> - <h:outputText value="#{expense.hotels}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - <f:facet name="footer"> - <h:outputText value="#{record.totalHotels}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </f:facet> - </rich:column> - - <rich:column> - <h:outputText value="#{expense.transport}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - <f:facet name="footer"> - <h:outputText value="#{record.totalTransport}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </f:facet> - </rich:column> - <rich:column> - - <f:facet name="footer"> - <h:outputText value="#{record.total}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </f:facet> - </rich:column> - - </rich:subTable> - - <f:facet name="footer"> - - <rich:columnGroup> - <rich:column>Totals</rich:column> - <rich:column> - <h:outputText value="#{reportBean.expReport.totalMeals}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </rich:column> - <rich:column> - <h:outputText value="#{reportBean.expReport.totalHotels}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </rich:column> - <rich:column> - <h:outputText value="#{reportBean.expReport.totalTransport}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </rich:column> - <rich:column> - <h:outputText value="#{reportBean.expReport.grandTotal}"> - <f:convertNumber pattern="$####.00" /> - </h:outputText> - </rich:column> - </rich:columnGroup> - </f:facet> - - </rich:dataTable> - + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}"/> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,67 +5,10 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" - xmlns:fn="http://java.sun.com/jsp/jstl/functions" - xmlns:r="http://java.sun.com/jsf/composite/rich"> + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <h:form id="form"> - <r:messages/> - <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" - id="table" rows="30"> - <f:facet name="noData"> - Nothing found - </f:facet> - <rich:column filterValue="#{carsFilteringBean.vendorFilter}" filterExpression="#{fn:containsIgnoreCase(car.vendor, carsFilteringBean.vendorFilter)}"> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="Vendor " /> - <h:selectOneMenu value="#{carsFilteringBean.vendorFilter}"> - <f:selectItems value="#{carsBean.vendorOptions}" /> - <a4j:ajax render="table" execute="@this" event="change"/> - </h:selectOneMenu> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.vendor}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Model" /> - </f:facet> - <h:outputText value="#{car.model}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Price" /> - </f:facet> - <h:outputText value="#{car.price}" /> - </rich:column> - <rich:column filter="#{carsFilteringBean.mileageFilterImpl}"> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="Mileage &lt; " /> - <h:inputText value="#{carsFilteringBean.mileageFilter}"> - <f:convertNumber groupingUsed="true"/> - <f:validateLongRange maximum="500000"/> - <a4j:ajax event="blur" render="form:table" execute="@this" /> - </h:inputText> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.mileage}" /> - </rich:column> - <rich:column filterValue="#{carsFilteringBean.vinFilter}" - filterExpression="#{fn:containsIgnoreCase(car.vin,carsFilteringBean.vinFilter)}"> - <f:facet name="header"> - <h:panelGroup> - <h:outputText value="VIN " /> - <h:inputText value="#{carsFilteringBean.vinFilter}"> - <a4j:ajax event="blur" render="table" execute="@this" /> - </h:inputText> - </h:panelGroup> - </f:facet> - <h:outputText value="#{car.vin}" /> - </rich:column> - </rich:dataTable> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}"/> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,46 +4,19 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<p> -Here is simple example of sorting feature of RichFaces Table component. -</p> -<p>Object property which should be used for sorting should be defined in sortBy attribute.</p> -<p>Currently you could only control sortOrder in your actions, and in near versions we're planning to add special sort controls</p> -<p>Also you could use # {rich:component('tableId')}.sort('columnId', ['sortOrder']) JS api</p> - <h:form> - <rich:dataTable value="#{capitalsBean.capitals}" var="cap" id="table"> - <rich:column> - <f:facet name="header"> - State Flag - </f:facet> - <h:graphicImage value="#{cap.stateFlag}" /> - </rich:column> - <rich:column sortBy="#{cap.name}" id="name" - sortOrder="#{capitalsSortingBean.capitalsOrder}"> - <f:facet name="header"> - <a4j:commandLink value="Sort by Capital Name" render="table" action="#{capitalsSortingBean.sortByCapitals}"/> - </f:facet> - <h:outputText value="#{cap.name}" /> - </rich:column> - <rich:column sortBy="#{cap.state}" id="state" - sortOrder="#{capitalsSortingBean.statesOrder}"> - <f:facet name="header"> - <a4j:commandLink value="Sort by State Name" render="table" action="#{capitalsSortingBean.sortByStates}"/> - </f:facet> - <h:outputText value="#{cap.state}" /> - </rich:column> - <rich:column sortBy="#{cap.timeZone}" id="timeZone" - comparator="#{capitalsSortingBean.timeZoneComparator}" - sortOrder="#{capitalsSortingBean.timeZonesOrder}"> - <f:facet name="header"> - <a4j:commandLink value="Sort by Time Zone" render="table" action="#{capitalsSortingBean.sortByTimeZones}"/> - </f:facet> - <h:outputText value="#{cap.timeZone}" /> - </rich:column> - </rich:dataTable> - </h:form> + <p>Here is simple example of sorting feature of RichFaces Table + component.</p> + <p>Object property which should be used for sorting should be + defined in sortBy attribute.</p> + <p>Currently you could only control sortOrder in your actions, and + in near versions we're planning to add special sort controls</p> + <p>Also you could use # + {rich:component('tableId')}.sort('columnId', ['sortOrder']) JS api</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,68 +5,14 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" - xmlns:fn="http://java.sun.com/jsp/jstl/functions"> + xmlns:fn="http://java.sun.com/jsp/jstl/functions" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> -.even-row { - background-color: #FCFFFE; -} -.odd-row { - background-color: #ECF3FE; -} - -.active-row { - background-color: #FFEBDA !important; - cursor: pointer; -} -</style> <p>This sample shows simple table styling. The table appears in zebra-style and has highlighting of hovered row.</p> - <h:form id="form"> - <rich:dataTable value="#{carsBean.allInventoryItems}" var="car" - id="table" rows="20" rowClasses="odd-row, even-row" - styleClass="stable"> - <rich:column accept="#{carsFiteringBean.acceptVendor}"> - <f:facet name="header"> - <h:outputText value="Vendor " /> - </f:facet> - <h:outputText value="#{car.vendor}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Model" /> - </f:facet> - <h:outputText value="#{car.model}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Price" /> - </f:facet> - <h:outputText value="#{car.price}" /> - </rich:column> - <rich:column filter="#{carsFilteringBean.mileageFilterImpl}"> - <f:facet name="header"> - <h:outputText value="Mileage" /> - </f:facet> - <h:outputText value="#{car.mileage}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="VIN " /> - </f:facet> - <h:outputText value="#{car.vin}" /> - </rich:column> - </rich:dataTable> - </h:form> - <script> - $('.stable tr').mouseover(function(){$(this).addClass('active-row')}); - $('.stable tr').mouseout(function(){$(this).removeClass('active-row')}); - - $('.stable tr:odd').addClass('odd-row'); - $('.stable tr:even').addClass('even-row'); - -</script> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/samples/simpleTable-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/samples/simpleTable-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/samples/simpleTable-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,59 @@ +<!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:extendedDataTable value="#{carsBean.allInventoryItems}" + var="car" id="table" frozenColumns="2" + style="height:300px; width:500px;"> + <f:facet name="header"> + <h:outputText value="Cars marketplace" /> + </f:facet> + <rich:column> + <f:facet name="header"> + <h:outputText value="vendor" /> + </f:facet> + <h:outputText value="#{car.vendor}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model" /> + </f:facet> + <h:outputText value="#{car.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Price" /> + </f:facet> + <h:outputText value="#{car.price}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Mileage" /> + </f:facet> + <h:outputText value="#{car.mileage}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="VIN Code" /> + </f:facet> + <h:outputText value="#{car.vin}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Items stock" /> + </f:facet> + <h:outputText value="#{car.stock}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Days Live" /> + </f:facet> + <h:outputText value="#{car.daysLive}" /> + </rich:column> + </rich:extendedDataTable> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,68 +4,22 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<p>ExtendedDataTable component provides next set of features:</p> -<ul> - <li> Horizontal/Vertical scrolling </li> - <li> Ajax lazy loading on vertical scroll </li> - <li> Support "frozen" columns which are not scrolled on using horizontal scroll</li> -</ul> + <p>ExtendedDataTable component provides next set of features:</p> + <ul> + <li>Horizontal/Vertical scrolling</li> + <li>Ajax lazy loading on vertical scroll</li> + <li>Support "frozen" columns which are not scrolled on using + horizontal scroll</li> + </ul> - <h:form> - <rich:extendedDataTable value="#{carsBean.allInventoryItems}" var="car" - id="table" frozenColumns="2" style="height:300px; width:500px;"> - <f:facet name="header"> - <h:outputText value="Cars marketplace" /> - </f:facet> - <rich:column> - <f:facet name="header"> - <h:outputText value="vendor" /> - </f:facet> - <h:outputText value="#{car.vendor}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Model" /> - </f:facet> - <h:outputText value="#{car.model}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Price" /> - </f:facet> - <h:outputText value="#{car.price}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Mileage" /> - </f:facet> - <h:outputText value="#{car.mileage}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="VIN Code" /> - </f:facet> - <h:outputText value="#{car.vin}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Items stock" /> - </f:facet> - <h:outputText value="#{car.stock}" /> - </rich:column> - <rich:column> - <f:facet name="header"> - <h:outputText value="Days Live" /> - </f:facet> - <h:outputText value="#{car.daysLive}" /> - </rich:column> - </rich:extendedDataTable> - </h:form> - <p>In order to turn on Ajax loading - just specify clientRows attribute with number of rows - to be loaded on the client</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + <p>In order to turn on Ajax loading - just specify clientRows + attribute with number of rows to be loaded on the client</p> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/functions.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/functions.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/functions.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,30 +4,35 @@ 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> - RichFaces provides set of functions for more convinient work with DOM tree and - to use some server side expressions. - </p> - <p> - Here is the current list: - </p> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> + + <p>RichFaces provides set of functions for more convinient work + with DOM tree and to use some server side expressions.</p> + <p>Here is the current list:</p> <ul> - <li><b>rich:clientId(id)</b> - returns client Id for component by it's short id.</li> - <li><b>rich:element(id)</b> - returns DOM element for the passed short id</li> - <li><b>rich:component(id)</b> - returns richfaces client component instance to call some API method.</li> - <li><b>rich:isUserInRole(role)</b> - returns is the user has specified role.</li> - <li><b>rich:findComponent(id)</b> - returns component instance for given short id</li> + <li><b>rich:clientId(id)</b> - returns client Id for component by + it's short id.</li> + <li><b>rich:element(id)</b> - returns DOM element for the passed + short id</li> + <li><b>rich:component(id)</b> - returns richfaces client + component instance to call some API method.</li> + <li><b>rich:isUserInRole(role)</b> - returns is the user has + specified role.</li> + <li><b>rich:findComponent(id)</b> - returns component instance + for given short id</li> </ul> -<p>For example the result of #{rich:element('input')} expression will be - document.getElementById('formId:input').</p> -<p>And here is one more simple example. There is no need in Bean creation in order to store the value. It's picked from component instance by using rich:findComponent call.</p> - <h:form> - <h:inputText id="input"> - <a4j:ajax render="out"/> - </h:inputText> - <h:outputText value="#{rich:findComponent('input').value}" id="out"/> - </h:form> - <p>One more sample could be found at dataScroller API page. There are rich:component used for calling JS API of dataScroller.</p> - <p>This set goes to be extended continously. Rise jira or forum requests if you have - proposals on new useful functions.</p> + <p>For example the result of #{rich:element('input')} expression + will be - document.getElementById('formId:input').</p> + <p>And here is one more simple example. There is no need in Bean + creation in order to store the value. It's picked from component + instance by using rich:findComponent call.</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + + <p>One more sample could be found at dataScroller API page. There + are rich:component used for calling JS API of dataScroller.</p> + <p>This set goes to be extended continously. Rise jira or forum + requests if you have proposals on new useful functions.</p> </ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/samples/functions-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/samples/functions-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/functions/samples/functions-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,14 @@ +<!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> + <h:inputText id="input"> + <a4j:ajax render="out" /> + </h:inputText> + <h:outputText value="#{rich:findComponent('input').value}" id="out" /> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/jquery.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/jquery.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/jquery.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,50 +4,11 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://richfaces.org/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> - <style type="text/css"> -.pic-normal { - width: 120px; - border: 2px solid #ACBECE; -} -.wrap1 { - width: 190px; - height: 130px; - float: left; -} -</style> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> - - <br /> - - <a4j:outputPanel id="gallery"> - <h:graphicImage value="/images/nature/pic1.jpg" /> - <h:graphicImage value="/images/nature/pic2.jpg" /> - <h:graphicImage value="/images/nature/pic3.jpg" /> - <h:graphicImage value="/images/nature/pic4.jpg" /> - <h:graphicImage value="/images/nature/pic5.jpg" /> - <h:graphicImage value="/images/nature/pic6.jpg" /> - <h:graphicImage value="/images/nature/pic7.jpg" /> - <h:graphicImage value="/images/nature/pic8.jpg" /> - <h:graphicImage value="/images/nature/pic9.jpg" /> - </a4j:outputPanel> - - <br style="clear: both" /> - - - <rich:jQuery selector="#gallery img" query="addClass('pic-normal')" /> - <rich:jQuery selector="#gallery img" - query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" /> - <rich:jQuery selector="#gallery img" - query="mouseover(function(){enlargePic(this)})" /> - <rich:jQuery selector="#gallery img" - query="mouseout(function(){normalPic(this)})" /> - - <rich:jQuery name="enlargePic" query="stop().animate({width:'180px'})" /> - <rich:jQuery name="normalPic" query="stop().animate({width:'120px'})" /> - - - </ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/samples/jquery-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/samples/jquery-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jquery/samples/jquery-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,49 @@ +<!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 type="text/css"> +.pic-normal { + width: 120px; + border: 2px solid #ACBECE; +} + +.wrap1 { + width: 190px; + height: 130px; + float: left; +} +</style> + + + <br /> + + <a4j:outputPanel id="gallery"> + <h:graphicImage value="/images/nature/pic1.jpg" /> + <h:graphicImage value="/images/nature/pic2.jpg" /> + <h:graphicImage value="/images/nature/pic3.jpg" /> + <h:graphicImage value="/images/nature/pic4.jpg" /> + <h:graphicImage value="/images/nature/pic5.jpg" /> + <h:graphicImage value="/images/nature/pic6.jpg" /> + <h:graphicImage value="/images/nature/pic7.jpg" /> + <h:graphicImage value="/images/nature/pic8.jpg" /> + <h:graphicImage value="/images/nature/pic9.jpg" /> + </a4j:outputPanel> + + <br style="clear: both" /> + + + <rich:jQuery selector="#gallery img" query="addClass('pic-normal')" /> + <rich:jQuery selector="#gallery img" + query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" /> + <rich:jQuery selector="#gallery img" + query="mouseover(function(){enlargePic(this)})" /> + <rich:jQuery selector="#gallery img" + query="mouseout(function(){normalPic(this)})" /> + + <rich:jQuery name="enlargePic" query="stop().animate({width:'180px'})" /> + <rich:jQuery name="normalPic" query="stop().animate({width:'120px'})" /> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/jsFunction.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/jsFunction.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/jsFunction.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -1,41 +1,22 @@ <!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:a4j="http://richfaces.org/a4j"> - - <ui:composition> - - <p><b>a4j:jsFunction</b> component also designed to send Ajax requests, but allows to perform - an the requests from a Javascript code directly. The component sends a request using - a standard JSF approach, so the JSF form is required. The following example - shows how the part of a page is re-rendered when a user hovers over the names. - </p> + 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:at="http://richfaces.org/demo/app-taglib"> - - <table width="400"> - <tbody> - <tr> - <td><span onmouseover="updateName('Kate')" - onmouseout="updateName('')">Kate</span></td> - <td><span onmouseover="updateName('John')" - onmouseout="updateName('')">John</span></td> - <td><span onmouseover="updateName('Alex')" - onmouseout="updateName('')">Alex</span></td> - </tr> - <tr> - <td colspan="3">Name: <b><h:outputText id="showname" - value="#{functionBean.text}" /></b></td> - </tr> - </tbody> - </table> - <h:form> - <a4j:jsFunction name="updateName" render="showname" - action="#{functionBean.processHover}"> - <f:param name="name" /> - </a4j:jsFunction> - </h:form> - </ui:composition> - +<ui:composition> + + <p><b>a4j:jsFunction</b> component also designed to send Ajax + requests, but allows to perform an the requests from a Javascript code + directly. The component sends a request using a standard JSF approach, + so the JSF form is required. The following example shows how the part + of a page is re-rendered when a user hovers over the names.</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + +</ui:composition> + </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/samples/jsFunction-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/samples/jsFunction-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/jsFunction/samples/jsFunction-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,30 @@ +<!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"> + <table width="400"> + <tbody> + <tr> + <td><span onmouseover="updateName('Kate')" + onmouseout="updateName('')">Kate</span></td> + <td><span onmouseover="updateName('John')" + onmouseout="updateName('')">John</span></td> + <td><span onmouseover="updateName('Alex')" + onmouseout="updateName('')">Alex</span></td> + </tr> + <tr> + <td colspan="3">Name: <b><h:outputText id="showname" + value="#{functionBean.text}" /></b></td> + </tr> + </tbody> + </table> + <h:form> + <a4j:jsFunction name="updateName" render="showname" + action="#{functionBean.processHover}"> + <f:param name="name" /> + </a4j:jsFunction> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,44 +4,17 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p><b>rich:list</b> component allows to build one of the HTML lists (UL, OL, DL) dynamically from backend data</p> <p>It accepts the same data types as the other iteration components and renders them according to <b>type</b> attribute.</p> - <h:form id="form"> - <h:outputText value="List Type: " style="font-weight:bold" /> - <a4j:commandLink value="ordered" render="list,form"> - <a4j:param name="t" value="ordered" assignTo="#{listBean.listType}" /> - <f:attribute name="style" - value="#{(listBean.listType=='ordered') ? 'color:orange' : ''}" /> - </a4j:commandLink> - <h:outputText value=" | " /> - <a4j:commandLink value="unordered" render="list,form"> - <a4j:param name="t" value="unordered" assignTo="#{listBean.listType}" /> - <f:attribute name="style" - value="#{(listBean.listType=='unordered') ? 'color:orange' : ''}" /> - </a4j:commandLink> - <h:outputText value=" | " /> - <a4j:commandLink value="definitions" render="list,form"> - <a4j:param name="t" value="definitions" - assignTo="#{listBean.listType}" /> - <f:attribute name="style" - value="#{(listBean.listType=='definitions') ? 'color:orange' : ''}" /> - </a4j:commandLink> - </h:form> - - <rich:list value="#{carsBean.inventoryVendorLists}" id="list" - var="vendorList" type="#{listBean.listType}"> - <f:facet name="term"> - <h:panelGroup layout="block"> - <h:outputText value="In stock: #{vendorList.count}" - style="font-weight:bold" /> - </h:panelGroup> - </f:facet> - <h:outputText value="#{vendorList.vendor}" /> - </rich:list> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/samples/lists-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/samples/lists-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/list/samples/lists-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,40 @@ +<!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 id="form"> + <h:outputText value="List Type: " style="font-weight:bold" /> + <a4j:commandLink value="ordered" render="list,form"> + <a4j:param name="t" value="ordered" assignTo="#{listBean.listType}" /> + <f:attribute name="style" + value="#{(listBean.listType=='ordered') ? 'color:orange' : ''}" /> + </a4j:commandLink> + <h:outputText value=" | " /> + <a4j:commandLink value="unordered" render="list,form"> + <a4j:param name="t" value="unordered" assignTo="#{listBean.listType}" /> + <f:attribute name="style" + value="#{(listBean.listType=='unordered') ? 'color:orange' : ''}" /> + </a4j:commandLink> + <h:outputText value=" | " /> + <a4j:commandLink value="definitions" render="list,form"> + <a4j:param name="t" value="definitions" + assignTo="#{listBean.listType}" /> + <f:attribute name="style" + value="#{(listBean.listType=='definitions') ? 'color:orange' : ''}" /> + </a4j:commandLink> + </h:form> + + <rich:list value="#{carsBean.inventoryVendorLists}" id="list" + var="vendorList" type="#{listBean.listType}"> + <f:facet name="term"> + <h:panelGroup layout="block"> + <h:outputText value="In stock: #{vendorList.count}" + style="font-weight:bold" /> + </h:panelGroup> + </f:facet> + <h:outputText value="#{vendorList.vendor}" /> + </rich:list> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,22 +3,16 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib" + > <ui:composition> - <p> - Log component allows you to inspect client side activities - during an Ajax request. It shows reuqest data, response data, DOM - tree changes on update and other useful debug information. - </p> - <h:form> - <h:inputText value="#{userBean.name}" /> - <a4j:commandButton value="Submit" render="out"/> - <br/> - <a4j:outputPanel id="out"> - <h:outputText value="Hello #{userBean.name}!" rendered="#{not empty userBean.name}"/> - </a4j:outputPanel> - </h:form> - <a4j:log/> - </ui:composition> + <p>Log component allows you to inspect client side activities + during an Ajax request. It shows reuqest data, response data, DOM tree + changes on update and other useful debug information.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + +</ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/samples/log-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/samples/log-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/log/samples/log-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -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> + <h:inputText value="#{userBean.name}" /> + <a4j:commandButton value="Submit" render="out" /> + <br /> + <a4j:outputPanel id="out"> + <h:outputText value="Hello #{userBean.name}!" + rendered="#{not empty userBean.name}" /> + </a4j:outputPanel> + </h:form> + <a4j:log /> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -1,36 +1,16 @@ <!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:a4j="http://richfaces.org/a4j"> - - <ui:composition> - <script src="#{facesContext.externalContext.requestContextPath}/script/swfobject.js" type="text/javascript"/> - <p>SWF Movie:</p> - <a4j:outputPanel id="flashPanelDynamic"> - - <a4j:mediaOutput element="a" id="swfLink" style="display: none;" cacheable="false" session="true" - createContent="#{mediaBean.paintFlash}" value="#{mediaData}" /> + 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:at="http://richfaces.org/demo/app-taglib"> - <a4j:outputPanel layout="block" id="myFlashContent" style="width: 200px; height: 200px"> - <a href="http://www.adobe.com/go/getflashplayer"> - <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_p... alt="Get Adobe Flash player" /> - </a> - </a4j:outputPanel> +<ui:composition> + <p>SWF Movie:</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> - <script type="text/javascript"> - var flashvars = {}; - var params = {}; - var attributes = {}; - swfobject.embedSWF(document.getElementById('page:swfLink').href, document.getElementById('myFlashContent'), "200", "200", "9.0.0", false, flashvars, params, attributes); - </script> +</ui:composition> - </a4j:outputPanel> - - <br /> - <br /> - - </ui:composition> - </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -1,39 +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:a4j="http://richfaces.org/a4j"> - - <ui:composition> - <p>a4j:mediaOutput allows to generate images, video, sounds and other binary - resources defined by a user on-the-fly. - </p> - <p><b>createContent</b> attribute references to the method that will be used - for content creating. The method accepts two parameters. The first parameter - has an OutputStream type. It is a reference to the steam that should be used for output. - The second parameter is a reference to a 'value' attribute of the component. - </p> - <p> - <b>value</b> attribute references to data that can be used as input data for a content - creator method. The data should be serializable because it is encoded to the URL - of the resource. - </p> - <p> - <b>mimeType</b> attribute defines the type of output content. It is used to define - the corresponded type in the header of an HTTP response. - </p> - <p> - <b>cacheable</b> attribute is a flag that defines the caching strategy. If 'cacheable' - is set to false, the response will not be cached. If it is set to true, it will be cached - and the serialized value of 'value' attribute plays the role of a cache key. - </p> - - <p>Dynamically generated JPEG file:</p> - - <a4j:mediaOutput element="img" cacheable="false" session="true" - createContent="#{mediaBean.paint}" value="#{mediaData}" mimeType="image/jpeg" /> - <br/><br/> - </ui:composition> - + 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:at="http://richfaces.org/demo/app-taglib"> + +<ui:composition> + <p>a4j:mediaOutput allows to generate images, video, sounds and + other binary resources defined by a user on-the-fly.</p> + <p><b>createContent</b> attribute references to the method that + will be used for content creating. The method accepts two parameters. + The first parameter has an OutputStream type. It is a reference to the + steam that should be used for output. The second parameter is a + reference to a 'value' attribute of the component.</p> + <p><b>value</b> attribute references to data that can be used as + input data for a content creator method. The data should be + serializable because it is encoded to the URL of the resource.</p> + <p><b>mimeType</b> attribute defines the type of output content. It + is used to define the corresponded type in the header of an HTTP + response.</p> + <p><b>cacheable</b> attribute is a flag that defines the caching + strategy. If 'cacheable' is set to false, the response will not be + cached. If it is set to true, it will be cached and the serialized + value of 'value' attribute plays the role of a cache key.</p> + + <p>Dynamically generated JPEG file:</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> +</ui:composition> + </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/flashUsage-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/flashUsage-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/flashUsage-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,32 @@ +<!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"> + <script + src="#{facesContext.externalContext.requestContextPath}/script/swfobject.js" + type="text/javascript" /> + <a4j:outputPanel id="flashPanelDynamic"> + + <a4j:mediaOutput element="a" id="swfLink" style="display: none;" + cacheable="false" session="true" + createContent="#{mediaBean.paintFlash}" value="#{mediaData}" /> + + <a4j:outputPanel layout="block" id="myFlashContent" + style="width: 200px; height: 200px"> + <a href="http://www.adobe.com/go/getflashplayer"> <img + src="http://www.adobe.com/images/shared/download_buttons/get_flash_p... + alt="Get Adobe Flash player" /> </a> + </a4j:outputPanel> + + <script type="text/javascript"> + var flashvars = {}; + var params = {}; + var attributes = {}; + swfobject.embedSWF(document.getElementById('page:swfLink').href, document.getElementById('myFlashContent'), "200", "200", "9.0.0", false, flashvars, params, attributes); + </script> + + </a4j:outputPanel> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/imgUsage-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/imgUsage-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/samples/imgUsage-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,12 @@ +<!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"> + <a4j:mediaOutput element="img" cacheable="false" session="true" + createContent="#{mediaBean.paint}" value="#{mediaData}" + mimeType="image/jpeg" /> + +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -1,41 +1,18 @@ <!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:a4j="http://richfaces.org/a4j" - xmlns:rich="http://java.sun.com/jsf/composite/rich"> - - <ui:composition> - <p> - Next sample shows how you could simply create composite component from - standard h:messages and a4j:outputPanel in order to get them updated - for any ajax request without render definition. - </p> - <h:form> - <rich:panel id="psnel"> - <f:facet name="header"> - <h:outputText value="User Details Panel" /> - </f:facet> - <h:panelGrid columns="2"> - <h:panelGrid columns="2"> - <h:outputText value="User name:" /> - <h:inputText value="#{userBean.name}" required="true" label="Name"> - <f:validateLength minimum="3" maximum="12"/> - </h:inputText> - <h:outputText value="Adress:" /> - <h:inputTextarea value="#{userBean.address}" label="Adress" required="true"> - <f:validateLength maximum="100"/> - </h:inputTextarea> - </h:panelGrid> - <rich:messages/> - </h:panelGrid> - <a4j:commandButton value="Submit" type="button" action="#{userBean.store}" execute="@form"/> - <a4j:outputPanel ajaxRendered="true"> - <h:outputText value="#{userBean.recordStatus}" id="out" rendered="#{facesContext.maximumSeverity == null}"/> - </a4j:outputPanel> - </rich:panel> - </h:form> - </ui:composition> - + 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://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> + +<ui:composition> + <p>Next sample shows how you could simply create composite + component from standard h:messages and a4j:outputPanel in order to get + them updated for any ajax request without render definition.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> +</ui:composition> + </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,36 @@ +<!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" + xmlns:r="http://java.sun.com/jsf/composite/rich"> + <h:form> + <rich:panel id="psnel"> + <f:facet name="header"> + <h:outputText value="User Details Panel" /> + </f:facet> + <h:panelGrid columns="2"> + <h:panelGrid columns="2"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}" required="true" label="Name"> + <f:validateLength minimum="3" maximum="12" /> + </h:inputText> + <h:outputText value="Adress:" /> + <h:inputTextarea value="#{userBean.address}" label="Adress" + required="true"> + <f:validateLength maximum="100" /> + </h:inputTextarea> + </h:panelGrid> + <r:messages /> + </h:panelGrid> + <a4j:commandButton value="Submit" type="button" + action="#{userBean.store}" execute="@form" /> + <a4j:outputPanel ajaxRendered="true"> + <h:outputText value="#{userBean.recordStatus}" id="out" + rendered="#{facesContext.maximumSeverity == null}" /> + </a4j:outputPanel> + </rich:panel> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/simple-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/simple-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,69 @@ +<!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 type="text/css"> +.col { + width: 50%; + padding: 10px; + padding: 0px 30px 0px 0px; + vertical-align: top; +} +</style> + <h:panelGrid columns="2" width="100%" columnClasses="col"> + + <f:verbatim> + This code does not work as expected. The expected echo text does not appear + below even the condition for <code>'rendered'</code> returns <code>true</code>. + Also, the error message does not appear when the length of the text reaches the limit. + </f:verbatim> + <f:verbatim> + This code works properly. The <code>h:message</code> is marked for update during + each Ajaxrequest/response. The place for bottom label is reserved with + <code>outputPanel</code> while the component is not rendered. + </f:verbatim> + + <a4j:outputPanel layout="block"> + + + <a4j:outputPanel layout="block"> + <h:form> + <h:message for="text1" style="color:red" /> + + <h:outputText style="font-weight: bold;" value="Enter Text: " /> + <h:inputText id="text1" label="text1" value="#{opBean1.text}"> + <f:validateLength maximum="10" /> + <a4j:ajax event="keyup" execute="@this" render="out1" + onerror="function(){return false}" /> + </h:inputText> + + <h:outputText id="out1" rendered="#{not empty opBean1.text}" + value="Approved Text: #{opBean1.text}" /> + </h:form> + </a4j:outputPanel> + + </a4j:outputPanel> + + <a4j:outputPanel layout="block"> + <h:form> + <a4j:outputPanel layout="block" ajaxRendered="true"> + <h:message for="text2" style="color:red" /> + </a4j:outputPanel> + + <h:outputText style="font-weight: bold;" value="Enter Text: " /> + <h:inputText id="text2" label="text2" value="#{opBean2.text}"> + <f:validateLength maximum="10" /> + <a4j:ajax event="keyup" execute="@this" render="out2" /> + </h:inputText> + + <a4j:outputPanel id="out2" layout="block"> + <h:outputText rendered="#{not empty opBean2.text}" + value="Approved Text: #{opBean2.text}" /> + </a4j:outputPanel> + </h:form> + </a4j:outputPanel> + </h:panelGrid> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,82 +4,31 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://java.sun.com/jsf/composite/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style type="text/css"> - .col { - width:50%; - padding:10px; - padding: 0px 30px 0px 0px; - vertical-align: top; - } - </style> - <p> - <b>a4j:outputPanel</b> component designed to provide next features: - <ul> - <li><b>Automaticall updates</b> of the child content on Ajax requests</li> - <li>Wrapper component for <b>conditional rendering of nested elements</b> via Ajax</li> - <li><b>Configurable layouts</b>: - <ul> - <li>inline - rendered as span element</li> - <li>block - rendered as div element</li> - <li>none - special layout for nested components confitional rendering cases</li> - </ul> - </li> - <li></li> - </ul> - </p> - <h:panelGrid columns="2" width="100%" columnClasses="col"> - <f:verbatim> - This code does not work as expected. The expected echo text does not appear - below even the condition for <code>'rendered'</code> returns <code>true</code>. - Also, the error message does not appear when the length of the text reaches the limit. - </f:verbatim> - <f:verbatim> - This code works properly. The <code>h:message</code> is marked for update during - each Ajaxrequest/response. The place for bottom label is reserved with - <code>outputPanel</code> while the component is not rendered. - </f:verbatim> - - <a4j:outputPanel layout="block"> - - - <a4j:outputPanel layout="block"> - <h:form> - <h:message for="text1" style="color:red" /> - - <h:outputText style="font-weight: bold;" value="Enter Text: "/> - <h:inputText id="text1" label="text1" value="#{opBean1.text}"> - <f:validateLength maximum="10"/> - <a4j:ajax event="keyup" execute="@this" render="out1" onerror="function(){return false}"/> - </h:inputText> - - <h:outputText id="out1" rendered="#{not empty opBean1.text}" value="Approved Text: #{opBean1.text}" /> - </h:form> - </a4j:outputPanel> - - </a4j:outputPanel> - - <a4j:outputPanel layout="block"> - <h:form> - <a4j:outputPanel layout="block" ajaxRendered="true"> - <h:message for="text2" style="color:red" /> - </a4j:outputPanel> - - <h:outputText style="font-weight: bold;" value="Enter Text: "/> - <h:inputText id="text2" label="text2" value="#{opBean2.text}"> - <f:validateLength maximum="10"/> - <a4j:ajax event="keyup" execute="@this" render="out2" /> - </h:inputText> - - <a4j:outputPanel id="out2" layout="block"> - <h:outputText rendered="#{not empty opBean2.text}" value="Approved Text: #{opBean2.text}" /> - </a4j:outputPanel> - </h:form> - </a4j:outputPanel> - </h:panelGrid> + <p><b>a4j:outputPanel</b> component designed to provide next + features: + <ul> + <li><b>Automaticall updates</b> of the child content on Ajax + requests</li> + <li>Wrapper component for <b>conditional rendering of nested + elements</b> via Ajax</li> + <li><b>Configurable layouts</b>: + <ul> + <li>inline - rendered as span element</li> + <li>block - rendered as div element</li> + <li>none - special layout for nested components confitional + rendering cases</li> + </ul> + </li> + <li></li> + </ul> + </p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/lookCustomization.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/lookCustomization.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/lookCustomization.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,92 +4,12 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <style> -.rf-panel-header { - color: #0054BD; -} -.panel { - vertical-align: top; -} - -.top { - width: 200px; - height: 100px; -} - -.head2 { - background-image: url(); - background-color: #4C9600; - height: 18px; - text-align: center; - vertical-align: middle; - color: #CFF; - padding: 4px 0; -} - -.body3 { - height: 100px; - overflow: auto; -} -</style> - <h:panelGrid columnClasses="panel" border="0" columns="2"> - <rich:panel> - <f:facet name="header"> - Panel #1. Changing Style Synchronously - </f:facet> - Each component in the RichFaces has a pre-defined set of classes you can manipulate with. If defined, those - classes overwrite the ones come from the skin. - </rich:panel> - - <rich:panel> - <f:facet name="header"> - Panel #2. Changing Style Synchronously - </f:facet> - In this example, we define header color using the .rf-panel-header class and all panels located on the same page - inherit this color - </rich:panel> - - </h:panelGrid> - - <h:panelGrid columnClasses="panel" border="0" columns="3"> - <rich:panel - onmouseover="document.getElementById(this.id+'_header').style.background='#60BA01';document.getElementById(this.id+'_body').style.background='#F4FFF8'" - onmouseout="document.getElementById(this.id+'_header').style.background='#4C9600';document.getElementById(this.id+'_body').style.background='#E4FFC8'" - style="width:200px;" headerClass="head2" bodyClass="body3"> - <f:facet name="header"> - Panel header - </f:facet> - Base on the previous layout, but some javascript behaviour added. - </rich:panel> - - <rich:panel style="width:200px;" bodyClass="body3"> - <f:facet name="header"> - Scrolling Text Panel - </f:facet> - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - Long Text Long Text Long Text - </rich:panel> - - <rich:panel styleClass="top"> - This is a panel without the header - </rich:panel> - - </h:panelGrid> - + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/lookCustomization-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/lookCustomization-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/lookCustomization-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,91 @@ +<!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> +.rf-panel-header { + color: #0054BD; +} + +.panel { + vertical-align: top; +} + +.top { + width: 200px; + height: 100px; +} + +.head2 { + background-image: url(); + background-color: #4C9600; + height: 18px; + text-align: center; + vertical-align: middle; + color: #CFF; + padding: 4px 0; +} + +.body3 { + height: 100px; + overflow: auto; +} +</style> + <h:panelGrid columnClasses="panel" border="0" columns="2"> + <rich:panel> + <f:facet name="header"> + Panel #1. Changing Style Synchronously + </f:facet> + Each component in the RichFaces has a pre-defined set of classes you can manipulate with. If defined, those + classes overwrite the ones come from the skin. + </rich:panel> + + <rich:panel> + <f:facet name="header"> + Panel #2. Changing Style Synchronously + </f:facet> + In this example, we define header color using the .rf-panel-header class and all panels located on the same page + inherit this color + </rich:panel> + + </h:panelGrid> + + <h:panelGrid columnClasses="panel" border="0" columns="3"> + <rich:panel + onmouseover="document.getElementById(this.id+'_header').style.background='#60BA01';document.getElementById(this.id+'_body').style.background='#F4FFF8'" + onmouseout="document.getElementById(this.id+'_header').style.background='#4C9600';document.getElementById(this.id+'_body').style.background='#E4FFC8'" + style="width:200px;" headerClass="head2" bodyClass="body3"> + <f:facet name="header"> + Panel header + </f:facet> + Base on the previous layout, but some javascript behaviour added. + </rich:panel> + + <rich:panel style="width:200px;" bodyClass="body3"> + <f:facet name="header"> + Scrolling Text Panel + </f:facet> + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + Long Text Long Text Long Text + </rich:panel> + + <rich:panel styleClass="top"> + This is a panel without the header + </rich:panel> + + </h:panelGrid> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/simple-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/samples/simple-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,45 @@ +<!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 header="Panel with default Look-n-feel"> + <h:graphicImage value="/images/icons/common/rf.png" + style="float:right" /> + RichFaces is a component library for JSF and an advanced framework for + easily integrating AJAX capabilities into business applications. + <ul> + <li>100+ AJAX enabled components in two libraries</li> + <li>a4j: page centric AJAX controls</li> + <li>rich: self contained, ready to use components</li> + <li>Whole set of JSF benefits while working with AJAX</li> + <li>Skinnability mechanism</li> + <li>Component Development Kit (CDK)</li> + <li>Dynamic resources handling</li> + <li>Testing facilities for components, actions, listeners, and + pages</li> + <li>Broad cross-browser support</li> + <li>Large and active community</li> + </ul> + </rich:panel> + <p><b>Panel without header:</b></p> + <rich:panel> + <p><b>JSF 2 and RichFaces 4:</b></p> + <p>We are working hard on RichFaces 4.0 which will have full JSF 2 + integration. That is not all though, here is a summary of updates and + features:</p> + <ul> + <li>Redesigned modular repository and build system.</li> + <li>Simplified Component Development Kit with annotations, + faces-config extensions, advanced templates support and more..</li> + <li>Ajax framework improvements extending the JSF 2 + specification.</li> + <li>Component review for consistency, usability, and redesign + following semantic HTML principles where possible.</li> + <li>Both server-side and client-side performance optimization.</li> + <li>Strict code clean-up and review.</li> + </ul> + </rich:panel> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/simple.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panel/simple.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,7 +4,8 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>The panel is a rectangle area on a page that may contain any @@ -13,42 +14,7 @@ of any parts of the panel, including color scheme, borders and paddings can be customizable using with pre-defined number of CSS classes.</p> - <rich:panel header="Panel with default Look-n-feel"> - <h:graphicImage value="/images/icons/common/rf.png" - style="float:right" /> - RichFaces is a component library for JSF and an advanced framework for - easily integrating AJAX capabilities into business applications. - <ul> - <li>100+ AJAX enabled components in two libraries</li> - <li>a4j: page centric AJAX controls</li> - <li>rich: self contained, ready to use components</li> - <li>Whole set of JSF benefits while working with AJAX</li> - <li>Skinnability mechanism</li> - <li>Component Development Kit (CDK)</li> - <li>Dynamic resources handling</li> - <li>Testing facilities for components, actions, listeners, and - pages</li> - <li>Broad cross-browser support</li> - <li>Large and active community</li> - </ul> - </rich:panel> - <p><b>Panel without header:</b></p> - <rich:panel> - <p><b>JSF 2 and RichFaces 4:</b></p> - <p>We are working hard on RichFaces 4.0 which will have full JSF 2 - integration. That is not all though, here is a summary of updates and - features:</p> - <ul> - <li>Redesigned modular repository and build system.</li> - <li>Simplified Component Development Kit with annotations, - faces-config extensions, advanced templates support and more..</li> - <li>Ajax framework improvements extending the JSF 2 - specification.</li> - <li>Component review for consistency, usability, and redesign - following semantic HTML principles where possible.</li> - <li>Both server-side and client-side performance optimization.</li> - <li>Strict code clean-up and review.</li> - </ul> - </rich:panel> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/clientParam.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/clientParam.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/clientParam.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,31 +4,20 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <p>It is possible to use javascript variable of custom function for the 'value' attribute. - In this case the 'noEscape' attribute should be set to true. When noEscape="true", the - 'value' can contain any javascript expression or javascript function invocation and the - result of them will be send to the server as a value of a4j:actionparam. The following - example demonstrates how to assign the backing bean with browser screen size values.</p> - <h:form> - <a4j:commandButton value="Show Screen Size" render="infoPanel"> - <a4j:param name="w" value="screen.width" - assignTo="#{paramBean.screenWidth}" noEscape="true" /> - <a4j:param name="h" value="screen.height" - assignTo="#{paramBean.screenHeight}" noEscape="true" /> - </a4j:commandButton> - <br /> + <p>It is possible to use javascript variable of custom function for + the 'value' attribute. In this case the 'noEscape' attribute should be + set to true. When noEscape="true", the 'value' can contain any + javascript expression or javascript function invocation and the result + of them will be send to the server as a value of a4j:actionparam. The + following example demonstrates how to assign the backing bean with + browser screen size values.</p> - <h:panelGrid columns="2" id="infoPanel"> - <h:outputText value="Width:" /> - <h:outputText value="#{paramBean.screenWidth}" /> - <h:outputText value="Height:" /> - <h:outputText value="#{paramBean.screenHeight}" /> - </h:panelGrid> - - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/param.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/param.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/param.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,32 +4,17 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<p> -a4j:actionparam is a component which extends regular f:param with the possibility to -assign the value to the property of the manager bean directly using the assignTo attribute. -Using this feature you can update model values without invoking even a single line of java code on the - server side.</p> - <h:form> - <rich:panel> - <h:panelGrid columns="2"> - <a4j:commandButton value="Set Name to Alex" render="rep"> - <a4j:param name="username" value="Alex" assignTo="#{userBean.name}" /> - </a4j:commandButton> - - <a4j:commandButton value="Set Name to John" render="rep"> - <a4j:param name="username" value="John" - assignTo="#{userBean.name}" /> - </a4j:commandButton> - </h:panelGrid> - </rich:panel> -<br/> - <rich:panel> - <h:outputText id="rep" value="Selected Name:#{userBean.name}" /> - </rich:panel> - </h:form> + <p>a4j:actionparam is a component which extends regular f:param + with the possibility to assign the value to the property of the manager + bean directly using the assignTo attribute. Using this feature you can + update model values without invoking even a single line of java code on + the server side.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/clientParam-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/clientParam-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/clientParam-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -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"> + <h:form> + <a4j:commandButton value="Show Screen Size" render="infoPanel"> + <a4j:param name="w" value="screen.width" + assignTo="#{paramBean.screenWidth}" noEscape="true" /> + <a4j:param name="h" value="screen.height" + assignTo="#{paramBean.screenHeight}" noEscape="true" /> + </a4j:commandButton> + <br /> + + <h:panelGrid columns="2" id="infoPanel"> + <h:outputText value="Width:" /> + <h:outputText value="#{paramBean.screenWidth}" /> + <h:outputText value="Height:" /> + <h:outputText value="#{paramBean.screenHeight}" /> + </h:panelGrid> + + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/param-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/param-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/param-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -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"> + <h:form> + <rich:panel> + <h:panelGrid columns="2"> + <a4j:commandButton value="Set Name to Alex" render="rep"> + <a4j:param name="username" value="Alex" assignTo="#{userBean.name}" /> + </a4j:commandButton> + + <a4j:commandButton value="Set Name to John" render="rep"> + <a4j:param name="username" value="John" assignTo="#{userBean.name}" /> + </a4j:commandButton> + </h:panelGrid> + </rich:panel> + <br /> + <rich:panel> + <h:outputText id="rep" value="Selected Name:#{userBean.name}" /> + </rich:panel> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/skinChange-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/skinChange-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/samples/skinChange-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,26 @@ +<!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:panel> + <f:facet name="header"> + <h:outputText value="Change Demo Appplication Skin To: " /> + </f:facet> + <h:panelGrid columns="2"> + <h:link value="DeepMarine" includeViewParams="true"> + <a4j:param name="skin" value="deepMarine" + assignTo="#{skinBean.skin}" /> + </h:link> + + <h:link value="BlueSky" includeViewParams="true"> + <a4j:param name="skin" value="blueSky" assignTo="#{skinBean.skin}" /> + </h:link> + </h:panelGrid> + + </rich:panel> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/skinChange.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/skinChange.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/param/skinChange.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,30 +4,17 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <p>You can use a4j:param not only with ajax components, but with non-ajax command - components and for GET navigation components also. In the following example, the used skin of the demo is changed when - the whole page is refreshed with the regular h:link. </p> - <h:form> - <rich:panel> - <f:facet name="header"> - <h:outputText value="Change Demo Appplication Skin To: " /> - </f:facet> - <h:panelGrid columns="2"> - <h:link value="DeepMarine" includeViewParams="true"> - <a4j:param name="skin" value="deepMarine" - assignTo="#{skinBean.skin}" /> - </h:link> + <p>You can use a4j:param not only with ajax components, but with + non-ajax command components and for GET navigation components also. In + the following example, the used skin of the demo is changed when the + whole page is refreshed with the regular h:link.</p> - <h:link value="BlueSky" includeViewParams="true"> - <a4j:param name="skin" value="blueSky" assignTo="#{skinBean.skin}" /> - </h:link> - </h:panelGrid> - - </rich:panel> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/poll.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/poll.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/poll.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,7 +4,8 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>a4j:poll is one of the way how you can organize the periodical @@ -19,34 +20,10 @@ the page based on the data taken from the server. To turn off polling, press "Stop Polling" button.</p> - <h:form> - <a4j:poll id="poll" interval="1500" enabled="#{pollBean.pollEnabled}" - render="poll,grid" /> - </h:form> - <h:form> - <h:panelGrid columns="2" width="80%" id="grid"> - <h:panelGrid columns="1"> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> - <h:outputText value="Polling Inactive" - rendered="#{not pollBean.pollEnabled}"></h:outputText> - - <h:outputText value="Polling Active" - rendered="#{pollBean.pollEnabled}"></h:outputText> - - <a4j:commandButton style="width:120px" id="control" - value="#{pollBean.pollEnabled?'Stop':'Start'} Polling" - render="poll, grid"> - <a4j:param name="polling" value="#{!pollBean.pollEnabled}" - assignTo="#{pollBean.pollEnabled}" /> - </a4j:commandButton> - - </h:panelGrid> - - <h:outputText id="serverDate" style="font-size:16px" - value="Server Date: #{pollBean.date}" /> - </h:panelGrid> - </h:form> <rich:panel> <b>NOTE:</b>polling is automatically disabled in this demo after one minute of working. </rich:panel> Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/samples/poll-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/samples/poll-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/poll/samples/poll-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,36 @@ +<!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> + <a4j:poll id="poll" interval="1500" enabled="#{pollBean.pollEnabled}" + render="poll,grid" /> + </h:form> + + <h:form> + <h:panelGrid columns="2" width="80%" id="grid"> + <h:panelGrid columns="1"> + + <h:outputText value="Polling Inactive" + rendered="#{not pollBean.pollEnabled}"></h:outputText> + + <h:outputText value="Polling Active" + rendered="#{pollBean.pollEnabled}"></h:outputText> + + <a4j:commandButton style="width:120px" id="control" + value="#{pollBean.pollEnabled?'Stop':'Start'} Polling" + render="poll, grid"> + <a4j:param name="polling" value="#{!pollBean.pollEnabled}" + assignTo="#{pollBean.pollEnabled}" /> + </a4j:commandButton> + + </h:panelGrid> + + <h:outputText id="serverDate" style="font-size:16px" + value="Server Date: #{pollBean.date}" /> + </h:panelGrid> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/modalPopup.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/modalPopup.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/modalPopup.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,7 +4,8 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://richfaces.org/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>There you could check the modal panel which blocks the main @@ -12,25 +13,8 @@ with <b>modal="true"</b></p> <p>In that sample the panel also defined as resizable so you could change its sizes using mouse</p> - <h:commandButton value="Call the popup"> - <rich:componentControl target="popup" operation="show" /> - </h:commandButton> - <rich:popupPanel id="popup" modal="true" - resizeable="true" onmaskclick="#{rich:component('popup')}.hide()"> - <f:facet name="header"> - <h:outputText value="Simple popup panel" /> - </f:facet> - <f:facet name="controls"> - <h:outputLink value="#" - onclick="#{rich:component('popup')}.hide(); return false;"> - X - </h:outputLink> - </f:facet> - <p>Additionally there you could check how to handle the clicks - outside the panel.</p> - <p>In this sample the click outside - closes the panel as well as - clicking hide control in the header</p> - </rich:popupPanel> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/modalPopup-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/modalPopup-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/modalPopup-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,27 @@ +<!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:commandButton value="Call the popup"> + <rich:componentControl target="popup" operation="show" /> + </h:commandButton> + <rich:popupPanel id="popup" modal="true" resizeable="true" + onmaskclick="#{rich:component('popup')}.hide()"> + <f:facet name="header"> + <h:outputText value="Simple popup panel" /> + </f:facet> + <f:facet name="controls"> + <h:outputLink value="#" + onclick="#{rich:component('popup')}.hide(); return false;"> + X + </h:outputLink> + </f:facet> + <p>Additionally there you could check how to handle the clicks + outside the panel.</p> + <p>In this sample the click outside - closes the panel as well as + clicking hide control in the header</p> + </rich:popupPanel> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/simplePopup-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/simplePopup-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/samples/simplePopup-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -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"> + <h:commandButton value="Call the popup"> + <rich:componentControl target="popup" operation="show" /> + </h:commandButton> + <rich:popupPanel id="popup" modal="false" autosized="true" + resizeable="false"> + <f:facet name="header"> + <h:outputText value="Simple popup panel" /> + </f:facet> + <f:facet name="controls"> + <h:outputLink value="#" + onclick="#{rich:component('popup')}.hide(); return false;"> + X + </h:outputLink> + </f:facet> + <p>Any content might be inside the panel.</p> + <p>Consider inclusion of the form elements into the popup or + redefinition of <b>domElementAttachment</b> attribute.</p> + <p>The popup panel is open and closed from the javascript function + of component client side object. The following code <a href="#" + onclick="#{rich:component('popup')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('popup')}.hide()</p> + </rich:popupPanel> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/simplePopup.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/simplePopup.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/popup/simplePopup.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,7 +4,8 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://richfaces.org/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>Popup panel component used to create any kind of popups on the page.</p> @@ -18,27 +19,10 @@ </ul> <p>This sample shows simple <b>non-modal popup</b> which are <b>movable</b> but not resizable as defined to use <b>autosizing</b> according to it's content</p> - <h:commandButton value="Call the popup"> - <rich:componentControl target="popup" operation="show" /> - </h:commandButton> - <rich:popupPanel id="popup" modal="false" autosized="true" - resizeable="false"> - <f:facet name="header"> - <h:outputText value="Simple popup panel" /> - </f:facet> - <f:facet name="controls"> - <h:outputLink value="#" - onclick="#{rich:component('popup')}.hide(); return false;"> - X - </h:outputLink> - </f:facet> - <p>Any content might be inside the panel.</p> - <p>Consider inclusion of the form elements into the popup or - redefinition of <b>domElementAttachment</b> attribute.</p> - <p>The popup panel is open and closed from the javascript function - of component client side object. The following code <a href="#" - onclick="#{rich:component('popup')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('popup')}.hide()</p> - </rich:popupPanel> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> + <p>Besides this sample shows two variants of working with the component JS API:</p> <ul> <li>The popup is called by the <b>rich:componentControl</b> attached to button</li> Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/push.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/push.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/push.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -3,56 +3,22 @@ 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:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> - <p>The <b>&lt;a4j:push&gt;</b> periodically perform AJAX request to - server, to simulate 'push' data.</p> - <p><b>&lt;a4j:push&gt;</b> makes request to - minimal code only (not to JSF tree) in order to check the presence of - messages in the queue. If the message exists the complete request will - be performed. The component doesn't poll registered beans but - registers EventListener which receives messages about events.</p> - <p>Attribute '<b>interval</b>' is used as for poll component. It - specifies the interval in ms. for call push request. Simple example of - usage:</p> - <h:form> - <h:dataTable value="#{choicesBean.choices}" var="choice" id="choiceVotes"> - <f:facet name="header"> - <h:outputText value="Voting for favorite fruit" /> - </f:facet> - <h:column> - <f:facet name="header"> - <h:outputText value="Choice name" /> - </f:facet> - <h:outputText value="#{choice.label}" id="choiceLabel" /> - </h:column> - <h:column> - <f:facet name="header"> - <h:outputText value="Current Votes" /> - </f:facet> - <h:outputText value="#{choice.votesCount}" id="choiceVotes" /> - </h:column> - </h:dataTable> - - <a4j:jsFunction name="startPush" action="#{choicesBean.start}" execute="@this" render="push, stop, start"/> - <a4j:jsFunction name="stopPush" action="#{choicesBean.stop}" execute="@this" render="push, stop, start"/> - - <h:commandButton onclick="startPush()" value="Start" id="start" disabled="#{choicesBean.enabled}" type="button"/> - - <h:commandButton onclick="stopPush()" type="button" value="Stop" id="stop" disabled="#{!choicesBean.enabled}"/> - - <a4j:outputPanel layout="block" id="tempResults"> - <h:outputText - value="Latest update votes was: #{choicesBean.updateInfo} at #{choicesBean.timeStamp}" - rendered="#{choicesBean.enabled}" /> - </a4j:outputPanel> - - <a4j:push enabled="#{choicesBean.enabled}" interval="1000" - eventProducer="#{choicesBean.addListener}" id="push" action="#{choicesBean.processUpdates}"> - <a4j:ajax render="choiceVotes push tempResults" /> - </a4j:push> - </h:form> + <p>The <b>&lt;a4j:push&gt;</b> periodically perform AJAX request to + server, to simulate 'push' data.</p> + <p><b>&lt;a4j:push&gt;</b> makes request to minimal code only (not + to JSF tree) in order to check the presence of messages in the queue. + If the message exists the complete request will be performed. The + component doesn't poll registered beans but registers EventListener + which receives messages about events.</p> + <p>Attribute '<b>interval</b>' is used as for poll component. It + specifies the interval in ms. for call push request. Simple example of + usage:</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/samples/push-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/samples/push-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/push/samples/push-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,51 @@ +<!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> + <h:dataTable value="#{choicesBean.choices}" var="choice" + id="choiceVotes"> + <f:facet name="header"> + <h:outputText value="Voting for favorite fruit" /> + </f:facet> + <h:column> + <f:facet name="header"> + <h:outputText value="Choice name" /> + </f:facet> + <h:outputText value="#{choice.label}" id="choiceLabel" /> + </h:column> + <h:column> + <f:facet name="header"> + <h:outputText value="Current Votes" /> + </f:facet> + <h:outputText value="#{choice.votesCount}" id="choiceVotes" /> + </h:column> + </h:dataTable> + + <a4j:jsFunction name="startPush" action="#{choicesBean.start}" + execute="@this" render="push, stop, start" /> + <a4j:jsFunction name="stopPush" action="#{choicesBean.stop}" + execute="@this" render="push, stop, start" /> + + <h:commandButton onclick="startPush()" value="Start" id="start" + disabled="#{choicesBean.enabled}" type="button" /> + + <h:commandButton onclick="stopPush()" type="button" value="Stop" + id="stop" disabled="#{!choicesBean.enabled}" /> + + <a4j:outputPanel layout="block" id="tempResults"> + <h:outputText + value="Latest update votes was: #{choicesBean.updateInfo} at #{choicesBean.timeStamp}" + rendered="#{choicesBean.enabled}" /> + </a4j:outputPanel> + + <a4j:push enabled="#{choicesBean.enabled}" interval="1000" + eventProducer="#{choicesBean.addListener}" id="push" + action="#{choicesBean.processUpdates}"> + <a4j:ajax render="choiceVotes push tempResults" /> + </a4j:push> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/queue.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/queue.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/queue.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,88 +5,46 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" xmlns:c="http://java.sun.com/jstl/core" - xmlns:r="http://java.sun.com/jsf/composite/rich"> -<p>JSF 2 provides queue mechanism out-of the box already. And RichFaces queue just provides -some additional customizations to improve the queue usability and allow to tune your -performance while using Ajax as much as possible.</p> -<p>The only big difference which the developers who used queue in 3.3.x should remember: -as JSF 2 already provides single queue and not allows to have more than one queue instance(currently) -you can't really fire concurrent requests anymore. So the queue in RF now not actually defines -logical queue but just a component for defining queueing options. -</p> -<p>Here you could explore additional optimization parameters of the queue and learn how they -influence Ajax requests. This example is a good start to learn about Ajax requests -flood protection.</p> + xmlns:r="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> + + <p>JSF 2 provides queue mechanism out-of the box already. And + RichFaces queue just provides some additional customizations to improve + the queue usability and allow to tune your performance while using Ajax + as much as possible.</p> + <p>The only big difference which the developers who used queue in + 3.3.x should remember: as JSF 2 already provides single queue and not + allows to have more than one queue instance(currently) you can't really + fire concurrent requests anymore. So the queue in RF now not actually + defines logical queue but just a component for defining queueing + options.</p> + <p>Here you could explore additional optimization parameters of the + queue and learn how they influence Ajax requests. This example is a + good start to learn about Ajax requests flood protection.</p> -<p>Pay attention to next point in the example:</p> -<ul> -<li>Setting request delay to greater value reduces the greatly requests count on fast typing. (More similar requests are combined in the result)</li> -</ul> -Also pay your attention to the queue definition. Such definition (inside some form without a name) means that the queue options becomes global for the form. - <r:panel> - <h:form id="form"> - <a4j:queue requestDelay="#{queueBean.requestDelay}"/> - <h:panelGrid columns="1" width="100%"> - <h:panelGrid columns="2"> - <h:outputText value="Type here:" /> - <h:inputText id="myinput" value="#{queueBean.text}" - onkeyup="addEvent();" disabled="#{not (facesContext.maximumSeverity==null)}"> - <a4j:ajax onbegin="addRequest();" event="keyup" render="outtext" - oncomplete="printCounts()" onbeforedomupdate="addUpdate()" /> - </h:inputText> - <h:outputText value="Repeated text:" /> - <h:outputText value="#{queueBean.text}" id="outtext" - style="font-weight:bold;" /> - <h:outputText value="Events count:" /> - <h:outputText value="0" id="events" /> - <h:outputText value="Requests count:" /> - <h:outputText value="0" id="requests" /> - <h:outputText value="DOM updates count:" /> - <h:outputText value="0" id="updates" /> - </h:panelGrid> - <r:message for="form:delay" style="color:red;" /> - <h:panelGrid columns="2"> - <h:outputText value="Request delay:" /> - <h:inputText value="#{queueBean.requestDelay}" id="delay" - converterMessage="Delay field should be a number (Demo input disabled till this resolved)"> - <f:convertNumber integerOnly="true"/> - </h:inputText> - <f:facet name="footer"> - <h:commandButton value="Apply" action="#{queueBean.resetText}" /> - </f:facet> - </h:panelGrid> - </h:panelGrid> - </h:form> - </r:panel> - <script type="text/javascript"> - var events = 0; - var updates = 0; - var outEvents = #{rich:element('events')}; - var outUpdates = #{rich:element('updates')}; - var outRequests = #{rich:element('requests')}; - - var requests=0; - function addEvent(){ - events++; - } - function addUpdate(){ - updates++; - } - function addRequest(){ - requests++; - } + <p>Pay attention to next point in the example:</p> + <ul> + <li>Setting request delay to greater value reduces the greatly + requests count on fast typing. (More similar requests are combined in + the result)</li> + </ul> + <p>Also pay your attention to the queue definition. Such definition + (inside some form without a name) means that the queue options becomes + global for the form.</p> - function printCounts(){ - outEvents.innerHTML=events; - outUpdates.innerHTML=updates; - outRequests.innerHTML=requests; - } - </script> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> <p>Queue could be defined as</p> - <ul><li><b>Default for view.</b> In this case - the parameters will be used for all - the Ajax requests in view(if not redefined). In order to define such queue - just place - <b>a4j:queu</b> outside of any forms without defining <b>name</b></li> - <li><b>Default for form.</b> Similar to view-scoped but should be defiend in some form without defining <b>name</b></li> - <li><b>Referenced from ajax behaviors/components.</b> Queue should be defined with name and referenced using attachQueue tag(see corresponding sample).</li></ul> + <ul> + <li><b>Default for view.</b> In this case - the parameters will + be used for all the Ajax requests in view(if not redefined). In order + to define such queue - just place <b>a4j:queu</b> outside of any forms + without defining <b>name</b></li> + <li><b>Default for form.</b> Similar to view-scoped but should be + defiend in some form without defining <b>name</b></li> + <li><b>Referenced from ajax behaviors/components.</b> Queue + should be defined with name and referenced using attachQueue tag(see + corresponding sample).</li> + </ul> </ui:composition> Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/samples/queue-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/samples/queue-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/queue/samples/queue-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,69 @@ +<!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" + xmlns:r="http://java.sun.com/jsf/composite/rich"> + <rich:panel> + <h:form id="form"> + <a4j:queue requestDelay="#{queueBean.requestDelay}" /> + <h:panelGrid columns="1" width="100%"> + <h:panelGrid columns="2"> + <h:outputText value="Type here:" /> + <h:inputText id="myinput" value="#{queueBean.text}" + onkeyup="addEvent();" + disabled="#{not (facesContext.maximumSeverity==null)}"> + <a4j:ajax onbegin="addRequest();" event="keyup" render="outtext" + oncomplete="printCounts()" onbeforedomupdate="addUpdate()" /> + </h:inputText> + <h:outputText value="Repeated text:" /> + <h:outputText value="#{queueBean.text}" id="outtext" + style="font-weight:bold;" /> + <h:outputText value="Events count:" /> + <h:outputText value="0" id="events" /> + <h:outputText value="Requests count:" /> + <h:outputText value="0" id="requests" /> + <h:outputText value="DOM updates count:" /> + <h:outputText value="0" id="updates" /> + </h:panelGrid> + <r:message for="form:delay" style="color:red;" /> + <h:panelGrid columns="2"> + <h:outputText value="Request delay:" /> + <h:inputText value="#{queueBean.requestDelay}" id="delay" + converterMessage="Delay field should be a number (Demo input disabled till this resolved)"> + <f:convertNumber integerOnly="true" /> + </h:inputText> + <f:facet name="footer"> + <h:commandButton value="Apply" action="#{queueBean.resetText}" /> + </f:facet> + </h:panelGrid> + </h:panelGrid> + </h:form> + </rich:panel> + <script type="text/javascript"> + var events = 0; + var updates = 0; + var outEvents = #{rich:element('events')}; + var outUpdates = #{rich:element('updates')}; + var outRequests = #{rich:element('requests')}; + + var requests=0; + function addEvent(){ + events++; + } + function addUpdate(){ + updates++; + } + function addRequest(){ + requests++; + } + + function printCounts(){ + outEvents.innerHTML=events; + outUpdates.innerHTML=updates; + outRequests.innerHTML=requests; + } + </script> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,9 +4,10 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> -<ui:composition> +<ui:composition> <p><b>a4j:region</b> component designed for marking zones which should be processed during Ajax requests without using execute definitions at Ajax behaviors/components. This allow to decouple the @@ -22,66 +23,7 @@ info panels. But the ajax behaviors inside the first panel uses execute declarations and pointed to panelGrid id. And the second panel inputs just wrapped to region without any additional execute definitions.</p> - <h:form> - <h:panelGrid columns="2"> - <h:panelGrid> - <f:facet name="header"> - User Info Panel explicitly execute'd by Id - </f:facet> - <h:panelGrid columns="2" id="userInfoPanel1"> - <h:outputText value="User Name: " /> - <h:inputText value="#{regionBean.user1.name}"> - <a4j:ajax render="echopanel1" event="keyup" - execute="userInfoPanel1" /> - </h:inputText> - <h:outputText value="User email: " /> - <h:inputText value="#{regionBean.user1.email}"> - <a4j:ajax render="echopanel1" event="keyup" - execute="userInfoPanel1" /> - </h:inputText> - </h:panelGrid> - </h:panelGrid> - <h:panelGrid columns="2" id="echopanel1"> - <f:facet name="header"> - Echo Panel - </f:facet> - <h:outputText value="Entered name:" /> - <h:outputText value="#{regionBean.user1.name}" /> - <h:outputText value="Entered email:" /> - <h:outputText value="#{regionBean.user1.email}" /> - </h:panelGrid> - </h:panelGrid> - </h:form> - <h:form> - <h:panelGrid columns="2"> - <h:panelGrid> - <f:facet name="header"> - User Info Panel with Region - </f:facet> - <a4j:region> - <h:panelGrid columns="2"> - <h:outputText value="User Name: " /> - <h:inputText value="#{regionBean.user2.name}"> - <a4j:ajax render="echopanel2" event="keyup" /> - </h:inputText> - <h:outputText value="User email: " /> - <h:inputText value="#{regionBean.user2.email}"> - <a4j:ajax render="echopanel2" event="keyup" /> - </h:inputText> - </h:panelGrid> - </a4j:region> - </h:panelGrid> - <h:panelGrid columns="2" id="echopanel2"> - <f:facet name="header"> - Echo Panel - </f:facet> - <h:outputText value="Entered name:" /> - <h:outputText value="#{regionBean.user2.name}" /> - <h:outputText value="Entered email:" /> - <h:outputText value="#{regionBean.user2.email}" /> - </h:panelGrid> - </h:panelGrid> - </h:form> - + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,72 @@ +<!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:a4j="http://richfaces.org/a4j" + xmlns:rich="http://java.sun.com/jsf/composite/rich"> + +<ui:composition> + <h:form> + <h:panelGrid columns="2"> + <h:panelGrid> + <f:facet name="header"> + User Info Panel explicitly execute'd by Id + </f:facet> + <h:panelGrid columns="2" id="userInfoPanel1"> + <h:outputText value="User Name: " /> + <h:inputText value="#{regionBean.user1.name}"> + <a4j:ajax render="echopanel1" event="keyup" + execute="userInfoPanel1" /> + </h:inputText> + <h:outputText value="User email: " /> + <h:inputText value="#{regionBean.user1.email}"> + <a4j:ajax render="echopanel1" event="keyup" + execute="userInfoPanel1" /> + </h:inputText> + </h:panelGrid> + </h:panelGrid> + <h:panelGrid columns="2" id="echopanel1"> + <f:facet name="header"> + Echo Panel + </f:facet> + <h:outputText value="Entered name:" /> + <h:outputText value="#{regionBean.user1.name}" /> + <h:outputText value="Entered email:" /> + <h:outputText value="#{regionBean.user1.email}" /> + </h:panelGrid> + </h:panelGrid> + </h:form> + <h:form> + <h:panelGrid columns="2"> + <h:panelGrid> + <f:facet name="header"> + User Info Panel with Region + </f:facet> + <a4j:region> + <h:panelGrid columns="2"> + <h:outputText value="User Name: " /> + <h:inputText value="#{regionBean.user2.name}"> + <a4j:ajax render="echopanel2" event="keyup" /> + </h:inputText> + <h:outputText value="User email: " /> + <h:inputText value="#{regionBean.user2.email}"> + <a4j:ajax render="echopanel2" event="keyup" /> + </h:inputText> + </h:panelGrid> + </a4j:region> + </h:panelGrid> + <h:panelGrid columns="2" id="echopanel2"> + <f:facet name="header"> + Echo Panel + </f:facet> + <h:outputText value="Entered name:" /> + <h:outputText value="#{regionBean.user2.name}" /> + <h:outputText value="Entered email:" /> + <h:outputText value="#{regionBean.user2.email}" /> + </h:panelGrid> + </h:panelGrid> + </h:form> + +</ui:composition> +</html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/samples/simpleGrid-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/samples/simpleGrid-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/samples/simpleGrid-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,32 @@ +<!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> + <a4j:outputPanel id="panel" layout="block"> + <a4j:repeat value="#{capitalsBean.capitals}" var="cap" rows="20" + id="repeat"> + <rich:panel style="float:left; width:200px; padding:5px;"> + <f:facet name="header"> + <h:panelGroup> + <h:graphicImage value="#{cap.stateFlag}" /> + <h:outputText value="#{cap.state}" style="font-weight:bold" /> + </h:panelGroup> + </f:facet> + <h:panelGrid columns="2"> + <h:outputText value="State Capital" style="font-weight:bold" /> + <h:outputText value="#{cap.name}" /> + <h:outputText value="State TimeZone" style="font-weight:bold" /> + <h:outputText value="#{cap.timeZone}" /> + </h:panelGrid> + </rich:panel> + </a4j:repeat> + </a4j:outputPanel> + <a4j:outputPanel layout="block"> + <rich:dataScroller for="repeat" render="panel" /> + </a4j:outputPanel> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -5,35 +5,14 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:r="http://java.sun.com/jsf/composite/rich" - xmlns:rich="http://richfaces.org/rich"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>a4j:repeat is a base iteration component of RichFaces. It allows to create any markups based on iterative data. This sample shows simple grid from capitals list.</p> - <h:form> - <a4j:outputPanel id="panel" layout="block"> - <a4j:repeat value="#{capitalsBean.capitals}" var="cap" rows="20" - id="repeat"> - <r:panel style="float:left; width:200px; padding:5px;"> - <f:facet name="header"> - <h:panelGroup> - <h:graphicImage value="#{cap.stateFlag}" /> - <h:outputText value="#{cap.state}" style="font-weight:bold" /> - </h:panelGroup> - </f:facet> - <h:panelGrid columns="2"> - <h:outputText value="State Capital" style="font-weight:bold" /> - <h:outputText value="#{cap.name}" /> - <h:outputText value="State TimeZone" style="font-weight:bold" /> - <h:outputText value="#{cap.timeZone}" /> - </h:panelGrid> - </r:panel> - </a4j:repeat> - </a4j:outputPanel> - <a4j:outputPanel layout="block"> - <rich:dataScroller for="repeat" render="panel" /> - </a4j:outputPanel> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/standardSkinning/standardSkinning.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/standardSkinning/standardSkinning.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/standardSkinning/standardSkinning.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -88,7 +88,7 @@ <p>To get a better idea of standard component skinning we recommend to explore CSS files located in - ui/core/src/main/resources/org/richfaces/ folder of RichFaces svn.</p> + ui/core/ui/src/main/resources/org/richfaces/ folder of RichFaces svn.</p> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,40 +4,16 @@ 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://java.sun.com/jsf/composite/rich"> + xmlns:rich="http://java.sun.com/jsf/composite/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>Example of status which referenced from the components</p> - <p>There are two inputs with Ajax behaviors attached. And there are two statuses which - are referenced from that behaviors. <b>status</b> attribute at Ajax tags defined with - corresponding statuses <b>name</b> attributes values.</p> - <h:form> - <h:panelGrid columns="3" width="300px;"> - <rich:panel> - <f:facet name="header"> - <h:outputText value="User Details Panel" /> - </f:facet> - <h:panelGrid columns="3"> - <h:outputText value="User name:" /> - <h:inputText value="#{userBean.name}"> - <a4j:ajax status="nameStatus" event="keyup" /> - </h:inputText> - <a4j:status name="nameStatus"> - <f:facet name="start"> - <h:graphicImage value="/images/ai.gif" style="width:16px; height:16px;"/> - </f:facet> - </a4j:status> - <h:outputText value="Adress:" /> - <h:inputText value="#{userBean.address}"> - <a4j:ajax status="adressStatus" event="keyup" /> - </h:inputText> - <a4j:status name="adressStatus"> - <f:facet name="start"> - <h:graphicImage value="/images/ai.gif" style="width:16px; height:16px;"/> - </f:facet> - </a4j:status> - </h:panelGrid> - </rich:panel> - </h:panelGrid> - </h:form> + <p>There are two inputs with Ajax behaviors attached. And there are + two statuses which are referenced from that behaviors. <b>status</b> + attribute at Ajax tags defined with corresponding statuses <b>name</b> + attributes values.</p> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/referencedusage-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/referencedusage-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/referencedusage-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,39 @@ +<!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> + <h:panelGrid columns="3" width="300px;"> + <rich:panel> + <f:facet name="header"> + <h:outputText value="User Details Panel" /> + </f:facet> + <h:panelGrid columns="3"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}"> + <a4j:ajax status="nameStatus" event="keyup" /> + </h:inputText> + <a4j:status name="nameStatus"> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif" + style="width:16px; height:16px;" /> + </f:facet> + </a4j:status> + <h:outputText value="Adress:" /> + <h:inputText value="#{userBean.address}"> + <a4j:ajax status="adressStatus" event="keyup" /> + </h:inputText> + <a4j:status name="adressStatus"> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif" + style="width:16px; height:16px;" /> + </f:facet> + </a4j:status> + </h:panelGrid> + </rich:panel> + </h:panelGrid> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,33 @@ +<!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:panel id="psnel"> + <f:facet name="header"> + <h:outputText value="Panel with status" /> + </f:facet> + <h:panelGrid columns="2"> + <h:panelGrid columns="2"> + <a4j:ajax event="keyup"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}" /> + <h:outputText value="Adress:" /> + <h:inputText value="#{userBean.address}" /> + </a4j:ajax> + </h:panelGrid> + <a4j:status> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif" /> + </f:facet> + </a4j:status> + </h:panelGrid> + <a4j:commandButton value="Submit" type="button" + action="#{userBean.store}" render="out" execute="@form" /> + <h:outputText value="#{userBean.recordStatus}" id="out" /> + </rich:panel> + </h:form> +</ui:composition> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,44 @@ +<!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:panelGrid columns="3"> + <h:form> + <rich:panel id="psnel"> + <f:facet name="header"> + <h:outputText value="User Details Panel" /> + </f:facet> + <h:panelGrid columns="2"> + <a4j:ajax event="keyup"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}" /> + <h:outputText value="Adress:" /> + <h:inputText value="#{userBean.address}" /> + </a4j:ajax> + </h:panelGrid> + <h:commandButton value="Submit" type="button" + action="#{userBean.store}"> + <a4j:ajax render="out" /> + </h:commandButton> + <h:outputText value="#{userBean.recordStatus}" id="out" /> + </rich:panel> + </h:form> + <h:form> + <rich:panel> + <f:facet name="header"> + <h:outputText value="Simple search panel" /> + </f:facet> + <h:inputText value="Search..." /> + <a4j:commandButton value="Submit" type="button" /> + </rich:panel> + </h:form> + <a4j:status> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif" /> + </f:facet> + </a4j:status> + </h:panelGrid> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,36 +4,14 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://java.sun.com/jsf/composite/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> <p>Example of form scoped status. It's defined within a form and handles all Ajax requests within this form</p> - <h:form> - <rich:panel id="psnel"> - <f:facet name="header"> - <h:outputText value="Panel with status" /> - </f:facet> - <h:panelGrid columns="2"> - <h:panelGrid columns="2"> - <a4j:ajax event="keyup"> - <h:outputText value="User name:" /> - <h:inputText value="#{userBean.name}" /> - <h:outputText value="Adress:" /> - <h:inputText value="#{userBean.address}" /> - </a4j:ajax> - </h:panelGrid> - <a4j:status> - <f:facet name="start"> - <h:graphicImage value="/images/ai.gif" /> - </f:facet> - </a4j:status> - </h:panelGrid> - <a4j:commandButton value="Submit" type="button" - action="#{userBean.store}" render="out" execute="@form" /> - <h:outputText value="#{userBean.recordStatus}" id="out" /> - </rich:panel> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -1,61 +1,27 @@ <!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:rich="http://java.sun.com/jsf/composite/rich" - xmlns:a4j="http://richfaces.org/a4j"> - - <ui:composition> - <p>a4j:status is an indicator of an Ajax request. It has two states - start and stop. The start - state indicates that an Ajax request is in progress. When Ajax Response comes back, - the component switches to the stop stage. - </p> - <p> Status could be defined: - <ul> + 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:rich="http://java.sun.com/jsf/composite/rich" + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> + +<ui:composition> + <p>a4j:status is an indicator of an Ajax request. It has two states + - start and stop. The start state indicates that an Ajax request is in + progress. When Ajax Response comes back, the component switches to the + stop stage.</p> + <p>Status could be defined: + <ul> <li>Default for View</li> <li>Default for form</li> <li>Referenced explicity from the component which sends request</li> - </ul> - </p> - <p> - Example of View scoped status. It should be defined outside of any form and will - handle all the Ajax requests within the view. - </p> - <h:panelGrid columns="3"> - <h:form> - <rich:panel id="psnel"> - <f:facet name="header"> - <h:outputText value="User Details Panel" /> - </f:facet> - <h:panelGrid columns="2"> - <a4j:ajax event="keyup"> - <h:outputText value="User name:" /> - <h:inputText value="#{userBean.name}"/> - <h:outputText value="Adress:" /> - <h:inputText value="#{userBean.address}"/> - </a4j:ajax> - </h:panelGrid> - <h:commandButton value="Submit" type="button" action="#{userBean.store}"> - <a4j:ajax render="out"/> - </h:commandButton> - <h:outputText value="#{userBean.recordStatus}" id="out"/> - </rich:panel> - </h:form> - <h:form> - <rich:panel> - <f:facet name="header"> - <h:outputText value="Simple search panel" /> - </f:facet> - <h:inputText value="Search..."/> - <a4j:commandButton value="Submit" type="button"/> - </rich:panel> - </h:form> - <a4j:status> - <f:facet name="start"> - <h:graphicImage value="/images/ai.gif"/> - </f:facet> - </a4j:status> - </h:panelGrid> - </ui:composition> + </ul> + </p> + <p>Example of View scoped status. It should be defined outside of + any form and will handle all the Ajax requests within the view.</p> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> +</ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/samples/subTableToggleControl-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/samples/subTableToggleControl-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/samples/subTableToggleControl-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,65 @@ +<!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:dataTable value="#{carsBean.inventoryVendorLists}" var="list"> + <f:facet name="header"> + <rich:columnGroup> + <rich:column colspan="6"> + <h:outputText value="Cars marketplace" /> + </rich:column> + <rich:column breakRowBefore="true"> + <h:outputText value="Model" /> + </rich:column> + <rich:column> + <h:outputText value="Price" /> + </rich:column> + <rich:column> + <h:outputText value="Mileage" /> + </rich:column> + <rich:column> + <h:outputText value="VIN Code" /> + </rich:column> + <rich:column> + <h:outputText value="Items stock" /> + </rich:column> + <rich:column> + <h:outputText value="Days Live" /> + </rich:column> + </rich:columnGroup> + </f:facet> + <rich:column colspan="6"> + <rich:subTableToggleControl for="sbtbl" /> + <h:outputText value="#{list.vendor}" /> + </rich:column> + <rich:subTable value="#{list.vendorItems}" var="item" id="sbtbl" + expandMode="client"> + <rich:column> + <h:outputText value="#{item.model}" /> + </rich:column> + <rich:column> + <h:outputText value="#{item.price}" /> + </rich:column> + <rich:column> + <h:outputText value="#{item.mileage}" /> + </rich:column> + <rich:column> + <h:outputText value="#{item.vin}" /> + </rich:column> + <rich:column> + <h:outputText value="#{item.stock}" /> + </rich:column> + <rich:column> + <h:outputText value="#{item.daysLive}" /> + </rich:column> + <f:facet name="footer"> + <h:outputText value="Total of #{list.vendor} Cars: #{list.count}" /> + </f:facet> + </rich:subTable> + </rich:dataTable> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,73 +4,24 @@ 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"> + xmlns:rich="http://richfaces.org/rich" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<p>This sample shows simple master-detail table implemented using<b> rich:dataTable</b> and<b> rich:subtable</b> components</p> -<p>There is one feature which is completely new for 4.x - subtables now could be collapsed/expanded by using -new component <b>rich:tableToggleControl</b></p> -<p>Switching customization:</p> -<ul> -<li>subTable's could be collapsed/expanded in different modes defined via subTable expandMode attribute -- "<i>client</i>", "<i>ajax</i>" and "<i>server</i>"</li> -<li>The developer could get control on current states of subTables using its <b>expanded</b> attribute.</li> -</ul> - <h:form> - <rich:dataTable value="#{carsBean.inventoryVendorLists}" var="list"> - <f:facet name="header"> - <rich:columnGroup> - <rich:column colspan="6"> - <h:outputText value="Cars marketplace" /> - </rich:column> - <rich:column breakRowBefore="true"> - <h:outputText value="Model" /> - </rich:column> - <rich:column> - <h:outputText value="Price" /> - </rich:column> - <rich:column> - <h:outputText value="Mileage" /> - </rich:column> - <rich:column> - <h:outputText value="VIN Code" /> - </rich:column> - <rich:column> - <h:outputText value="Items stock" /> - </rich:column> - <rich:column> - <h:outputText value="Days Live" /> - </rich:column> - </rich:columnGroup> - </f:facet> - <rich:column colspan="6"> - <rich:subTableToggleControl for="sbtbl"/> - <h:outputText value="#{list.vendor}" /> - </rich:column> - <rich:subTable value="#{list.vendorItems}" var="item" id="sbtbl" expandMode="client"> - <rich:column> - <h:outputText value="#{item.model}" /> - </rich:column> - <rich:column> - <h:outputText value="#{item.price}" /> - </rich:column> - <rich:column> - <h:outputText value="#{item.mileage}" /> - </rich:column> - <rich:column> - <h:outputText value="#{item.vin}" /> - </rich:column> - <rich:column> - <h:outputText value="#{item.stock}" /> - </rich:column> - <rich:column> - <h:outputText value="#{item.daysLive}" /> - </rich:column> - <f:facet name="footer"> - <h:outputText value="Total of #{list.vendor} Cars: #{list.count}" /> - </f:facet> - </rich:subTable> - </rich:dataTable> - </h:form> + <p>This sample shows simple master-detail table implemented using<b> + rich:dataTable</b> and<b> rich:subtable</b> components</p> + <p>There is one feature which is completely new for 4.x - subtables + now could be collapsed/expanded by using new component <b>rich:tableToggleControl</b></p> + <p>Switching customization:</p> + <ul> + <li>subTable's could be collapsed/expanded in different modes + defined via subTable expandMode attribute - "<i>client</i>", "<i>ajax</i>" + and "<i>server</i>"</li> + <li>The developer could get control on current states of + subTables using its <b>expanded</b> attribute.</li> + </ul> + + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/samples/simple-sample.xhtml (rev 0) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/samples/simple-sample.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -0,0 +1,36 @@ +<!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> +.rf-tp-i { + border: 1px solid #{ richSkin.panelBorderColor +} +} +</style> + <h:form> + <h:commandLink value="Toggle Panel Item 1"> + <rich:toggleControl forPanel="panel1" targetItem="item1" /> + </h:commandLink> + <h:outputText value=" | " /> + <h:commandLink value="Toggle Panel Item 2"> + <rich:toggleControl forPanel="panel1" targetItem="item2" /> + </h:commandLink> + <rich:togglePanel id="panel1" activeItem="item1"> + <rich:togglePanelItem name="item1" styleClass="rf-tp-i"> + <p>This toggle panel switches in Ajax mode. So only one active + item loaded to the client.</p> + <p>For now you are at Panel 1</p> + </rich:togglePanelItem> + <rich:togglePanelItem name="item2" styleClass="rf-tp-i"> + <p>After the second link click - panel changed active item to + the second one according to name specified in the + togglePanelBehavior</p> + <p>For now you are at Panel 2</p> + </rich:togglePanelItem> + </rich:togglePanel> + </h:form> +</ui:composition> \ No newline at end of file Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml 2010-08-12 09:10:29 UTC (rev 18583) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml 2010-08-12 10:11:17 UTC (rev 18584) @@ -4,37 +4,12 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:rich="http://richfaces.org/rich" - xmlns:a4j="http://richfaces.org/a4j"> + xmlns:a4j="http://richfaces.org/a4j" + xmlns:at="http://richfaces.org/demo/app-taglib"> <ui:composition> -<style> - .rf-tp-i { - border: 1px solid #{ richSkin.panelBorderColor - } -</style> - <p>DESC</p> - <h:form> - <h:commandLink value="Toggle Panel Item 1"> - <rich:toggleControl forPanel="panel1" targetItem="item1" /> - </h:commandLink> - <h:outputText value=" | " /> - <h:commandLink value="Toggle Panel Item 2"> - <rich:toggleControl forPanel="panel1" targetItem="item2" /> - </h:commandLink> - <rich:togglePanel id="panel1" activeItem="item1"> - <rich:togglePanelItem name="item1" styleClass="rf-tp-i"> - <p>This toggle panel switches in Ajax mode. So only one active - item loaded to the client.</p> - <p>For now you are at Panel 1</p> - </rich:togglePanelItem> - <rich:togglePanelItem name="item2" styleClass="rf-tp-i"> - <p>After the second link click - panel changed active item to - the second one according to name specified in the - togglePanelBehavior</p> - <p>For now you are at Panel 2</p> - </rich:togglePanelItem> - </rich:togglePanel> - </h:form> + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> + <at:syntaxHighlighter src="#{demoNavigator.sampleIncludeURI}" /> </ui:composition> </html> \ No newline at end of file