Menu
▾
▴
[jboss-cvs] jboss-seam/examples/dvdstore/web ...
|
From: Norman R. <nor...@jb...> - 2005-09-28 23:37:25
|
User: nrichards
Date: 05/09/28 19:37:18
Modified: examples/dvdstore/web admin.xhtml
browse.xhtml checkout.xhtml complete.xhtml
home.xhtml index.jsp newcustomer.xhtml ship.xhtml
showorder.xhtml showorders.xhtml
Added: examples/dvdstore/web logout.xhtml
screen.css template.xhtml
Removed: examples/dvdstore/web style.css
template_front.xhtml template_page.xhtml
Log:
move jbpm into build, start integrating new theme
Revision Changes Path
1.3 +17 -15 jboss-seam/examples/dvdstore/web/admin.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: admin.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/admin.xhtml,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- admin.xhtml 26 Sep 2005 04:41:32 -0000 1.2
+++ admin.xhtml 28 Sep 2005 23:37:18 -0000 1.3
@@ -6,23 +6,25 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- admin page
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <div id="menu">
+ <dl>
+ <dt class="menuHeader">Admin options</dt>
+ <dd>
+ <dl class="menuSection">
+ <dt>Manufacturer Name</dt>
+ <dd><h:commandLink action="#{workflow.findTasks}"
+ value="Find Tasks"/></dd>
+ <dd><h:commandLink action="#{workflow.loadProcess}"
+ value="Load Process Definition"/></dd>
+ </dl>
+ </dd>
+ </dl>
+ </div>
</ui:define>
<ui:define name="body">
- <div id="navbox">
- <h2>Welcome <h:outputText value="#{currentUser.userName}" /></h2>
- <ul>
- <li><h:commandLink action="#{workflow.findTasks}"
- value="Find Tasks"/></li>
- <li><h:commandLink action="#{workflow.loadProcess}"
- value="Load Process Definition"/></li>
- <li><h:commandLink action="#{login.logout}"
- value="#{msgs.logoutButton}"/></li>
- </ul>
- </div>
<h:dataTable value="#{workflow.tasks}"
var="task"
1.4 +128 -139 jboss-seam/examples/dvdstore/web/browse.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: browse.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/browse.xhtml,v
retrieving revision 1.3
retrieving revision 1.4
diff -u -b -r1.3 -r1.4
--- browse.xhtml 26 Sep 2005 04:41:32 -0000 1.3
+++ browse.xhtml 28 Sep 2005 23:37:18 -0000 1.4
@@ -6,65 +6,80 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- #{msgs.browseTitle}
- </ui:define>
-
- <ui:define name="body">
- <c:if test="${currentUser!=null}">
- <div id="navbox">
- <h2>Welcome <h:outputText value="#{currentUser.userName}" /></h2>
- <ul>
- <!--
- <li><h:commandLink action="search" value="search"/></li>
- -->
- <li><h:commandLink action="#{showorders.findOrders}" value="list orders"/></li>
-
- <li><h:commandLink action="#{login.logout}" value="#{msgs.logoutButton}"/></li>
- </ul>
- </div>
- </c:if>
-
- <h2>#{msgs.browseSearchHeader}</h2>
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <div class="menu">
+ <dl>
+ <dt class="menuHeader">#{msgs.browseSearchHeader}</dt>
+ <dd class="menuForm">
<h:form>
- <h:panelGrid columns="2">
+ <dl>
+ <dd>
<h:outputText value="#{msgs.searchTitle}" />
<h:inputText value="#{search.title}" size="15"/>
-
+ </dd>
+ <dd>
<h:outputText value="#{msgs.searchActor}" />
<h:inputText value="#{search.actor}" size="15"/>
+ </dd>
+ <dd>
<h:outputText value="#{msgs.searchCategory}" />
<h:selectOneMenu value="#{search.category}">
<f:selectItems value="#{search.categories}" />
</h:selectOneMenu>
- </h:panelGrid>
+ </dd>
- <h:commandButton action="#{search.doSearch}" value="#{msgs.searchButton}" />
+ <dd>
+ <h:commandButton action="#{search.doSearch}"
+ value="#{msgs.searchButton}"
+ class="formButton" style="width: 166px;"/>
+ </dd>
+ </dl>
</h:form>
+ </dd>
+ </dl>
+ </div>
+ <ui:include src="incl/cart.xhtml" />
+ </ui:define>
+
+ <ui:define name="body">
<c:if test="${search.searchResults!=null}">
<h:form>
<h2>
- <h:outputText value="#{msgs.searchResultsHeader}"
- rendered="#{!empty(search.searchResults)}"/>
<h:outputText value="#{msgs.noSearchResultsHeader}"
rendered="#{empty(search.searchResults)}"/>
</h2>
- <div>
- <h:commandButton value="#{msgs.prevPageButton}"
- action="#{search.prevPage}" disabled="#{search.firstPage}" />
- <h:commandButton value="#{msgs.nextPageButton}"
- action="#{search.nextPage}" disabled="#{search.lastPage}" />
+
+ <div class="controlBar" style="clear: left;">
+ <div style="float: right; width: 50%; text-align: right; padding: 3px 6px;">
+ <div style="float: right; width: 24px">
+ <h:commandLink action="#{search.nextPage}"
+ disabled="#{search.lastPage}">
+ <img src="img/fastf_24.gif" />
+ </h:commandLink>
+ </div>
+ <div style="float: right; width: 24px">
+ <h:commandLink action="#{search.prevPage}"
+ disabled="#{search.firstPage}">
+ <img src="img/rewnd_24.gif" />
+ </h:commandLink>
+ </div>
+ </div>
+
+ <div style="padding: 3px 6px; vertical-align: bottom;">
+ #{msgs.searchResultsHeader}
+ </div>
</div>
+
<h:dataTable rendered="#{!empty(search.searchResults)}"
value="#{search.searchResults}"
var="product"
styleClass="dvdtable"
headerClass="dvdtablehead"
- rowClasses="dvdtableodd,dvdtableeven"
+ rowClasses="results"
columnClasses="dvdtablecol">
<h:column>
<f:facet name="header">
@@ -97,38 +112,12 @@
</h:dataTable>
<h:commandButton rendered="#{!empty(search.searchResults)}"
- action="#{search.addToCart}" value="#{msgs.searchUpdateButton}"/>
+ action="#{search.addToCart}"
+ value="#{msgs.searchUpdateButton}"/>
</h:form>
</c:if>
- <c:if test="${!cart.isEmpty}">
- <div class="cart">
- <h2>#{msgs.searchCartHeader}</h2>
- <h:form>
- <h:dataTable value="#{cart.cart}" var="item"
- styleClass="dvdtable"
- headerClass="dvdtablehead"
- rowClasses="dvdtableodd,dvdtableeven"
- columnClasses="dvdtablecol">
- <h:column>
- <f:facet name="header">
- #{msgs.cartItemColumn}
- </f:facet>
- #{item.item.position}
- </h:column>
-
- <h:column>
- <f:facet name="header">
- #{msgs.cartTitleColumn}
- </f:facet>
- #{item.item.product.title}
- </h:column>
- </h:dataTable>
- <h:commandButton action="checkout" value="#{msgs.checkoutButton}" />
- </h:form>
- </div>
- </c:if>
</ui:define>
</ui:composition>
</body>
1.2 +4 -5 jboss-seam/examples/dvdstore/web/checkout.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: checkout.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/checkout.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- checkout.xhtml 20 Sep 2005 21:59:37 -0000 1.1
+++ checkout.xhtml 28 Sep 2005 23:37:18 -0000 1.2
@@ -6,15 +6,14 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- #{msgs.checkoutTitle}
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
</ui:define>
<ui:define name="body">
<h:messages globalOnly="true"
layout="list"
- errorClass="error"/>
+ errorClass="cntError"/>
<h2>#{msgs.checkoutHeader}</h2>
<h:form>
1.2 +3 -5 jboss-seam/examples/dvdstore/web/complete.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: complete.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/complete.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- complete.xhtml 20 Sep 2005 21:59:37 -0000 1.1
+++ complete.xhtml 28 Sep 2005 23:37:18 -0000 1.2
@@ -6,9 +6,8 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- #{msgs.checkoutTitle}
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
</ui:define>
<ui:define name="body">
@@ -91,7 +90,6 @@
<h:form>
<h:commandButton action="browse" value="#{msgs.shopAgainButton}" />
- <h:commandButton action="#{login.logout}" value="#{msgs.logoutButton}" />
</h:form>
</ui:define>
</ui:composition>
1.2 +33 -20 jboss-seam/examples/dvdstore/web/home.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: home.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/home.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- home.xhtml 20 Sep 2005 21:59:37 -0000 1.1
+++ home.xhtml 28 Sep 2005 23:37:18 -0000 1.2
@@ -6,38 +6,51 @@
xmlns:f="http://java.sun.com/jsf"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_front.xhtml">
- <ui:define name="title">
- #{msgs.loginPageTitle}
- </ui:define>
-
- <ui:define name="body">
- <h2>#{msgs.loginPagePrompt}</h2>
- <h3>#{msgs.loginPageInfo}</h3>
-
- <h:messages globalOnly="true"
- layout="list"
- errorClass="error"/>
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <div class="menu">
+ <dl>
+ <dt class="menuHeader">#{msgs.loginPagePrompt}</dt>
+ <dd class="menuForm">
<h:form>
- <h:panelGrid columns="2">
+ <dl>
+ <dd>
<h:outputText value="#{msgs.loginUser}" />
<h:inputText value="#{login.userName}" size="16" />
-
+ </dd>
+ <dd>
<h:outputText value="#{msgs.loginPass}" />
<h:inputSecret value="#{login.password}" size="16"/>
- </h:panelGrid>
- <h:commandButton action="#{login.login}" />
+ </dd>
+
+ <dd>
+ <h:commandButton action="#{login.login}" value="#{msgs.loginPrompt}"
+ class="formButton" style="width: 166px;"/>
+ </dd>
+ </dl>
</h:form>
+ </dd>
+ </dl>
+ </div>
+
- <h2><h:outputText value="#{msgs.newCustomerPrompt}"/></h2>
+ </ui:define>
+
+ <ui:define name="body">
+ <h3>#{msgs.loginPageInfo}</h3>
+
+ <h:messages globalOnly="true"
+ layout="list"
+ errorClass="cntError"/>
+
+ <br />
+ #{msgs.newCustomerPrompt}
<h:form>
<h:commandButton action="newcustomer" value="#{msgs.newCustomerButton}" />
</h:form>
</ui:define>
-
-
</ui:composition>
</body>
</html>
1.6 +0 -2 jboss-seam/examples/dvdstore/web/index.jsp
(In the diff below, changes in quantity of whitespace are not shown.)
Index: index.jsp
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/index.jsp,v
retrieving revision 1.5
retrieving revision 1.6
diff -u -b -r1.5 -r1.6
--- index.jsp 18 Sep 2005 22:41:43 -0000 1.5
+++ index.jsp 28 Sep 2005 23:37:18 -0000 1.6
@@ -1,4 +1,2 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:redirect url="/home.faces" />
-
-
1.2 +12 -13 jboss-seam/examples/dvdstore/web/newcustomer.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: newcustomer.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/newcustomer.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- newcustomer.xhtml 20 Sep 2005 21:59:37 -0000 1.1
+++ newcustomer.xhtml 28 Sep 2005 23:37:18 -0000 1.2
@@ -6,15 +6,14 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_front.xhtml">
- <ui:define name="title">
- #{msgs.newCustomerTitle}
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
</ui:define>
<ui:define name="body">
<h:messages globalOnly="true"
layout="list"
- errorClass="error"/>
+ errorClass="cntError"/>
<h2><h:outputText value="#{msgs.newCustomerHeader}" /></h2>
<h3><h:outputText value="#{msgs.newCustomerInfo}" /></h3>
@@ -26,7 +25,7 @@
<h:inputText id="firstName" required="true"
value="#{customer.firstName}" />
<f:verbatim>*</f:verbatim>
- <h:message for="firstName" styleClass="error" />
+ <h:message for="firstName" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerLN}" />
@@ -34,7 +33,7 @@
<h:inputText id="lastName" required="true"
value="#{customer.lastName}" />
<f:verbatim>*</f:verbatim>
- <h:message for="lastName" styleClass="error" />
+ <h:message for="lastName" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerA1}" />
@@ -42,7 +41,7 @@
<h:inputText id="address1" required="true"
value="#{customer.address1}" />
<f:verbatim>*</f:verbatim>
- <h:message for="address1" styleClass="error" />
+ <h:message for="address1" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerA2}" />
@@ -55,7 +54,7 @@
<h:inputText id="city" required="true"
value="#{customer.city}" />
<f:verbatim>*</f:verbatim>
- <h:message for="city" styleClass="error" />
+ <h:message for="city" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerST}" />
@@ -92,7 +91,7 @@
<f:validateLength minimum="4" maximum="16"/>
</h:inputText>
<f:verbatim>*</f:verbatim>
- <h:message for="userName" styleClass="error" />
+ <h:message for="userName" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerPW}" />
@@ -102,7 +101,7 @@
<f:validateLength minimum="8" />
</h:inputSecret>
<f:verbatim>*</f:verbatim>
- <h:message for="password" styleClass="error" />
+ <h:message for="password" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerP2}" />
@@ -112,7 +111,7 @@
<f:validateLength minimum="8" />
</h:inputSecret>
<f:verbatim>*</f:verbatim>
- <h:message for="passwordVerify" styleClass="error" />
+ <h:message for="passwordVerify" styleClass="cntError" />
</h:panelGroup>
<h:outputText value="#{msgs.newCustomerCCT}" />
@@ -126,7 +125,7 @@
<h:inputText id="creditCard" required="true"
value="#{customer.creditCard}" />
<f:verbatim>*</f:verbatim>
- <h:message for="creditCard" styleClass="error" />
+ <h:message for="creditCard" styleClass="cntError" />
</h:panelGroup>
1.2 +16 -15 jboss-seam/examples/dvdstore/web/ship.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: ship.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/ship.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- ship.xhtml 26 Sep 2005 04:41:32 -0000 1.1
+++ ship.xhtml 28 Sep 2005 23:37:18 -0000 1.2
@@ -6,24 +6,25 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- admin page
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <div id="menu">
+ <dl>
+ <dt class="menuHeader">Admin options</dt>
+ <dd>
+ <dl class="menuSection">
+ <dt>Manufacturer Name</dt>
+ <dd><h:commandLink action="#{workflow.findTasks}"
+ value="Find Tasks"/></dd>
+ <dd><h:commandLink action="#{workflow.loadProcess}"
+ value="Load Process Definition"/></dd>
+ </dl>
+ </dd>
+ </dl>
+ </div>
</ui:define>
<ui:define name="body">
- <div id="navbox">
- <h2>Welcome <h:outputText value="#{currentUser.userName}" /></h2>
- <ul>
- <li><h:commandLink action="#{workflow.findTasks}"
- value="Find Tasks"/></li>
- <li><h:commandLink action="#{workflow.loadProcess}"
- value="Load Process Definition"/></li>
- <li><h:commandLink action="#{login.logout}"
- value="#{msgs.logoutButton}"/></li>
- </ul>
- </div>
-
<h:form>
<h:panelGrid columns="2">
<h:outputText value="Order" />
1.3 +3 -3 jboss-seam/examples/dvdstore/web/showorder.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: showorder.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/showorder.xhtml,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- showorder.xhtml 26 Sep 2005 04:41:32 -0000 1.2
+++ showorder.xhtml 28 Sep 2005 23:37:18 -0000 1.3
@@ -6,9 +6,9 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- show order page
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <ui:include src="incl/cart.xhtml" />
</ui:define>
<ui:define name="body">
1.3 +3 -3 jboss-seam/examples/dvdstore/web/showorders.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: showorders.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/dvdstore/web/showorders.xhtml,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- showorders.xhtml 26 Sep 2005 04:41:32 -0000 1.2
+++ showorders.xhtml 28 Sep 2005 23:37:18 -0000 1.3
@@ -6,9 +6,9 @@
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<body>
- <ui:composition template="/template_page.xhtml">
- <ui:define name="title">
- show orders
+ <ui:composition template="/template.xhtml">
+ <ui:define name="sidebar">
+ <ui:include src="incl/cart.xhtml" />
</ui:define>
<ui:define name="body">
1.1 date: 2005/09/28 23:37:18; author: nrichards; state: Exp;jboss-seam/examples/dvdstore/web/logout.xhtml
Index: logout.xhtml
===================================================================
<!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:c="http://java.sun.com/jstl/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf"
xmlns:h="http://java.sun.com/jsf/html">
<body>
<ui:composition template="/template.xhtml">
<div id="nav">
<ui:insert name="topnav">
<ul>
<li><h:commandLink action="main" value="Home"/></li>
<li><h:commandLink action="#{showorders.findOrders}" value="My Orders"/></li>
<li id="current"><h:commandLink action="#{login.logout}" value="#{msgs.logoutButton}"/></li>
</ul>
</ui:insert>
</div>
<ui:define name="sidebar">
<ui:include src="incl/login.xhtml" />
</ui:define>
<ui:define name="body">
#{thanks}
</ui:define>
</ui:composition>
</body>
</html>
1.1 date: 2005/09/28 23:37:18; author: nrichards; state: Exp;jboss-seam/examples/dvdstore/web/screen.css
Index: screen.css
===================================================================
/* Setup defaults since variable in browsers
----------------------------------------------- */
body, div, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form {
margin: 0;
padding: 0;
}
/* Element Defaults
----------------------------------------------- */
html {
height: 100%;
}
img {
border: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.25em;
color: #333;
position: relative;
background: #fff url(img/bg.gif) 0 0 repeat-x;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
input {
padding: 4px;
}
input, select {
border: 1px solid #aaa;
vertical-align: middle;
}
p {
text-align: justify;
padding: 2px 0;
line-height: 150%;
}
ol, ul {
margin: 10px 0px 10px 6px;
}
li {
margin: 10px 12px;
}
/* Layout
----------------------------------------------- */
#document {
height: 100%;
}
#footer {
clear: both;
float: left;
width: 100%;
text-align: right;
display: block;
padding: 40px 192px 5px 5px;
border-top: 1px solid #eaeaea;
color: #ccc;
font-size: x-small;
}
#container {
padding: 15px 5px;
}
#sidebar {
width: 180px;
float: right;
margin-top: 11px;
margin-bottom: 12px;
text-align: center;
}
#content {
margin-right: 192px;
}
#pgMainMenu {
width: 760px;
}
#pgMainMenu #container {
padding-left: 0;
padding-right: 0;
}
/* Header
----------------------------------------------- */
#header {
position: relative;
height: 60px;
}
#header span {
position: absolute;
top: 20px;
left: 16px;
font-size: 36px;
font-weight: normal;
color: #264071;
}
/* Navigation
----------------------------------------------- */
#nav {
position: relative;
padding: 1px 20px 0 20px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
line-height: normal;
height: 25px;
}
#nav ul {
margin: 0px;
padding: 0px;
position: absolute;
margin-top: 1px;
list-style: none;
text-align: center;
}
#nav li {
float: left;
margin: 0px;
margin-right: 2px;
padding: 0 0 0 4px;
}
#nav li a {
display: block;
padding: 6px 20px 6px 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #333;
}
#nav li a:hover {
color: #044c9c;
}
#nav #current {
border-bottom: 1px solid #fff;
background: url(img/nav.tab.left.gif) no-repeat left top;
}
#nav #current a {
color: #044c9c;
background: url(img/nav.tab.right.gif) no-repeat right top;
}
#nav #current a {
text-decoration: none;
}
/* Breadcrumb
----------------------------------------------- */
#breadcrumb {
color: #3b66a2;
font-size: small;
}
/* Headings
----------------------------------------------- */
h1, h2, h3, h4, h5 {
font-family: "Trebuchet MS", Arial, sans-serif;
line-height: normal;
color: #223F74;
font-weight: bold;
}
h1 {
font-size: x-large;
padding: 0px;
margin-bottom: 10px;
}
h2 {
font-size: large;
letter-spacing: 0px;
color: #376098;
line-height: 170%
}
h3 {
font-size: medium;
letter-spacing: 0px;
color: #333;
}
/* Content Boxes */
.cntInfo, .cntError, .cntAlert, .cntSubTitle, .cntSubMenu {
padding: 4px;
margin: 0;
margin-bottom: 5px;
border: 1px solid #eaeaea;
background-color: #fff;
}
.cntInfo p, .cntError p, .cntAlert p {
padding: 0;
padding-bottom: 5px;
}
.cntInfo {
background: #FAFAF8 url(img/shade.info.gif) 0 0 repeat-x;
}
.cntError {
background-color: #ffc;
border-color: #930;
font-size: 10px;
position: fixed; /* make box not wrap */
}
.cntAlert {
background-color: #d3e4ff;
border-color: #36c;
}
.cntSubTitle {
border: 0;
border-top: 1px solid #dadada;
background: url(img/shade.subtitle.gif) 0 2px repeat-x;
}
.cntSubMenu {
border: 0;
border-top: 1px solid #dadada;
background: url(img/shade.menu.gif) 0 2px repeat-x;
}
.spacer {
margin-top: 20px;
}
.controlBar {
background: #fff url(img/control.bg.gif) 0 100% repeat-x;
border: 1px solid #CAC4B6;
color: #333;
font-weight: bold;
font-size: small;
line-height: medium;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
height: 28px;
clear: left;
}
.dvdtable {
width: 100%;
}
.dvdtablehead {
text-align: left;
}
.results {
/*clear: left;
float: left;
*/
border-bottom: 1px solid #eaeaea;
}
.controlBar option {
font-size: small;
}
#searchSummary a {
color: #2C5298;
text-decoration: none;
}
#searchSummary a:hover {
text-decoration: underline;
}
/* Box */
.box {
text-align: left;
border: 1px solid #aaa;
margin-bottom: 20px;
width: 170px;
}
.boxHeader {
background: #f6f5e7 url(img/box.hdr.bg.yellow.gif) repeat-x;
padding: 5px 10px;
}
.boxHeader h3 {
font-weight: bold;
padding: 0px;
color: #333;
}
.boxContent {
background: #fff url(img/shade.gif) repeat-x;
border-top: 1px solid #aaa;
padding : 10px;
}
.boxFooter {
text-align: center;
padding-bottom: 10px;
}
/* Forms
----------------------------------------------- */
.required {
font-weight: bold;
color: #900;
}
/* Menu
----------------------------------------------- */
.menu {
background: #619ad9 url(img/menu.bg.gif) 0 100% no-repeat;
text-align: left;
margin-bottom: 10px;
padding-bottom: 12px;
}
.menu dt {
color: #fff;
font-weight: bold;
padding: 7px 6px 5px 16px;
border-bottom: 2px groove #6AA9EE;
}
.menu dd {
background-color: #DDEEFF;
border-top: 1px solid #F9FBFD;
border-bottom: 1px solid #3B7FBD;
border-left: 1px solid #C1C1C1;
border-right: 1px solid #C1C1C1;
padding: 6px;
}
.menu input {
width: 156px;
}
.menu select {
width: 165px;
}
.menuHeader {
background: #619ad9 url(img/menu.top.bg.gif) 0 0 no-repeat;
border-bottom: 1px solid #000;
}
.menuSection {
color: #2C5298;
padding-bottom: 4px;
}
.menuSection dt {
color: #2C5298;
font-size: small;
border: 0;
padding: 0;
font-weight: bold;
}
.menuSection dd {
color: #2C5298;
font-size: 85%;
padding: 0;
padding-left: 4px;
border: 0;
}
.menuSection a {
color: #2C5298;
text-decoration: none;
}
.menuSection a:hover {
text-decoration: underline;
}
.menuForm dd, .menuForm dt {
border: 0;
padding: 0;
}
.menuForm dt {
color: #2C5298;
font-size: 12px;
}
.menuForm dd {
padding-bottom: 5px;
}
/* Menu */
.formButton {
background: #eaeaea url(img/btn.bg.gif) 0 0 repeat-x;
border-style: ridge;
}
/* Status Box */
#status {
float: right;
padding: 5px 10px;
text-align: right;
}
#status dl {
list-style: none;
background-image: url(img/status.bg.gif);
}
#status dt {
display: none;
}
#status dd {
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
padding: 2px 4px;
line-height: normal;
border: 1px solid #003080;
}
1.1 date: 2005/09/28 23:37:18; author: nrichards; state: Exp;jboss-seam/examples/dvdstore/web/template.xhtml
Index: template.xhtml
===================================================================
<!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:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<head>
<f:loadBundle basename="com.jboss.dvd.web.store" var="msgs" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JBoss DVD Store</title>
<link href="screen.css" rel="stylesheet" type="text/css" />
</head>
<body id="pgMainMenu">
<div id="document">
<div id="header"><span>JBoss Seam DVD Store Demo</span></div>
<div id="nav">
<ui:insert name="topnav">
<ul>
<li id="current"><h:commandLink action="main" value="Home"/></li>
<li><h:commandLink action="#{showorders.findOrders}" value="My Orders"/></li>
<li><h:commandLink action="#{login.logout}" value="#{msgs.logoutButton}"/></li>
</ul>
</ui:insert>
</div>
<div id="container">
<div id="sidebar">
<ui:insert name="sidebar">
<div class="menu">
<dl>
<dt class="menuHeader">Login:</dt>
<dd class="menuForm">
<dl>
<dd>Username: <input type="text" /></dd>
<dd>Password: <input type="text" /></dd>
<dd><input type="submit" value="Login"
class="formButton" style="width: 166px;"/></dd>
</dl>
</dd>
</dl>
</div>
<div class="menu">
<dl>
<dt class="menuHeader">Search Catalog</dt>
<dd class="menuForm">
<dl>
<dd>Title: <input type="text" /></dd>
<dd>Author: <input type="text" /></dd>
<dd>Category:
<select><option>All</option><option>McKesson Item Number</option><option>Manufacturer Item Number</option><option>Description</option></select></dd>
<dd><input type="submit" value="Search" class="formButton" style="width: 166px;"/></dd>
</dl>
</dd>
</dl>
</div>
<div class="menu">
<dl>
<dt class="menuHeader">Refine Search</dt>
<dd>
<dl class="menuSection">
<dt>Manufacturer Name</dt>
<dd><a href="#">McKesson Brand</a></dd>
<dd><a href="#">Ansell Perry</a></dd>
<dd><a href="#">Kimberly-Clark Professional</a></dd>
<dd><a href="#">Other</a></dd>
</dl>
<dl class="menuSection">
<dt>Size</dt>
<dd><a href="#">Large</a></dd>
<dd><a href="#">Medium</a></dd>
<dd><a href="#">Small</a></dd>
<dd><a href="#">X-Large</a></dd>
<dd><a href="#">Other</a></dd>
</dl>
</dd>
</dl>
<dl>
<dt>Search Help</dt>
</dl>
</div>
</ui:insert>
</div>
<div id="content">
<ui:insert name="body">
<h1>Product Search: <span style="color: #F68938">gloves ansel</span></h1>
<div id="searchSummary" class="cntSubTitle">
<p>Note: "<span style="color: #F68938;">ansel</span>" was spell-corrected to "<span style="color: #F68938;">ansell</span>"</p>
<dl>
<dt style="color: #2C5298; font-weight: bold;">365 Products found in:</dt>
<dd style="padding-left: 6px;"><a href="#">Personal Protection</a> > <a href="#">Hand Protection</a> > <a href="#">Gloves (365)</a></dd>
</dl>
</div>
<div style="clear: left;">
<div style="float: left; width: 33%; text-align: center; margin-bottom: 10px;"><img src="prd/1.jpg" /><br/>Most Popular</div>
<div style="float: left; width: 33%; text-align: center; margin-bottom: 10px;"><img src="prd/2.jpg" /><br/>Highly Recommended</div>
<div style="float: left; width: 33%; text-align: center; margin-bottom: 10px;"><img src="prd/1.jpg" /><br/>Best Buy</div>
</div>
<div class="controlBar" style="clear: left;">
<div style="float: right; width: 50%; text-align: right; padding: 3px 6px;">
<div style="float: right; width: 24px"><img src="img/fastf_24.gif" /></div>
<div style="float: right; padding: 1px 6px 0 6px;">Page <select name="bx" size="1"><option>1</option><option>2</option><option>3</option></select> of 3</div>
<div style="float: right; width: 24px"><img src="img/rewnd_24.gif" /></div>
</div>
<div style="padding: 3px 6px; vertical-align: bottom;">Sort By: <select name="sort" size="1"><option>Relevance</option><option>McKesson Brand</option><option>Promotional Items</option><option>Max Rewards</option><option>Max Merit</option><option>Manufacturer Name</option></select></div>
</div>
<div>
<div class="results">
<div style="float: left; width: 50px;"><img src="prd/1.5.jpg" /></div>
<div style="padding: 6px; padding-left: 60px;"><strong>COMPRESSOR/ASPIRATOR, UL LISTED 110W</strong><br/>Description</div>
</div>
<div class="results">
<div style="float: left; width: 50px;"><img src="prd/2.5.jpg" /></div>
<div style="padding: 6px; padding-left: 60px;"><strong>Some Content</strong><br/>Description</div>
</div>
<div class="results">
<div style="float: left; width: 50px;"><img src="prd/1.5.jpg" /></div>
<div style="padding: 6px; padding-left: 60px;"><strong>Some Content</strong><br/>Description</div>
</div>
<div class="results">
<div style="float: left; width: 50px;"><img src="prd/2.5.jpg" /></div>
<div style="padding: 6px; padding-left: 60px;"><strong>Some Content</strong><br/>Description</div>
</div>
<div class="results">
<div style="float: left; width: 50px;"><img src="prd/1.5.jpg" /></div>
<div style="padding: 6px; padding-left: 60px;"><strong>Some Content</strong><br/>Description</div>
</div>
</div>
</ui:insert>
</div>
</div>
</div>
</body>
</html>
|