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> |