You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by we...@apache.org on 2007/09/12 21:44:09 UTC
svn commit: r575051 - in /myfaces/orchestra/trunk/examples/src/main/webapp:
mops/SearchProduct.jsp styles/mops_default.css
Author: werpu
Date: Wed Sep 12 12:44:07 2007
New Revision: 575051
URL: http://svn.apache.org/viewvc?rev=575051&view=rev
Log: (empty)
Modified:
myfaces/orchestra/trunk/examples/src/main/webapp/mops/SearchProduct.jsp
myfaces/orchestra/trunk/examples/src/main/webapp/styles/mops_default.css
Modified: myfaces/orchestra/trunk/examples/src/main/webapp/mops/SearchProduct.jsp
URL: http://svn.apache.org/viewvc/myfaces/orchestra/trunk/examples/src/main/webapp/mops/SearchProduct.jsp?rev=575051&r1=575050&r2=575051&view=diff
==============================================================================
--- myfaces/orchestra/trunk/examples/src/main/webapp/mops/SearchProduct.jsp (original)
+++ myfaces/orchestra/trunk/examples/src/main/webapp/mops/SearchProduct.jsp Wed Sep 12 12:44:07 2007
@@ -17,144 +17,128 @@
under the License.
--%>
-<%@ page pageEncoding="UTF-8" %>
-<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
-<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
-<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t" %>
-<%@ taglib uri="http://myfaces.apache.org/sandbox" prefix="s" %>
-<%@ taglib uri="http://myfaces.apache.org/orchestra15" prefix="ox" %>
+<%@ page pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
+<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
+<%@ taglib uri="http://myfaces.apache.org/sandbox" prefix="s"%>
+<%@ taglib uri="http://myfaces.apache.org/orchestra15" prefix="ox"%>
<f:view>
- <%@ include file="./header.jspf" %>
-
+ <%@ include file="./header.jspf"%>
+
<t:div styleClass="moduleheader">
<t:htmlTag value="h2">
- <h:outputText value="Search Product"/>
+ <h:outputText value="Search Product" />
</t:htmlTag>
</t:div>
<t:div styleClass="loginstatusline">
- <h:outputText
- value="you are not logged in"
- rendered="#{!petstoreData.loggedIn}"
- />
+ <h:outputText value="you are not logged in"
+ rendered="#{!petstoreData.loggedIn}" />
<h:outputText
value="Hello #{petstoreData.customer.firstName} #{petstoreData.customer.lastName} (Group: #{petstoreData.customer.customerGroup.id}/#{petstoreData.customer.customerGroup.description})"
- rendered="#{petstoreData.loggedIn}"
- />
+ rendered="#{petstoreData.loggedIn}" />
</t:div>
- <h:form>
+ <t:div id="side_navigation">
+ <h:form>
+ <h:panelGrid columns="1">
+ <f:facet name="header">
+ <h:outputText value="Administrative tasks" />
+ </f:facet>
- <h:panelGrid
- columns="1">
+ <h:commandLink value="Login" action="CustomerLogin" />
- <f:facet name="header">
- <h:outputText value="Administrative tasks" />
- </f:facet>
-
- <h:commandLink
- value="Login"
- action="CustomerLogin"/>
-
- <h:commandLink
- value="Enable administrator mode"
- action="#{mopsSecurity.switchAdministratorModeAction}"
- rendered="#{!mopsSecurity.administratorMode}"/>
- <h:commandLink
- value="Disable administrator mode"
- action="#{mopsSecurity.switchAdministratorModeAction}"
- rendered="#{mopsSecurity.administratorMode}"/>
-
- <h:commandLink
- value="New product"
- action="EditProduct"
- rendered="#{mopsSecurity.administratorMode}"/>
-
- <h:commandLink
- value="Edit Customer Groups"
- action="EditCustomerGroup"
- rendered="#{mopsSecurity.administratorMode}"/>
-
- </h:panelGrid>
-
-
- <h:panelGrid columns="3">
- <f:facet name="header">
- <h:outputText value="Search product" />
- </f:facet>
-
- <h:outputLabel
- for="searchText">
- <h:outputText value="Search text" />
- </h:outputLabel>
-
- <h:inputText
- id="searchText"
- value="#{mopsSearchProduct.searchText}" />
-
- <h:commandButton styleClass="btn"
- value="go"
- action="#{mopsSearchProduct.searchProductAction}" />
-
- </h:panelGrid>
-
- <t:newspaperTable
- var="product"
- value="#{mopsSearchProduct.products}"
- newspaperColumns="3">
-
- <t:column>
-
- <h:panelGrid columns="1">
- <h:panelGrid columns="2">
-
- <h:outputText value="picture" />
-
- <h:panelGrid columns="1">
- <h:outputText value="#{product.product.description}" />
-
- <h:panelGroup>
- <h:outputText value="Price: "/>
- <h:outputText value="#{product.price.price}">
- <f:convertNumber
- groupingUsed="true"
- maxFractionDigits="2"
- minFractionDigits="2"
- type="currency" />
- </h:outputText>
- </h:panelGroup>
- </h:panelGrid>
+ <h:commandLink value="Enable administrator mode"
+ action="#{mopsSecurity.switchAdministratorModeAction}"
+ rendered="#{!mopsSecurity.administratorMode}" />
+ <h:commandLink value="Disable administrator mode"
+ action="#{mopsSecurity.switchAdministratorModeAction}"
+ rendered="#{mopsSecurity.administratorMode}" />
- </h:panelGrid>
+ <h:commandLink value="New product" action="EditProduct"
+ rendered="#{mopsSecurity.administratorMode}" />
+
+ <h:commandLink value="Edit Customer Groups"
+ action="EditCustomerGroup"
+ rendered="#{mopsSecurity.administratorMode}" />
+
+ </h:panelGrid>
+
+ </h:form>
+ </t:div>
+
+ <t:div id="search_area">
+ <h:form>
+ <h:panelGrid columns="3">
+ <f:facet name="header">
+ <h:outputText value="Search product" />
+ </f:facet>
+
+ <h:outputLabel for="searchText">
+ <h:outputText value="Search text" />
+ </h:outputLabel>
+
+ <h:inputText id="searchText" value="#{mopsSearchProduct.searchText}" />
+ <h:commandButton styleClass="btn" value="go"
+ action="#{mopsSearchProduct.searchProductAction}" />
- <h:panelGroup>
+ </h:panelGrid>
+ </h:form>
+ </t:div>
+
+ <t:div id="content">
+ <h:form>
+
+ <t:newspaperTable var="product" value="#{mopsSearchProduct.products}"
+ newspaperColumns="3">
+
+ <t:column>
+
+ <h:panelGrid columns="1">
+ <h:panelGrid columns="2">
+
+ <h:outputText value="picture" />
+
+ <h:panelGrid columns="1">
+ <h:outputText value="#{product.product.description}" />
+
+ <h:panelGroup>
+ <h:outputText value="Price: " />
+ <h:outputText value="#{product.price.price}">
+ <f:convertNumber groupingUsed="true" maxFractionDigits="2"
+ minFractionDigits="2" type="currency" />
+ </h:outputText>
+ </h:panelGroup>
+ </h:panelGrid>
+
+ </h:panelGrid>
- <h:commandLink
- value="detail"
- action="ProductDetails">
- <f:param name="productId" value="#{product.product.id}" />
- </h:commandLink>
- <h:outputText value=" "/>
+ <h:panelGroup>
- <h:commandLink
- value="edit"
- action="EditSelectedProduct"
- rendered="#{mopsSecurity.administratorMode}">
- <f:param name="productId" value="#{product.product.id}" />
- </h:commandLink>
+ <h:commandLink value="detail" action="ProductDetails">
+ <f:param name="productId" value="#{product.product.id}" />
+ </h:commandLink>
- </h:panelGroup>
- </h:panelGrid>
+ <h:outputText value=" " />
- </t:column>
+ <h:commandLink value="edit" action="EditSelectedProduct"
+ rendered="#{mopsSecurity.administratorMode}">
+ <f:param name="productId" value="#{product.product.id}" />
+ </h:commandLink>
- </t:newspaperTable>
+ </h:panelGroup>
+ </h:panelGrid>
- </h:form>
+ </t:column>
- <%@ include file="../footer.jspf" %>
+ </t:newspaperTable>
+
+ </h:form>
+ </t:div>
+ <%@ include file="../footer.jspf"%>
</f:view>
Modified: myfaces/orchestra/trunk/examples/src/main/webapp/styles/mops_default.css
URL: http://svn.apache.org/viewvc/myfaces/orchestra/trunk/examples/src/main/webapp/styles/mops_default.css?rev=575051&r1=575050&r2=575051&view=diff
==============================================================================
--- myfaces/orchestra/trunk/examples/src/main/webapp/styles/mops_default.css (original)
+++ myfaces/orchestra/trunk/examples/src/main/webapp/styles/mops_default.css Wed Sep 12 12:44:07 2007
@@ -130,3 +130,48 @@
text-align: left;
}
+/*******************************************************************************
+* Standard page layout, header, footer
+* side navigation, search area, content
+********************************************************************************/
+
+#side_navigation, #search_area, #content {
+ position: absolute;
+ top: 130px;
+}
+
+#side_navigation {
+ width: 145px;
+ left: 15px;
+ min-height: 420px;
+ border: 1px dashed black;
+ padding-left: 5px;
+ padding-right: 5px;
+ background-color: #E3EBF9;
+ text-align: left;
+}
+
+#side_navigation a {
+ color: maroon;
+ font-weight: bold;
+}
+
+#side_navigation a:hover {
+ color: black;
+}
+
+#search_area, #content {
+ left: 175px;
+ right: 15px;
+ text-align: left;
+}
+
+
+
+#content {
+ top: 190px;
+
+ min-height: 360px;
+
+}
+