Handling validation on client side.

Author: Reza Rahman

javaee-javascript-main/pom.xml

@@ -63,13 +63,20 @@
             <version>7.0</version>
             <scope>provided</scope>
         </dependency>
+        <dependency>
+            <groupId>org.glassfish.jersey.containers</groupId>
+            <artifactId>jersey-container-servlet-core</artifactId>
+            <version>2.0</version>
+            <type>jar</type>
+            <scope>provided</scope>
+        </dependency>        
         <dependency>
             <groupId>org.glassfish.jersey.media</groupId>
             <artifactId>jersey-media-moxy</artifactId>
             <version>2.2</version>
             <type>jar</type>
             <scope>provided</scope>
-        </dependency>
+        </dependency>        
     </dependencies>
 
     <build>

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/chat/ChatMessage.java

@@ -55,12 +55,12 @@ public class ChatMessage
         implements Decoder.Text<ChatMessage>, Encoder.Text<ChatMessage> {
 
     @NotNull
-    @Size(min = 1, max = 42,
-            message = "User must be between 1 and 42 characters")
+    @Size(min = 4, max = 14,
+            message = "User name must be between 4 and 14 characters.")
     private String user;
     @NotNull
-    @Size(min = 1, max = 255,
-            message = "Message must be between 1 and 255 characters")
+    @Size(min = 2, max = 255,
+            message = "Message must be between 2 and 255 characters.")
     private String message;
 
     @Override

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/chat/ChatServer.java

@@ -62,9 +62,6 @@
 @Singleton
 public class ChatServer {
 
-    /**
-     * Logger
-     */
     private static final Logger logger = Logger
             .getLogger(ChatServer.class.getName());
 

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/todo/DefaultToDoService.java

@@ -49,9 +49,6 @@
 @Stateless
 public class DefaultToDoService implements ToDoService {
 
-    /**
-     * Logger
-     */
     private static final Logger logger = Logger
             .getLogger(DefaultToDoService.class.getName());
 

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/todo/RestConfiguration.java

@@ -39,10 +39,13 @@
  */
 package org.glassfish.javaee.javascript.backend.todo;
 
+import java.util.HashMap;
 import java.util.HashSet;
+import java.util.Map;
 import java.util.Set;
 import javax.ws.rs.ApplicationPath;
 import javax.ws.rs.core.Application;
+import org.glassfish.jersey.server.ServerProperties;
 
 @ApplicationPath("resources")
 public class RestConfiguration extends Application {
@@ -54,8 +57,15 @@ public Set<Class<?>> getClasses() {
         return resources;
     }
 
+    @Override
+    public Map<String, Object> getProperties() {
+        Map<String, Object> properties = new HashMap();
+        properties.put(ServerProperties.BV_SEND_ERROR_IN_RESPONSE, true);
+        return properties;
+    }
+
     private void addRestResourceClasses(Set<Class<?>> resources) {
         resources.add(org.glassfish.javaee.javascript.backend.todo.JsonMoxyConfigurationContextResolver.class);
         resources.add(org.glassfish.javaee.javascript.backend.todo.ToDoResource.class);
     }
-}
+}

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/todo/ToDoItem.java

@@ -59,14 +59,16 @@
 public class ToDoItem implements Serializable {
 
     private static final long serialVersionUID = 1L;
+
     @Id
     @GeneratedValue
     private Long id;
 
     private String username;
 
     @NotNull
-    @Size(min = 5, max = 110)
+    @Size(min = 5, max = 110,
+            message = "Item description must be between 5 and 110 characters.")
     private String description;
 
     private boolean completed;

javaee-javascript-main/src/main/java/org/glassfish/javaee/javascript/backend/todo/ToDoResource.java

@@ -71,7 +71,7 @@ public class ToDoResource implements Serializable {
     public ToDoItem create(
             @PathParam("username")
             @NotNull
-            @Size(min = 4, max = 14) String username,
+            @Size(min = 4, max = 14, message = "User name must be between 4 and 14 characters.") String username,
             @Valid ToDoItem item) {
         return service.addToDoItem(username, item);
     }
@@ -82,7 +82,7 @@ public ToDoItem create(
     public void edit(
             @PathParam("username")
             @NotNull
-            @Size(min = 4, max = 14) String username,
+            @Size(min = 4, max = 14, message = "User name must be between 4 and 14 characters.") String username,
             @PathParam("id") Long id,
             @Valid ToDoItem item) {
         item.setId(id);
@@ -94,7 +94,7 @@ public void edit(
     public void remove(
             @PathParam("username")
             @NotNull
-            @Size(min = 4, max = 14) String username,
+            @Size(min = 4, max = 14, message = "User name must be between 4 and 14 characters.") String username,
             @PathParam("id") Long id) {
         service.removeToDoItem(username, id);
     }
@@ -104,7 +104,7 @@ public void remove(
     public List<ToDoItem> getAll(
             @PathParam("username")
             @NotNull
-            @Size(min = 4, max = 14) String username) {
+            @Size(min = 4, max = 14, message = "User name must be between 4 and 14 characters.") String username) {
         return service.findToDoItemsByUsername(username);
     }
 }

javaee-javascript-main/src/main/webapp/javascript/chat/controllers.js

@@ -2,16 +2,20 @@
 
 var chatControllers = angular.module('chatControllers', []);
 
-chatControllers.controller('ChatController', ['$scope', 'Chat',
-    function($scope, Chat) {
+chatControllers.controller('ChatController', ['$scope', '$window', 'Chat',
+    function($scope, $window, Chat) {
         $scope.user = principal;
         $scope.messages = [];
         $scope.newMessage = '';
 
-        Chat.setListener(function(message) {
-            $scope.messages.push(message);
-            $scope.$apply();
-        });
+        Chat.setListener(
+                function(message) {
+                    $scope.messages.push(message);
+                    $scope.$apply();
+                },
+                function(error) {
+                    $window.alert(error);
+                });
 
         $scope.send = function() {
             Chat.send(principal, $scope.newMessage);

javaee-javascript-main/src/main/webapp/javascript/chat/services.js

@@ -8,9 +8,15 @@ chatServices.factory('Chat', [function() {
             this.send = function(sender, value) {
                 websocket.send(JSON.stringify({user: sender, message: value}));
             };
-            this.setListener = function(listener) {
+            this.setListener = function(messageListener, errorListener) {
                 websocket.onmessage = function(message) {
-                    listener(JSON.parse(message.data));
+                    var parsedMessage = JSON.parse(message.data);
+                    
+                    if (!parsedMessage.error) {
+                        messageListener(parsedMessage);
+                    } else {
+                        errorListener(parsedMessage.error);
+                    }
                 };
             };
         };

javaee-javascript-main/src/main/webapp/javascript/todo/controllers.js

@@ -1,9 +1,9 @@
- 'use strict';
+'use strict';
 
 var todoControllers = angular.module('todoControllers', []);
 
-todoControllers.controller('ToDoController', ['$scope', 'ToDo',
-    function($scope, ToDo) {
+todoControllers.controller('ToDoController', ['$scope', '$window', 'ToDo',
+    function($scope, $window, ToDo) {
         $scope.user = principal;
         $scope.newToDoDescription = '';
         $scope.itemToEdit = null;
@@ -12,10 +12,16 @@ todoControllers.controller('ToDoController', ['$scope', 'ToDo',
 
         $scope.addItem = function() {
             var item = new ToDo({description: $scope.newToDoDescription});
-            item.$save(function(data) {
-                $scope.items.push(data);
-            });
-            $scope.newToDoDescription = '';
+            item.$save(
+                    function(data) {
+                        // Success.
+                        $scope.items.push(data);
+                        $scope.newToDoDescription = '';
+                    },
+                    function(error) {
+                        // Error.
+                        $window.alert(error.data.pop().message);
+                    });
         };
 
         $scope.editItem = function(item) {
@@ -24,8 +30,15 @@ todoControllers.controller('ToDoController', ['$scope', 'ToDo',
         };
 
         $scope.commitEditItem = function(item) {
-            ToDo.update(item);
-            $scope.itemToEdit = null;
+            item.$update(
+                    function() {
+                        // Success.
+                        $scope.itemToEdit = null;
+                    },
+                    function(error) {
+                        // Error.
+                        $window.alert(error.data.pop().message);
+                    });
         };
 
         $scope.revertEditing = function(item) {