X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2Findex.xhtml;h=0ece4d80411345fd1ae2dc1b3a61531ebd31e610;hb=8a39d893b5c1ddeeff6c77fa05e6f2ef356edc8a;hp=4c3d08db60c4cff2effe5f040d04248b8f5c1528;hpb=8ed95f6af6858cb7711cd55141a1abb7cfb11a69;p=pizzaservice-war.git

diff --git a/web/index.xhtml b/web/index.xhtml
index 4c3d08db..0ece4d80 100644
--- a/web/index.xhtml
+++ b/web/index.xhtml
@@ -1,7 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!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://xmlns.jcp.org/jsf/html"
-	  xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
 	  xmlns:f="http://xmlns.jcp.org/jsf/core"
 	  >
 
@@ -11,80 +12,86 @@
 	//-->
 
 	<ui:composition template="/WEB-INF/templates/guest/guest_base.tpl">
-		<ui:define name="title">Willkommen!</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="guest_title">#{msg.PAGE_TITLE_INDEX_WELCOME}</ui:define>
 
 		<ui:define name="content_header">
-			Willkommen zum Pizza-Service
+			#{msg.CONTENT_TITLE_INDEX_WELCOME}
 		</ui:define>
 
 		<ui:define name="content">
 			<div class="table">
 				<div class="table_header">
-					Folgendes kann bestellt werden:
+					#{msg.FOLLOWING_PRODUCTS_ARE_AVAILABLE}
 				</div>
 			</div>
 
-			<h:dataTable value="#{controller.availableProducts}" var="product" class="table">
+			<h:dataTable id="table_show_available_products" var="product" value="#{controller.availableProducts}" styleClass="table" summary="#{msg.TABLE_SUMMARY_INDEX_PRODUCTS}">
 				<h:column>
 					<div id="main_item_container">
 						<div class="item_title">
-							 #{product.title}
+							#{product.productTitle}
 						</div>
 
 						<div class="item_content">
-							<div class="item_actions">
-								<ui:fragment rendered="#{!basketController.isProductAdded(product)}">
-									<h:form acceptcharset="utf-8" id="add_item">
-										<h:commandButton class="submit" id="add" value="HinzufÃ¼gen" action="#{basketController.addItem(product)}" title="#{msg.BUTTON_TITLE_ADD_ITEM_TO_BASKET}" />
+							<div class="table_left">
+								<div class="item_actions">
+									<ui:fragment rendered="#{!basketController.isProductAdded(product)}">
+										<h:form id="add_item">
+											<h:commandButton class="submit" id="add" value="#{msg.USER_ADD_ITEM_TO_BASKET}" action="#{basketController.addItem(product)}" title="#{msg.BUTTON_TITLE_ADD_ITEM_TO_BASKET}" />
 
-										<h:inputText class="input" id="amount" size="3" maxlength="20" value="#{basketController.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>
-								</ui:fragment>
+											<h:inputText class="input" id="amount" size="3" maxlength="20" value="#{basketController.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>
+									</ui:fragment>
 
-								<ui:fragment rendered="#{basketController.isProductAdded(product)}">
-									<div class="item_amount">
-										#{basketController.amount}
-									</div>
+									<ui:fragment rendered="#{basketController.isProductAdded(product)}">
+										<div class="item_amount">
+											Anzahl:
+											#{basketController.getItemAmount(product)}
+										</div>
 
-									<div class="item_basket_link">
-										<h:link outcome="basket" title="Zum Warenkorb" value="Im Warenkorb Ã¤ndern" />
-									</div>
+										<div class="item_basket_link">
+											<h:link outcome="basket" title="#{msg.LINK_TO_BASKET_TITLE}" value="#{msg.LINK_CHANGE_IN_BASKET}" />
+										</div>
 
-									<div class="clear"></div>
-								</ui:fragment>
+										<div class="clear"></div>
+									</ui:fragment>
+								</div>
 							</div>
 
-							<div class="item_price">
-								Einzelpreis:
-								<h:outputText class="price" value="#{product.price}">
-									<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
-								</h:outputText>
-							</div>
+							<div class="table_right">
+								<div class="item_price">
+									#{msg.SINGLE_ITEM_PRICE}
+									<h:outputText class="price" value="#{product.price}">
+										<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
+									</h:outputText>
+								</div>
 
-							<div class="item_total_price">
-								Zwischensumme:
-								<h:outputText class="price" value="Nicht bestellt." rendered="#{!basketController.isProductAdded(product)}" />
-								<h:outputText class="price" value="#{basketController.calculateCurrentItemPrice()}" rendered="#{basketController.isProductAdded(product)}">
-									<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
-								</h:outputText>
+								<div class="item_total_price">
+									#{msg.TOTAL_ITEM_PRICE}
+									<h:outputText class="price" value="#{msg.ITEM_NOT_ORDERED}" rendered="#{!basketController.isProductAdded(product)}" />
+									<h:outputText class="price" value="#{basketController.calculateCurrentItemPrice()}" rendered="#{basketController.isProductAdded(product)}">
+										<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
+									</h:outputText>
+								</div>
 							</div>
+
+							<div class="clear"></div>
 						</div>
 					</div>
 				</h:column>
 			</h:dataTable>
-		</ui:define>
 
-		<ui:define name="footer">
-			<ui:include id="footer" class="guest_footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
+			<div id="totals_container">
+				#{msg.TOTAL_ORDER_PRICE}
+				<h:outputText class="price" id="total_sum" value="#{basketController.calculateTotalPrice()}">
+					<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" locale="de_DE" />
+				</h:outputText>
+			</div>
 		</ui:define>
 	</ui:composition>
 </html>
