fully working version

Signed-off-by: Johannes Theiner <j.theiner@live.de>

src/main/java/de/hsel/itech/jsf/BookBean.java

@@ -7,12 +7,12 @@ import lombok.Setter;
 
 import javax.faces.bean.ManagedBean;
 import javax.faces.bean.ManagedProperty;
-import javax.faces.bean.ViewScoped;
+import javax.faces.bean.RequestScoped;
 import java.util.ArrayList;
 import java.util.List;
 
 @ManagedBean
-@ViewScoped
+@RequestScoped
 public class BookBean {
 
     @Getter
@@ -21,8 +21,11 @@ public class BookBean {
     private Book book;
 
     public String select() {
+        return "/bookinfo.xhtml";
+    }
 
-        return "/bookinfo.jsf";
+    public String back() {
+        return "/category.xhtml";
     }
 
     public String getPrice() {

src/main/webapp/bookinfo.xhtml

@@ -11,25 +11,39 @@
 
         <ui:define name="content">
 
-            <div class="m-row">
+            <h:form>
+                <h:commandLink action="#{bookBean.back}" value="zurück zur Auswahl" rendered="#{not empty bookBean}"/>
+            </h:form>
+
+            <h:panelGroup layout="block" rendered="#{empty bookBean.book}">
+                <aside class="m-note m-danger">
+                    <h1 class="m-text-center">Dieses Buch exsistiert leider nicht</h1>
+                </aside>
+                <h:graphicImage value="https://source.unsplash.com/tEMU4lzAL0w/900x900"/>
+            </h:panelGroup>
+
+            <h:panelGroup layout="block" styleClass="m-row" rendered="#{not empty bookBean.book}">
+
 
                 <div class="m-col-l-4">
-                    <img class="m-image" src="https://source.unsplash.com/#{bookInfo.book.image}/900x900" alt="Buchcover"/>
+                    <h:graphicImage styleClass="m-image"
+                                    value="https://source.unsplash.com/#{bookBean.book.image}/900x900"
+                                    alt="Buchcover"/>
                 </div>
                 <div class="m-col-l-4">
-                    <h1>#{bookInfo.book.title}</h1>
+                    <h1>#{bookBean.book.title}</h1>
                     <br/>
                     <h2>
-                        #{bookInfo.authors}
+                        #{bookBean.authors}
                     </h2>
                     <br/>
                     <span>
-                        #{bookInfo.book.description}
+                        #{bookBean.book.description}
                 </span>
                 </div>
                 <div class="m-col-l-4">
                     <div class="m-block">
-                        <h3>#{bookInfo.price} &#8364;</h3>
+                        <h3>#{bookBean.price} &#8364;</h3>
                         <br/>
                         gewöhnlich versandfertig in <span class="m-text m-success">2-3 Tagen</span>
                         <br/>
@@ -42,8 +56,7 @@
                         </div>
                     </div>
                 </div>
-            </div>
-
+            </h:panelGroup>
 
         </ui:define>
 

src/main/webapp/category.xhtml

@@ -11,8 +11,7 @@
 
         <ui:define name="content">
             <h:form>
-                <h:commandLink action="#{categoryBean.back}" value="zurück zur Auswahl"
-                               rendered="#{not empty categoryBean.category}"/>
+                <h:commandLink action="#{categoryBean.back}" value="zurück zur Auswahl" rendered="#{not empty categoryBean.category}"/>
 
                 <h:panelGroup layout="block" styleClass="m-row" rendered="#{empty categoryBean.category}">
                     <h1 class="m-text-center">Kategorien</h1>