Register page - without design yet. #202

Author: jadjoubran

angular/app/components/login-form/login-form.less

@@ -1,10 +1,11 @@
 .LoginForm-inputContainer{
     margin-top: 10px;
     margin-bottom: 0px;
-    margin-left: 8px;
     width: 80%;
+    min-width: 300px;
 }
 
 .LoginForm-submit{
     margin-bottom: 40px;
+    margin-left: 0;
 }

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

@@ -0,0 +1,22 @@
+<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>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>

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

@@ -0,0 +1,18 @@
+class RegisterFormController{
+    constructor(){
+        'ngInject';
+
+        this.name = '';
+        this.email = '';
+        this.password = '';
+    }
+}
+
+export const RegisterFormComponent = {
+    templateUrl: './views/app/components/register-form/register-form.component.html',
+    controller: RegisterFormController,
+    controllerAs: 'vm',
+    bindings: {}
+}
+
+

angular/app/components/register-form/register-form.less

@@ -0,0 +1,4 @@
+.Login-formContainer{
+    margin-top: 40px;
+    margin-bottom: 40px;
+}

angular/app/pages/login/login.less

@@ -1,7 +1,10 @@
 <md-content class="Page-container">
 	<div flex="80" flex-offset="10">
-		<h1>Login</h1>
+		<div class="Login-formContainer md-whiteframe-z1" layout="column" layout-align="center center">
+			<h1 class="md-headline">Login</h1>
 
-		<login-form></login-form>
+			<login-form></login-form>
+
+		</div>
 	</div>
 </md-content>

angular/app/pages/login/login.page.html

@@ -0,0 +1,10 @@
+<md-content class="Page-container">
+	<div flex="80" flex-offset="10">
+		<div class="md-whiteframe-z1" layout="column" layout-align="center center">
+			<h1 class="md-headline">Register</h1>
+
+			<register-form></register-form>
+
+		</div>
+	</div>
+</md-content>

angular/app/pages/register/register.less

@@ -37,5 +37,14 @@ export function RoutesConfig($stateProvider, $urlRouterProvider) {
 					templateUrl: getView('login')
 				}
 			}
-		});
+		})
+        .state('app.register', {
+            url: '/register',
+            data: {},
+            views: {
+                'main@': {
+                    templateUrl: getView('register')
+                }
+            }
+        });
 }

angular/app/pages/register/register.page.html

@@ -1,3 +1,6 @@
 import {LoginFormComponent} from './app/components/login-form/login-form.component';
+import {RegisterFormComponent} from './app/components/register-form/register-form.component';
 
-angular.module('app.components').component('loginForm', LoginFormComponent);
+angular.module('app.components')
+	.component('loginForm', LoginFormComponent)
+	.component('registerForm', RegisterFormComponent);