91 lines
4.0 KiB
HTML
91 lines
4.0 KiB
HTML
<?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:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|
xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:c="http://java.sun.com/jsf/html">
|
|
<f:view>
|
|
<ui:composition template="template.xhtml">
|
|
<ui:define name="content">
|
|
<div class="m-row">
|
|
<h2 class="m-text-center">Warenkorb</h2>
|
|
</div>
|
|
|
|
<ui:repeat value="#{cartBean.items}" var="item">
|
|
|
|
|
|
<div class="m-row m-block">
|
|
<div class="m-col-t-4">
|
|
<img src="https://source.unsplash.com/#{item.article.image}/300x300" class="m-image"
|
|
alt="Buchcover"/>
|
|
</div>
|
|
<div class="m-col-t-4">
|
|
<h:form>
|
|
<h:commandLink action="#{bookBean.select}" styleClass="m-flat">
|
|
<f:setPropertyActionListener target="#{categoryBean.book}" value="#{item.article}"/>
|
|
<h2>
|
|
#{item.article.title} - #{item.article.authorsString}
|
|
</h2>
|
|
</h:commandLink>
|
|
</h:form>
|
|
<br/>
|
|
#{item.article.description}
|
|
</div>
|
|
<div class="m-col-t-4">
|
|
<div class="m-row">
|
|
<h4 class="m-text-right">#{item.article.priceString}€</h4>
|
|
</div>
|
|
<div class="m-row">
|
|
<div class="m-col-t-4 m-push-t-6">
|
|
<h:form id="count">
|
|
<h:inputText id="count" value="#{item.count}" valueChangeListener="#{cartBean.change}">
|
|
<f:validateLength minimum="1" maximum="3"/>
|
|
<f:validateLongRange minimum="1" maximum="127"/>
|
|
<f:ajax />
|
|
</h:inputText>
|
|
</h:form>
|
|
|
|
<h:messages globalOnly="false"/>
|
|
</div>
|
|
</div>
|
|
<div class="m-row">
|
|
<div class="m-col-t-4 m-push-t-6 m-button m-small m-danger">
|
|
<h:form>
|
|
<h:commandLink action="#{cartBean.remove(item)}">
|
|
Entfernen
|
|
</h:commandLink>
|
|
</h:form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ui:repeat>
|
|
|
|
|
|
<h:panelGroup layout="block" styleClass="m-row" rendered="#{cartBean.itemCount != 0}">
|
|
<div class="m-col-t-5 m-push-t-7">
|
|
<h1 class="m-text-right">Summe(#{cartBean.itemCount} Items): #{cartBean.sum}€</h1>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<h:panelGroup layout="block" styleClass="m-row" rendered="#{not userBean.loggedIn}">
|
|
<h1 class="m-text-center">Bitte melden Sie sich an um Bücher in ihrem Warenkorb hinzuzufügen.</h1>
|
|
</h:panelGroup>
|
|
|
|
<h:panelGroup layout="block" styleClass="m-row" rendered="#{cartBean.itemCount == 0}">
|
|
<h1 class="m-text-center">Ihr Warenkorb ist leer.</h1>
|
|
</h:panelGroup>
|
|
|
|
|
|
<h:panelGroup layout="block" styleClass="m-row" rendered="#{cartBean.itemCount != 0}">
|
|
<div class="m-col-t-4 m-push-t-4 m-button m-success">
|
|
<a href="addressSelection.xhtml">Jetzt Kaufen</a>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
</ui:define>
|
|
</ui:composition>
|
|
</f:view>
|
|
</html>
|