]> git.mxchange.org Git - pizzaservice-war.git/blobdiff - web/basket.xhtml
Please cherry-pick:
[pizzaservice-war.git] / web / basket.xhtml
index ffe36a049dbc73f151999612fda0d012a5734ba6..6bc127228357ed9a021b24ea946a400c631dd393 100644 (file)
@@ -1,70 +1,77 @@
 <?xml version="1.0" encoding="UTF-8" ?>
-<html xmlns="http://www.w3.org/1999/xhtml"
-         xmlns:ui="http://java.sun.com/jsf/facelets"
-         xmlns:h="http://xmlns.jcp.org/jsf/html"
-         xmlns:f="http://xmlns.jcp.org/jsf/core"
-         >
+<ui:composition template="/WEB-INF/templates/guest/guest_base.tpl"
+                               xmlns="http://www.w3.org/1999/xhtml"
+                               xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                               xmlns:h="http://xmlns.jcp.org/jsf/html"
+                               xmlns:f="http://xmlns.jcp.org/jsf/core">
+       <ui:define name="guest_title">
+               <h:outputText value="#{msg.PAGE_TITLE_INDEX_SHOW_BASKET}" />
+       </ui:define>
 
-       <ui:composition template="/WEB-INF/templates/guest/guest_base.tpl">
-               <ui:define name="guest_title">Warenkorb anzeigen</ui:define>
+       <ui:define name="content_header">
+               <h:outputText value="#{msg.CONTENT_TITLE_INDEX_SHOW_BASKET}" />
+       </ui:define>
 
-               <ui:define name="menu">
-                       <ui:include id="menu" class="guest_menu" src="/WEB-INF/templates/guest/guest_menu.tpl" />
-               </ui:define>
+       <ui:define name="content">
+               <h:dataTable id="table_show_basket" var="item" value="#{basketController.allItems()}" styleClass="table" summary="#{msg.TABLE_SUMMARY_SHOW_BASKET}" rendered="#{basketController.hasItems()}">
+                       <h:column>
+                               <f:facet name="header">
+                                       <h:outputText value="#{msg.GUEST_ITEM_TITLE}" />
+                               </f:facet>
 
-               <ui:define name="content_header">
-                       Alle im Warenkorb befindlichen Artikel:
-               </ui:define>
+                               <ui:fragment rendered="#{item.isProductType()}">
+                                       <h:outputText value="#{item.itemProduct.productTitle}" />
+                               </ui:fragment>
+                       </h:column>
 
-               <ui:define name="content">
-                       <h:dataTable var="item" value="#{basketController.allItems()}" headerClass="table_header_column" class="table" rendered="#{basketController.hasItems()}">
-                               <h:column>
-                                       <f:facet name="header">Artikel:</f:facet>
+                       <h:column>
+                               <f:facet name="header">
+                                       <h:outputText value="#{msg.SINGLE_PRODUCT_PRICE}" />
+                               </f:facet>
 
+                               <div class="item_price">
                                        <ui:fragment rendered="#{item.isProductType()}">
-                                               #{item.product.title}
-                                       </ui:fragment>
-                               </h:column>
-
-                               <h:column>
-                                       <f:facet name="header">Einzelpreis:</f:facet>
-
-                                       <ui:fragment rendered="#{item.isProductType()}">
-                                               <h:outputText class="price" value="#{item.product.price}">
+                                               <h:outputText styleClass="price" value="#{item.itemProduct.productPrice}">
                                                        <f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
                                                </h:outputText>
                                        </ui:fragment>
-                               </h:column>
+                               </div>
+                       </h:column>
 
-                               <h:column>
-                                       <f:facet name="header">Anzahl ändern:</f:facet>
+                       <h:column>
+                               <f:facet name="header">
+                                       <h:outputText value="#{msg.CHANGE_ITEM_AMOUNT}" />
+                               </f:facet>
 
-                                       <h:form acceptcharset="utf-8" id="add_item">
-                                               <h:commandButton class="submit" id="add" value="Ändern" action="#{basketController.changeItem(item)}" title="#{msg.BUTTON_TITLE_CHANGE_ITEM_AMOUNT}" />
+                               <h:form id="form_add_item">
+                                       <h:commandButton class="submit" id="add" value="#{msg.BUTTON_CHANGE_ITEM_AMOUNT}" action="#{basketController.doChangeItem(item)}" title="#{msg.BUTTON_TITLE_CHANGE_ITEM_AMOUNT}" />
 
-                                               <h:inputText class="input" id="amount" size="3" maxlength="20" value="#{item.amount}" title="#{msg.INPUT_TITLE_ENTER_ITEM_AMOUNT}">
-                                                       <!--
-                                                       If the customer wants to order more, he need to call in.
-                                                       //-->
-                                                       <f:validator for="amount" validatorId="ItemAmountValidator" />
-                                               </h:inputText>
-                                       </h:form>
-                               </h:column>
+                                       <h:inputText class="input" id="amount" size="3" maxlength="20" value="#{item.orderedAmount}" title="#{msg.INPUT_TITLE_ENTER_ITEM_AMOUNT}">
+                                               <!--
+                                               If the customer wants to order more, he need to call in.
+                                               //-->
+                                               <f:validator for="amount" validatorId="ItemAmountValidator" />
+                                       </h:inputText>
+                               </h:form>
+                       </h:column>
 
-                               <h:column>
-                                       <f:facet name="header">Zwischensumme:</f:facet>
+                       <h:column>
+                               <f:facet name="header">
+                                       <h:outputText value="#{msg.TOTAL_ITEM_PRICE}" />
+                               </f:facet>
 
-                                       <h:outputText id="item_price" value="#{basketController.calculateItemPrice(item)}" rendered="#{item.isProductType()}">
+                               <div class="item_total_price">
+                                       <h:outputText styleClass="price" id="item_price" value="#{basketController.calculateItemPrice(item)}" rendered="#{item.isProductType()}">
                                                <f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
                                        </h:outputText>
-                               </h:column>
-                       </h:dataTable>
+                               </div>
+                       </h:column>
+               </h:dataTable>
 
-                       <h:outputText class="empty_basket" value="Es befinden sich derzeit keine Artikel im Warenkorb." rendered="#{basketController.isEmpty()}" />
-               </ui:define>
+               <ui:include src="/WEB-INF/templates/basket/total_sum.tpl" />
 
-               <ui:define name="footer">
-                       <ui:include id="footer" class="guest_footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
-               </ui:define>
-       </ui:composition>
-</html>
+               <div class="continue_checkout">
+                       <h:link class="checkout_link" id="checkout" value="#{msg.LINK_CONTINUE_TO_CHECKOUT}" outcome="checkout" />
+               </div>
+       </ui:define>
+</ui:composition>