From richfaces-svn-commits at lists.jboss.org Wed Jul 28 10:46:14 2010
Content-Type: multipart/mixed; boundary="===============0745887563385817419=="
MIME-Version: 1.0
From: richfaces-svn-commits at lists.jboss.org
To: richfaces-svn-commits at lists.jboss.org
Subject: [richfaces-svn-commits] JBoss Rich Faces SVN: r18261 - in
 root/examples/richfaces-showcase/trunk/src/main: webapp/richfaces and 1 other
 directories.
Date: Wed, 28 Jul 2010 10:46:14 -0400
Message-ID: <201007281446.o6SEkE6O031174@svn01.web.mwc.hst.phx2.redhat.com>

--===============0745887563385817419==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

Author: ilya_shaikovsky
Date: 2010-07-28 10:46:12 -0400 (Wed, 28 Jul 2010)
New Revision: 18261

Added:
   root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/
   root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/m=
odalPopup.xhtml
   root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/s=
implePopup.xhtml
Modified:
   root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces/=
demo/data/common/navigation.xml
Log:
https://jira.jboss.org/browse/RF-8967 popup added

Modified: root/examples/richfaces-showcase/trunk/src/main/resources/org/ric=
hfaces/demo/data/common/navigation.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces=
/demo/data/common/navigation.xml	2010-07-28 13:49:06 UTC (rev 18260)
+++ root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces=
/demo/data/common/navigation.xml	2010-07-28 14:46:12 UTC (rev 18261)
@@ -303,6 +303,20 @@
 					</sample>					=

 				</samples>
 			</demo>
+			<demo>
+				<id>popup</id>
+				<name>rich:popup</name>
+				<samples>
+					<sample>
+						<id>simplePopup</id>
+						<name>Simple popup example</name>
+					</sample>
+					<sample>
+						<id>modalPopup</id>
+						<name>Modal panel example</name>
+					</sample>					=

+				</samples>
+			</demo>
 		</demos>
 	</group>
 =


Added: root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/pop=
up/modalPopup.xhtml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/=
modalPopup.xhtml	                        (rev 0)
+++ root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/=
modalPopup.xhtml	2010-07-28 14:46:12 UTC (rev 18261)
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www=
.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns=3D"http://www.w3.org/1999/xhtml"
+	xmlns:h=3D"http://java.sun.com/jsf/html"
+	xmlns:f=3D"http://java.sun.com/jsf/core"
+	xmlns:ui=3D"http://java.sun.com/jsf/facelets"
+	xmlns:rich=3D"http://richfaces.org/rich"
+	xmlns:a4j=3D"http://richfaces.org/a4j">
+
+<ui:composition>
+	<p>There you could check the modal panel which blocks the main
+	screen for any operations defined by using <b>popupPanel</b> component
+	with <b>modal=3D"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=3D"Call the popup">
+		<rich:componentControl target=3D"popup" operation=3D"show" />
+	</h:commandButton>
+	<rich:popupPanel id=3D"popup" modal=3D"true"
+		resizeable=3D"true" onmaskclick=3D"#{rich:component('popup')}.hide()">
+		<f:facet name=3D"header">
+			<h:outputText value=3D"Simple popup panel" />
+		</f:facet>
+		<f:facet name=3D"controls">
+			<h:outputLink value=3D"#"
+				onclick=3D"#{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>
+
+</html>
\ No newline at end of file

Added: root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/pop=
up/simplePopup.xhtml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/=
simplePopup.xhtml	                        (rev 0)
+++ root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/popup/=
simplePopup.xhtml	2010-07-28 14:46:12 UTC (rev 18261)
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www=
.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns=3D"http://www.w3.org/1999/xhtml"
+	xmlns:h=3D"http://java.sun.com/jsf/html"
+	xmlns:f=3D"http://java.sun.com/jsf/core"
+	xmlns:ui=3D"http://java.sun.com/jsf/facelets"
+	xmlns:rich=3D"http://richfaces.org/rich"
+	xmlns:a4j=3D"http://richfaces.org/a4j">
+
+<ui:composition>
+	<p>Popup panel component used to create any kind of popups on the page.</=
p>
+	<p>Main features:</p>
+	<ul>
+	<li>Has two states modal and non-modal</li>
+	<li>Could be defined as resizable</li>
+	<li>Could be autosized according to content</li>
+	<li>Could be moved across the screen</li>
+	<li>Could be automatically positioned as centered or use user defined pos=
ition</li>
+	</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=3D"Call the popup">
+		<rich:componentControl target=3D"popup" operation=3D"show" />
+	</h:commandButton>
+	<rich:popupPanel id=3D"popup" modal=3D"false" autosized=3D"true"
+		resizeable=3D"false">
+		<f:facet name=3D"header">
+			<h:outputText value=3D"Simple popup panel" />
+		</f:facet>
+		<f:facet name=3D"controls">
+			<h:outputLink value=3D"#"
+				onclick=3D"#{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=3D"#"
+			onclick=3D"#{rich:component('popup')}.hide()">hide this panel</a>: <f:v=
erbatim>&#35;</f:verbatim>{rich:component('popup')}.hide()</p>
+	</rich:popupPanel>
+	<p>Besides this sample shows two variants of working with the component J=
S API:</p>
+	<ul>
+		<li>The popup is called by the <b>rich:componentControl</b> attached to =
button</li>
+		<li>The popup is closed by simple JS calls which defined using <b>rich:c=
omponent</b> function</li>
+	</ul>
+</ui:composition>
+
+</html>
\ No newline at end of file


--===============0745887563385817419==--

