From 19653311493f2f89237a3811b305f52f9f6bc49e Mon Sep 17 00:00:00 2001
From: Julian Hinxlage <hinxlage.julian@web.de>
Date: Thu, 6 Jun 2019 13:00:08 +0200
Subject: [PATCH] +landing page

---
 .../java/de/hsel/itech/jsf/CategoryBean.java  | 10 +++++
 src/main/webapp/cart.xhtml                    |  4 +-
 src/main/webapp/confirmation.xhtml            | 10 +++--
 src/main/webapp/index.html                    | 10 +++++
 src/main/webapp/index.xhtml                   | 42 ++++++++++++++++++-
 src/main/webapp/login.xhtml                   | 11 +++--
 6 files changed, 77 insertions(+), 10 deletions(-)
 create mode 100644 src/main/webapp/index.html

diff --git a/src/main/java/de/hsel/itech/jsf/CategoryBean.java b/src/main/java/de/hsel/itech/jsf/CategoryBean.java
index 7a5d15b..ed6869e 100644
--- a/src/main/java/de/hsel/itech/jsf/CategoryBean.java
+++ b/src/main/java/de/hsel/itech/jsf/CategoryBean.java
@@ -9,6 +9,7 @@ import lombok.Setter;
 import javax.faces.bean.ManagedBean;
 import javax.faces.bean.SessionScoped;
 import java.io.Serializable;
+import java.util.ArrayList;
 import java.util.List;
 
 @ManagedBean
