54 lines
2.1 KiB
HTML
54 lines
2.1 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">
|
|
<f:view>
|
|
<ui:composition template="template.xhtml">
|
|
<ui:define name="content">
|
|
|
|
<ui:repeat value="#{cartBean.items}" var="item">
|
|
<li>
|
|
<h:outputLabel value="#{item.article.title}"/>
|
|
</li>
|
|
</ui:repeat>
|
|
|
|
<ui:repeat value="#{cartBean.bookList}" var="book">
|
|
<div class="m-row m-block">
|
|
<div class="m-col-t-4">
|
|
<img src="https://source.unsplash.com/#{book.image}/100x100" class="m-image" alt="Buchcover"/>
|
|
</div>
|
|
<div class="m-col-t-4">
|
|
<h3>#{book.title}</h3>
|
|
</div>
|
|
<div class="m-col-t-4">
|
|
<div class="m-row">
|
|
<h4 class="m-text-right">#{book.price} (in cent)€</h4>
|
|
</div>
|
|
<div class="m-row">
|
|
<div class="m-col-t-4 m-push-t-6">
|
|
<input type="number" name="quantity" value="1" min="1" max="10"/>
|
|
</div>
|
|
</div>
|
|
<div class="m-row">
|
|
<div class="m-col-t-4 m-push-t-6 m-button m-small m-danger">
|
|
<a href="#">Entfernen</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ui:repeat>
|
|
|
|
<div class="m-row">
|
|
<div class="m-col-t-3 m-push-t-5 m-button m-success">
|
|
<a href="#">Jetzt Kaufen</a>
|
|
</div>
|
|
</div>
|
|
|
|
</ui:define>
|
|
</ui:composition>
|
|
</f:view>
|
|
</html>
|