X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2Findex.xhtml;h=d42ac71d26afb3134abe102c7576dae196e0213c;hb=2e670801904f4b0aa7da5fa127ba0f44ba0ed2d2;hp=08cf9c6338421137c4be46bc7cdd2f44d415a975;hpb=152f52a40d5421ed2d19839339e2e3a8f7fcff5c;p=pizzaservice-war.git

diff --git a/web/index.xhtml b/web/index.xhtml
index 08cf9c63..d42ac71d 100644
--- a/web/index.xhtml
+++ b/web/index.xhtml
@@ -1,4 +1,4 @@
-<?xml version='1.0' encoding='UTF-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"
@@ -12,129 +12,87 @@
 	xmlns:basket="http://mxchange.org/jshop/tags/basket"
 	//-->
 
-	<ui:composition template="/WEB-INF/templates/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:composition template="/WEB-INF/templates/guest/guest_base.tpl">
+		<ui:define name="title">#{msg.PAGE_TITLE_INDEX_WELCOME}</ui:define>
 
 		<ui:define name="content_header">
-			Eingangsseite (dummy)
+			#{msg.CONTENT_TITLE_INDEX_WELCOME}
 		</ui:define>
 
 		<ui:define name="content">
-			<!--
-			TODO Not used!
-			<basket:mini_basket basket="#{basket}" />
-
-			<h:panelGrid class="basket_item_table" columnClasses="table_data_column" headerClass="table_header_column">
-				<f:facet name="header">
-					Bestellen? Bestellmenge: Produkt: Einzelpreis:
-				</f:facet>
-			</h:panelGrid>
-			//-->
-
-			<h:form acceptcharset="utf-8" id="add_item">
-				<table class="basket_item_table">
-					<thead>
-						<tr>
-							<th colspan="5" class="table_header">
-								Folgendes kann bestellt werden:
-							</th>
-						</tr>
-
-						<tr>
-							<th class="table_header_column">
-								Bestellen?
-							</th>
-
-							<th class="table_header_column">
-								Anzahl:
-							</th>
-
-							<th class="table_header_column">
-								Produkt:
-							</th>
-
-							<th class="table_header_column">
-								Einzelpreis:
-							</th>
-
-							<th class="table_header_column">
-								Zwischensumme:
-							</th>
-						</tr>
-					</thead>
-
-					<tbody>
-						<ui:repeat var="product" value="#{controller.availableProducts}">
-							<!-- Cache isAdded call to reduce calls //-->
-							<c:set var="isAdded" value="#{basket.isAdded(product)}" />
-
-							<ui:fragment rendered="#{isAdded == true}">
-								<tr>
-									<td class="table_data_column">
-										<h:link outcome="basket" title="Zum Warenkorb" value="Warenkorb" />
-									</td>
-
-									<td class="table_data_column">
-										#{basket.item.amount}
-									</td>
-
-									<td class="table_data_column">
-										#{product.title}
-									</td>
-
-									<td class="table_data_column" align="right">
-										<h:outputText class="price" value="#{product.price}">
-											<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" />
-										</h:outputText>
-									</td>
-
-									<td class="table_data_column" align="right">
-										<h:outputText class="price" value="#{basket.item.calculateTotalPrice()}">
-											<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" />
-										</h:outputText>
-									</td>
-								</tr>
-							</ui:fragment>
-
-							<ui:fragment rendered="#{isAdded == false}">
-								<tr>
-									<td class="table_data_column">
-										<h:commandButton class="submit" id="add" value="HinzufÃ¼gen" action="#{basket.addToBasket(product)}" />
-										<h:inputHidden id="itemId" value="#{product.itemId}" />
-										<h:inputHidden id="itemType" value="Product" />
-									</td>
-
-									<td class="table_data_column">
-										<h:inputText class="input" id="amount" size="3" maxlength="20" />
-									</td>
-
-									<td class="table_data_column">
-										#{product.title}
-									</td>
-
-									<td class="table_data_column" align="right">
-										<h:outputText class="price" value="#{product.price}">
-											<f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" />
-										</h:outputText>
-									</td>
-
-									<td class="table_data_column" align="right">
-										-
-									</td>
-								</tr>
-							</ui:fragment>
-						</ui:repeat>
-					</tbody>
-				</table>
-			</h:form>
-		</ui:define>
-
-		<ui:define name="footer">
-			<ui:include id="footer" class="guest_footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
+			<div class="table">
+				<div class="table_header">
+					#{msg.FOLLOWING_PRODUCTS_ARE_AVAILABLE}
+				</div>
+			</div>
+
+			<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.productTitle}
+						</div>
+
+						<div class="item_content">
+							<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.ADMIN_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.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">
+											Anzahl:
+											#{basketController.getItemAmount(product)}
+										</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>
+							</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">
+									#{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>
+
+			<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>

- Folgendes kann bestellt werden: -
- Bestellen? -	- Anzahl: -	- Produkt: -	- Einzelpreis: -	- Zwischensumme: -
- -	- #{basket.item.amount} -	- #{product.title} -	- - - -	- - - -
- - - -	- -	- #{product.title} -	- - - -	- - -