Register functionality using satellizer #202

Author: jadjoubran

angular/app/components/login-form/login-form.component.js

@@ -19,7 +19,7 @@ class LoginFormController {
 			.then((response) => {
 				this.$auth.setToken(response.data);
 
-				//
+				this.ToastService.show('Logged in successfully.');
 			})
 			.catch(this.failedLogin.bind(this));
 	}

angular/app/components/register-form/register-form.component.html

@@ -1,22 +1,24 @@
-<div>
-	<md-input-container>
-		<label>Name</label>
-		<input type="text" ng-model="vm.name">
-	</md-input-container>
-</div>
+<form ng-submit="vm.register()">
+	<div>
+		<md-input-container>
+			<label>Name</label>
+			<input type="text" ng-model="vm.name">
+		</md-input-container>
+	</div>
 
-<div>
-	<md-input-container>
-		<label>Email</label>
-		<input type="email" ng-model="vm.email">
-	</md-input-container>
-</div>
+	<div>
+		<md-input-container>
+			<label>Email</label>
+			<input type="email" ng-model="vm.email">
+		</md-input-container>
+	</div>
 
-<div>
-	<md-input-container>
-		<label>Password</label>
-		<input type="password" ng-model="vm.password">
-	</md-input-container>
-</div>
+	<div>
+		<md-input-container>
+			<label>Password</label>
+			<input type="password" ng-model="vm.password">
+		</md-input-container>
+	</div>
 
-<md-button type="submit" class="md-primary md-raised">Register</md-button>
+	<md-button type="submit" class="md-primary md-raised">Register</md-button>
+</form>

angular/app/components/register-form/register-form.component.js

@@ -1,18 +1,47 @@
-class RegisterFormController{
-    constructor(){
-        'ngInject';
-
-        this.name = '';
-        this.email = '';
-        this.password = '';
-    }
+class RegisterFormController {
+	constructor($auth, ToastService) {
+		'ngInject';
+
+		this.$auth = $auth;
+		this.ToastService = ToastService;
+
+		this.name = '';
+		this.email = '';
+		this.password = '';
+	}
+
+	register() {
+		var user = {
+			name: this.name,
+			email: this.email,
+			password: this.password
+		};
+
+		this.$auth.signup(user)
+			.then((response) => {
+				//remove this if you require email verification
+				this.$auth.setToken(response.data);
+
+				this.ToastService.show('Successfully registered.');
+			})
+			.catch(this.failedRegistration.bind(this));
+	}
+
+
+
+	failedRegistration(response) {
+		if (response.status === 422) {
+			for (var error in response.data.errors) {
+				return this.ToastService.error(response.data.errors[error][0]);
+			}
+		}
+		this.ToastService.error(response.statusText);
+	}
 }
 
 export const RegisterFormComponent = {
-    templateUrl: './views/app/components/register-form/register-form.component.html',
-    controller: RegisterFormController,
-    controllerAs: 'vm',
-    bindings: {}
+	templateUrl: './views/app/components/register-form/register-form.component.html',
+	controller: RegisterFormController,
+	controllerAs: 'vm',
+	bindings: {}
 }
-
-

app/Http/Controllers/Auth/AuthController.php

@@ -33,7 +33,7 @@ public function postLogin(Request $request)
         return response()->success(compact('user', 'token'));
     }
 
-    public function postRegister()
+    public function postRegister(Request $request)
     {
         $this->validate($request, [
             'name'       => 'required|min:3',