Updating button class on hitting button.

javaee-demo1-jsf/src/main/java/pl/tpolgrabia/trainings/javaee/controllers/HelloController.java

@@ -9,12 +9,15 @@ import pl.tpolgrabia.trainings.javaee.javaeedemo.entities.User;
 import javax.annotation.PostConstruct;
 import javax.ejb.EJB;
 import javax.enterprise.context.RequestScoped;
+import javax.faces.view.ViewScoped;
 import javax.inject.Named;
+import java.io.Serializable;
 import java.util.List;
 
 @Named
-@RequestScoped
+@ViewScoped
-public class HelloController {
+public class HelloController implements Serializable {
+    private static final long serialVersionUID = 2780964279445984180L;
     private static final Logger logger = LoggerFactory.getLogger(HelloController.class);
 
     @EJB
@@ -24,6 +27,7 @@ public class HelloController {
     private UserDao userDao;
 
     private String message;
+    private boolean markedAsDanger = false;
 
     public String getMessage() {
         return message;
@@ -37,6 +41,10 @@ public class HelloController {
         return todosDao.findAll();
     }
 
+    public boolean isMarkedAsDanger() {
+        return markedAsDanger;
+    }
+
     public List<User> getAllUsers() {
         return userDao.findAll();
     }
@@ -46,7 +54,8 @@ public class HelloController {
         return "index";
     }
 
-    public void handleSimpleAction() {
+    public void toggleButtonClass() {
+        this.markedAsDanger = !markedAsDanger;
         logger.info("Hello action");
     }
 

javaee-demo1-jsf/src/main/webapp/index.xhtml

@@ -90,9 +90,10 @@
 </h:dataTable>
 <form jsf:id="form">
     <button jsf:action="#{helloController.handleSubmit}" class="button is-light">#{helloController.message}</button>
-    <button type="button" jsf:action="#{helloController.handleSimpleAction}" class="button is-light">
+    <button type="button" jsf:action="#{helloController.toggleButtonClass}"
+            class="button #{helloController.markedAsDanger ? 'is-danger' : 'is-light'}">
         Action me
-        <f:ajax/>
+        <f:ajax render="@form"/>
     </button>
 </form>
 </body>