@@ -39,4 +40,13 @@ public class CategoryBean implements Serializable {
     public List<Book> getBooks() {
         return Database.getInstance().book().getAll(category);
     }
+
+    public List<Book> getPresentedBooks() {
+        List<Book> books = Database.getInstance().book().getAll();
+        if(books == null){
+            return new ArrayList<>();
+        }else{
+            return books.subList( Math.max(0,books.size() - 3), books.size());
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/main/webapp/cart.xhtml b/src/main/webapp/cart.xhtml
index b8ba9a8..64e4aaf 100644
--- a/src/main/webapp/cart.xhtml
+++ b/src/main/webapp/cart.xhtml
@@ -9,7 +9,7 @@
     <ui:composition template="template.xhtml">
         <ui:define name="content">
             <div class="m-row">
-                <h1 class="m-text-center">Warenkorb</h1>
+                <h2 class="m-text-center">Warenkorb</h2>
             </div>
 
             <ui:repeat value="#{cartBean.items}" var="item">
@@ -62,7 +62,7 @@
             </h:panelGroup>
 
             <h:panelGroup layout="block" styleClass="m-row" rendered="#{cartBean.itemCount == 0}">
-                <h1 class="m-text-center">Der Warenkorb ist Leer</h1>
+                <h1 class="m-text-center">Bitte melden Sie sich an um Bücher in ihrem Warenkorb hinzuzufügen.</h1>
             </h:panelGroup>
 
 
diff --git a/src/main/webapp/confirmation.xhtml b/src/main/webapp/confirmation.xhtml
index 9cd7495..945ebba 100644
--- a/src/main/webapp/confirmation.xhtml
+++ b/src/main/webapp/confirmation.xhtml
@@ -9,7 +9,7 @@
     <ui:composition template="template.xhtml">
         <ui:define name="content">
             <div class="m-row">
-                <h1 class="m-text-center">Bestellbestätigung</h1>
+                <h2 class="m-text-center">Bestellbestätigung</h2>
             </div>
 
             <div class="m-row">
@@ -22,8 +22,10 @@
                 <div class="m-col-t-4 m-block m-push-t-5">
                     <h4>#{paymentBean.selected.type.name}</h4>
                     <h:panelGroup layout="block" rendered="#{paymentBean.selected.type.name eq 'CreditCard'}">
-                        Inhaber: #{paymentBean.selected.owner}<br/>
+                        Inhaber: #{paymentBean.selected.owner}
+                        <br/>
                         Nummer : #{paymentBean.selected.number} / #{paymentBean.selected.checksum}
+                        <br/>
                         gültig bis: #{paymentBean.selected.expiration}
                     </h:panelGroup>
 
@@ -38,10 +40,10 @@
 
                 <div class="m-row m-block">
                     <div class="m-col-t-4">
-                        <img src="https://source.unsplash.com/#{item.article.image}/100x100" class="m-image" alt="Buchcover"/>
+                        <img src="https://source.unsplash.com/#{item.article.image}/200x200" class="m-image" alt="Buchcover"/>
                     </div>
                     <div class="m-col-t-4">
-                        <h3>#{item.article.title}</h3>
+                        <h3>#{item.article.title} - #{item.article.authorsString}</h3>
                     </div>
                     <div class="m-col-t-4">
                         <h4 class="m-text-right">#{item.count} x #{item.article.priceString}&#8364;</h4>
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
new file mode 100644
index 0000000..a30a65b
--- /dev/null
+++ b/src/main/webapp/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Redirect</title>
+    <meta http-equiv="refresh" content="0; index.jsf"/>
+</head>
+<body>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/index.xhtml b/src/main/webapp/index.xhtml
index 81186d3..cca2bf7 100644
--- a/src/main/webapp/index.xhtml
+++ b/src/main/webapp/index.xhtml
@@ -10,7 +10,47 @@
     <ui:composition template="template.xhtml">
         <ui:define name="content">
 
-            Hallo Welt!!!
+            <div class="m-container">
+                <div class="m-row">
+                    <h2 class="m-text-center m-success">Amazon light</h2>
+                </div>
+                <div class="m-row">
+                    <h1 class="m-text-center">Sie haben noch nie ein richtig gutes Buch gelesen ?</h1>
+                </div>
+                <div class="m-row">
+                    <h1 class="m-text-center">Dann können wir auch nicht helfen</h1>
+                </div>
+                <br/>
+                <div class="m-row">
+                    <div class="m-button m-info">
+                        <a href="category.jsf">
+                            Zum Katalog
+                        </a>
+                    </div>
+                </div>
+                <br/>
+            </div>
+
+            <div class="m-container">
+                <div class="m-row">
+                    <h3 class="m-text-center">Aktuelle Angebote</h3>
+                    <div class="m-row">
+                        <ui:repeat value="#{categoryBean.presentedBooks}" var="book">
+                            <div class="m-col-t-4">
+                                <h:form>
+                                    <h:commandLink action="#{bookBean.select}" styleClass="m-flat">
+                                        <f:setPropertyActionListener target="#{categoryBean.book}" value="#{book}"/>
+                                        <figure class="m-figure">
+                                            <img src="https://source.unsplash.com/#{book.image}/900x900" alt="Buchcover"/>
+                                            <figcaption class="m-text-center">#{book.title}</figcaption>
+                                        </figure>
+                                    </h:commandLink>
+                                </h:form>
+                            </div>
+                        </ui:repeat>
+                    </div>
+                </div>
+            </div>
 
         </ui:define>
     </ui:composition>
diff --git a/src/main/webapp/login.xhtml b/src/main/webapp/login.xhtml
index 2b5c9a4..f240de0 100644
--- a/src/main/webapp/login.xhtml
+++ b/src/main/webapp/login.xhtml
@@ -17,7 +17,7 @@
             </h:panelGroup>
 
             <div class="m-row">
-                <div class="m-col-l-6 m-push-l-4">
+                <div class="m-col-l-3 m-push-l-5">
                     <h:form>
                         <h:inputText id="username" value="#{userBean.username}">Nutzername</h:inputText>
                         <br/>
@@ -28,8 +28,13 @@
                 </div>
             </div>
 
-            <a href="register.xhtml">Noch kein Account ?</a>
-
+            <div class="m-row">
+                <div class="m-col-l-3 m-push-l-5">
+                    <a href="register.xhtml" class="m-text-center">
+                        Noch kein Account ?
+                    </a>
+                </div>
+            </div>
 
 
         </ui:define>