sign up form: check if user name and email exists on the fly

Author: taleksashina

src/main/webapp/index.html

@@ -123,19 +123,21 @@ <h5 class="modal-title green bold" data-i18n="_register_"></h5>
                 <div class="form-group">
                     <label for="username" class="col-lg-2 control-label" data-i18n="_username_"></label>
                     <div class="col-lg-10">
-                        <input type="text" id="username" name="username" class="form-control" data-i18n-attr="_username_|placeholder" ng-model="signUp.username" required/>
+                        <input type="text" id="username" name="username" class="form-control" data-i18n-attr="_username_|placeholder" ng-model="signUp.username" required unique-user-name/>
                         <div class="error"  ng-show="signUpForm.username.$dirty && signUpForm.username.$invalid">{{'_invalid-field-message_' | i18n}}:
                             <span ng-show="signUpForm.username.$error.required" data-i18n="_username-missed-message_"></span>
+                            <span ng-show="signUpForm.username.$error.uniqueUserName" data-i18n="_user-already-exists-error_"></span>
                         </div>
                     </div>
                 </div>
                 <div class="form-group">
                     <label for="email" class="col-lg-2 control-label" data-i18n="_email_"></label>
                     <div class="col-lg-10">
-                        <input type="email" id="email" name="email" class="form-control" data-i18n-attr="_email_|placeholder" ng-model="signUp.email" required/>
+                        <input type="email" id="email" name="email" class="form-control" data-i18n-attr="_email_|placeholder" ng-model="signUp.email" required unique-email/>
                         <div class="error" ng-show="signUpForm.email.$dirty && signUpForm.email.$invalid">{{'_invalid-field-message_' | i18n}}:
                             <span ng-show="signUpForm.email.$error.required" data-i18n="_email-missed-message_"></span>
                             <span ng-show="signUpForm.email.$error.email" data-i18n="_malformed-email-message_"></span>
+                            <span ng-show="signUpForm.email.$error.uniqueEmail" data-i18n="_user-already-exists-error_"></span>
                         </div>
                     </div>
                 </div>

src/main/webapp/js/app.js

@@ -99,6 +99,9 @@ app.config(function($routeSegmentProvider, $routeProvider)
             resolve: {
                       settings: function (Config) {
                         return Config.read();
+                      },
+                      userInfo : function(UsersService) {
+                        return UsersService.readUserNamesEmails();
                       }
                 }
             })
@@ -190,6 +193,9 @@ app.config(function($routeSegmentProvider, $routeProvider)
             resolve: {
               settings: function (Config) {
                 return Config.read();
+              },
+              userInfo : function(UsersService) {
+                return UsersService.readUserNamesEmails();
               }
             }
 		})

src/main/webapp/js/directives.js

@@ -216,4 +216,32 @@ app.directive('uniqueIdentifier', ['$compile', 'ConfigurationService', function(
           });
         }
     };
+ }]);
+
+app.directive('uniqueUserName', ['$compile', 'UsersService', function($compile, UsersService){
+     return {
+         restrict: 'A',
+         require: 'ngModel',
+         link: function(scope, elem, attr, ngModel) {
+           var list = UsersService.getUserNames();
+           ngModel.$parsers.unshift(function (value) {
+             ngModel.$setValidity('uniqueUserName', list.indexOf(value) === -1);
+             return value;
+           });
+         }
+     };
+ }]);
+
+app.directive('uniqueEmail', ['$compile', 'UsersService', function($compile, UsersService){
+     return {
+         restrict: 'A',
+         require: 'ngModel',
+         link: function(scope, elem, attr, ngModel) {
+           var list = UsersService.getEmails();
+           ngModel.$parsers.unshift(function (value) {
+             ngModel.$setValidity('uniqueEmail', list.indexOf(value) === -1);
+             return value;
+           });
+         }
+     };
  }]);

src/main/webapp/js/services/users-service.js

@@ -6,6 +6,37 @@ module.factory("UsersService", function($http, Config, AccountService) {
     var users = [];
     var roles = {};
 
+    var userNames = [];
+    var emails = [];
+
+    var readUserNamesEmails = function() {
+        var requestData = {
+            format: "application/sparql-results+json",
+            query: "prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> "
+                    + " prefix gkg: <" + Config.getFrameworkOntologyNS() + "> "
+                    + " SELECT ?s ?p ?o FROM <" + Config.getAccountsGraph() + "> "
+                    + " WHERE {?s ?p ?o . ?s rdf:type gkg:Account . filter(?p=foaf:accountName || ?p=foaf:mbox) } "
+                    + " ORDER BY ?s ?p ?o",
+            mode: "settings"
+        };
+        return $http.post("RdfStoreProxy", $.param(requestData)).then(function(response) {
+            var parsedResult = Config.parseSparqlResults(response.data);
+            for (var ind in parsedResult) {
+                userNames.push(parsedResult[ind]["foaf:accountName"][0]);
+                emails.push(parsedResult[ind]["foaf:mbox"][0].replace("mailto:",""));
+            }
+            return parsedResult;
+        });
+    };
+
+    var getUserNames = function() {
+        return userNames;
+    };
+
+    var getEmails = function() {
+        return emails;
+    };
+
     var readUsers = function() {
         var requestData = {
             mode: "getProfiles",
@@ -189,6 +220,9 @@ module.factory("UsersService", function($http, Config, AccountService) {
 	};
 
     return {
+        readUserNamesEmails : readUserNamesEmails,
+        getUserNames        : getUserNames,
+        getEmails           : getEmails,
         readUsers           : readUsers,
         getAllUsers         : getAllUsers,
         reloadUsers         : reloadUsers,