+ dropdown with categories, not working fully

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

pom.xml

@@ -45,7 +45,7 @@
 
 
     <build>
-        <pluginManagement>
+
         <plugins>
             <plugin>
                 <groupId>org.apache.tomcat.maven</groupId>
@@ -76,7 +76,7 @@
             </plugin>
 
         </plugins>
-        </pluginManagement>
+
     </build>
 
     <dependencies>

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

@@ -1,29 +1,34 @@
 package de.hsel.itech.jsf;
 
 import de.hsel.itech.db.Database;
+import de.hsel.itech.db.pojo.Book;
 import de.hsel.itech.db.pojo.Category;
 
-import javax.faces.bean.ApplicationScoped;
 import javax.faces.bean.ManagedBean;
+import javax.faces.bean.ViewScoped;
 import java.io.Serializable;
 import java.util.List;
 
 @ManagedBean
-@ApplicationScoped
+@ViewScoped
 public class CategoryBean implements Serializable {
 
-    private String hello = "Hallo Welt";
+    private Category category;
+
+    public Category getCategory() {
+        return category;
+    }
+
+    public void setCategory(Category category) {
+        this.category = category;
 
-    public String getHello() {
-        return hello;
     }
 
     public List<Category> getCategories() {
         return Database.getInstance().getCategories();
     }
 
-    public String test() {
-        return "";
+    public List<Book> getBooks() {
+        return Database.getInstance().getBooks(category);
     }
-
 }

src/main/webapp/category.xhtml

@@ -11,8 +11,17 @@
 
 <h:body>
 
-<ui:repeat value="#{categoryBean.categories}" var="category">
-    <h:outputText value="#{category.name}"/>
+
+    <h:form>
+        <h:selectOneMenu value="#{categoryBean.category}" onchange="this.form.submit()">
+            <f:selectItems value="#{categoryBean.categories}" var="category" itemValue="#{category.id}" itemLabel="#{category.name}"/>
+        </h:selectOneMenu>
+    </h:form>
+
+
+    <ui:repeat value="#{categoryBean.books}" var="book" rendered="not empty #{categoryBean.category}">
+        <h:outputText value="#{book.title}"/>
+        <h:graphicImage value="https://source.unsplash.com/#{book.image}/150x150"/>
         <br/>
     </ui:repeat>
 </h:body>