functional Registration

REgistration feature is functionnal : check if passwords match, miss
test if already used mail

Author: Clement-Roque

Diff for: Zenergy/Zenergy/Scripts/Controllers/registerPageController.js

@@ -1,49 +1,39 @@
-zenergyApp.directive('samepassword', function () {
-
-    return {
-        require: 'ngModel',
-        link: function (scope, elm, attrs, ctrl) {
-            ctrl.$validators.samepassword = function (modelValue, viewValue) {
-                if (ctrl.$isEmpty(modelValue)) {
-                    // consider empty models to be invalid
-                    return false;
-                }
-
-                if (viewvalue != $scope.user) {
-                    // it is valid
-                    return true;
-                }
-
-                // it is invalid
-                return false;
-            };
-        }
-    }
-
-});
-
-
-zenergyApp.controller("registerPageController", ["$scope", "$http", "$window", function ($scope, $http, $window) {
+zenergyApp.controller("registerPageController", ["$scope", "$http", "$window", function ($scope, $http, $window) {
 
     $scope.user = {mail: '', password: '', passwordBis: '',  lastName:'', firstName:'', adr1:'', adr2:'', pc:'', town:'', phone:''};
     $scope.hasError = false;
+    $scope.passNotMatch = false;
 
     $scope.register = function () {
-        var response = $http({
-            url: 'api/Account/register',
-            method: 'POST',
-            data: { userId: 1, password: CryptoJS.MD5($scope.user.password).toString(), lastName: $scope.user.lastName, firstName: $scope.user.firstName, adr1: $scope.user.adr1, adr2: $scope.user.adr2, pc: $scope.user.pc, town: $scope.user.town, mail: $scope.user.mail, phone: $scope.user.phone },
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        }).then(function successCallback(response) {
-            $scope.hasError = false;
-            window.location.replace("/Login");
-        }, function errorCallback(response) {
+
+        if ($scope.user.password != $scope.user.passwordBis)
+        {
             $scope.hasError = true;
-            $scope.user.mail = '';
-            $scope.user.password = '';
-        });
+            $scope.passNotMatch = true;
+        }
+        else
+        {
+            $scope.hasError = false;
+            $scope.passNotMatch = false;
+        }
 
+        if (!$scope.hasError)
+        {
+            var response = $http({
+                url: '/api/Account/register',
+                method: 'POST',
+                data: { userId: 1, password: CryptoJS.MD5($scope.user.password).toString(), lastName: $scope.user.lastName, firstName: $scope.user.firstName, adr1: $scope.user.adr1, adr2: $scope.user.adr2, pc: $scope.user.pc, town: $scope.user.town, mail: $scope.user.mail, phone: $scope.user.phone },
+                headers: {
+                    'Content-Type': 'application/json'
+                }
+            }).then(function successCallback(response) {
+                $scope.hasError = false;
+                window.location.replace("/Login");
+            }, function errorCallback(response) {
+                $scope.hasError = true;
+                $scope.user.mail = '';
+                $scope.user.password = '';
+            });
+        }
     };
 }]);

Diff for: Zenergy/Zenergy/Views/Register/index.cshtml

@@ -6,7 +6,7 @@
 <h2>Registration</h2>
 <div class="container " ng-controller="registerPageController">
     <div class="row">
-        <div class="col-md-3 col-lg-offset-4">
+        <div name="formRegistration" class="col-md-3 col-lg-offset-4">
             <h1>Register</h1>
             <form ng-submit="register()">
 
@@ -15,13 +15,13 @@
                 </div>
 
                 <div class="form-group">
-                    <input type="password" class="form-control" ng-model="user.password" placeholder="Password" required >
+                    <input type="password" id="password" name="user.password" class="form-control" ng-model="user.password" placeholder="Password" required >
                 </div>
 
                 <div class="form-group" >
-                    <input type="password" class="form-control" ng-model="user.passwordBis" placeholder="Password Confirmation" required samepassword>
+                    <input type="password" id="passwordBis" name="passwordBis" class="form-control" ng-model="user.passwordBis" placeholder="Password Confirmation" required samepassword="password">
                 </div>
-                <span ng-show="form.name.$error.samepassword">The password must be equal</span>
+                <p class="text-danger" ng-if="passNotMatch">Passwords don't match</p>
 
                 <div class="form-group">
                     <input type="text" class="form-control" ng-model="user.firstName" placeholder="Firstname">
@@ -32,11 +32,11 @@
                 </div>
 
                 <div class="form-group">
-                    <input type="text" class="form-control" ng-model="user.adr1" placeholder="Adress">
+                    <input type="text" class="form-control" ng-model="user.adr1" placeholder="Address">
                 </div>
 
                 <div class="form-group">
-                    <input type="text" class="form-control" ng-model="user.adr2" placeholder="Rest of the adress ">
+                    <input type="text" class="form-control" ng-model="user.adr2" placeholder="Rest of the address ">
                 </div>
 
                 <div class="form-group">