From 11280a129d9d2e5c38e0ff3fdb7a0d86dcc02124 Mon Sep 17 00:00:00 2001
From: Emil Abraham <emil.abraham@uconn.edu>
Date: Mon, 11 Feb 2019 13:43:36 -0500
Subject: [PATCH] Added proto sign up page and buttons redirect correctly

---
 src/app/app.module.ts                         |  5 +++-
 .../authentication.component.css              |  2 ++
 .../authentication.component.html             | 16 ++++--------
 src/app/frontpage/frontpage.component.html    |  4 +--
 src/app/sign-up/sign-up.component.css         | 12 +++++++++
 src/app/sign-up/sign-up.component.html        | 18 +++++++++++++
 src/app/sign-up/sign-up.component.spec.ts     | 25 +++++++++++++++++++
 src/app/sign-up/sign-up.component.ts          | 15 +++++++++++
 8 files changed, 83 insertions(+), 14 deletions(-)
 create mode 100644 src/app/sign-up/sign-up.component.css
 create mode 100644 src/app/sign-up/sign-up.component.html
 create mode 100644 src/app/sign-up/sign-up.component.spec.ts
 create mode 100644 src/app/sign-up/sign-up.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 8defcd6..2423c38 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -11,6 +11,7 @@ import { WarningsComponent } from './warnings/warnings.component';
 import { AuthenticationComponent } from './authentication/authentication.component';
 import { FrontpageComponent } from './frontpage/frontpage.component';
 import { GeneratorSearchComponent } from './generator-search/generator-search.component';
+import { SignUpComponent } from './sign-up/sign-up.component';
 
 @NgModule({
   declarations: [
@@ -21,7 +22,8 @@ import { GeneratorSearchComponent } from './generator-search/generator-search.co
     WarningsComponent,
     AuthenticationComponent,
     FrontpageComponent,
-    GeneratorSearchComponent
+    GeneratorSearchComponent,
+    SignUpComponent
   ],
   imports: [
     BrowserModule,
@@ -34,6 +36,7 @@ import { GeneratorSearchComponent } from './generator-search/generator-search.co
     {path: 'statistics', component: StatisticsComponent},
     {path: 'warnings', component: WarningsComponent},
     {path: 'history', component: HistoryComponent},
+    {path: 'sign_up', component: SignUpComponent},
 
     ]),
     
diff --git a/src/app/authentication/authentication.component.css b/src/app/authentication/authentication.component.css
index 198b756..e330521 100644
--- a/src/app/authentication/authentication.component.css
+++ b/src/app/authentication/authentication.component.css
@@ -3,8 +3,10 @@ a
 	text-decoration: none;
 	color: white;
 }
+/*
 .login
 {
 	box-shadow: 1px 1px 1px 1px grey;
 	padding: 20px;
 }
+*/
diff --git a/src/app/authentication/authentication.component.html b/src/app/authentication/authentication.component.html
index 8fad3bc..8cac70f 100644
--- a/src/app/authentication/authentication.component.html
+++ b/src/app/authentication/authentication.component.html
@@ -1,24 +1,18 @@
-<button type="button" class="btn btn-dark m-4 "><a routerLink = "/generator-search">Generator</a></button>
 <div class = "container ">
 	<div class = "row">
-		<div class = "col-md-4 mx-auto login well">
-			<h2 class = "text-center mb-3">Log In</h2>
+		<div class = "col-md-6 mx-auto mt-4">
+			<h4 class = "text-center mb-3">Log In</h4>
 			<form>
 			  <div class="form-group">
 			    <label for="exampleInputEmail1">Email address</label>
-			    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">   
+			    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">    
 			  </div>
 			  <div class="form-group">
 			    <label for="exampleInputPassword1">Password</label>
 			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
-			  </div>
-			  <!--<div class="form-check">
-			    <input type="checkbox" class="form-check-input" id="exampleCheck1">
-			    <label class="form-check-label" for="exampleCheck1">Check me out</label>
-			  </div>-->
-			  <button type="submit" class="btn btn-primary mt-2"><a routerLink = "/generator-search">Submit</a></button>
+			  </div>			  
+			  <a routerLink = "/generator-search"><button type="submit" class="btn btn-primary">Submit</button></a>
 			</form>
 		</div>
 	</div>
-
 </div>
\ No newline at end of file
diff --git a/src/app/frontpage/frontpage.component.html b/src/app/frontpage/frontpage.component.html
index 5857142..080d06c 100644
--- a/src/app/frontpage/frontpage.component.html
+++ b/src/app/frontpage/frontpage.component.html
@@ -1,10 +1,10 @@
 <div class = "container">
 	<div class = "row">
 		<div class = "col-md">
-			<button type="button" class="btn btn-dark mt-3 btn-md btn-block"><a routerLink = "/authentication">Login</a></button>			
+			<a routerLink = "/authentication"><button type="button" class="btn btn-dark mt-3 btn-md btn-block">Login</button></a> 			
 		</div>
 		<div class = "col-md">
-			<button type="button" class="btn btn-dark mt-3 btn-md btn-block"><a routerLink = "/">Sign Up</a></button>			
+			<a routerLink = "/sign_up"><button type="button" class="btn btn-dark mt-3 btn-md btn-block">Sign Up</button></a>			
 		</div>		
 	</div>
 	<div class = "row" >
diff --git a/src/app/sign-up/sign-up.component.css b/src/app/sign-up/sign-up.component.css
new file mode 100644
index 0000000..8d66ad0
--- /dev/null
+++ b/src/app/sign-up/sign-up.component.css
@@ -0,0 +1,12 @@
+a
+{
+	text-decoration: none;
+	color: white;
+}
+/*
+.login
+{
+	
+	padding: 20px;
+}
+*/
\ No newline at end of file
diff --git a/src/app/sign-up/sign-up.component.html b/src/app/sign-up/sign-up.component.html
new file mode 100644
index 0000000..81402ad
--- /dev/null
+++ b/src/app/sign-up/sign-up.component.html
@@ -0,0 +1,18 @@
+<div class = "container ">
+	<div class = "row">
+		<div class = "col-md-6 mx-auto mt-4">
+			<h4 class = "text-center mb-3">Sign Up</h4>
+			<form>
+			  <div class="form-group">
+			    <label for="exampleInputEmail1">Email address</label>
+			    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">    
+			  </div>
+			  <div class="form-group">
+			    <label for="exampleInputPassword1">Password</label>
+			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+			  </div>			  
+			  <a routerLink = "/generator-search"><button type="submit" class="btn btn-primary">Submit</button></a>
+			</form>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/src/app/sign-up/sign-up.component.spec.ts b/src/app/sign-up/sign-up.component.spec.ts
new file mode 100644
index 0000000..24c0a1c
--- /dev/null
+++ b/src/app/sign-up/sign-up.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SignUpComponent } from './sign-up.component';
+
+describe('SignUpComponent', () => {
+  let component: SignUpComponent;
+  let fixture: ComponentFixture<SignUpComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SignUpComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SignUpComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sign-up/sign-up.component.ts b/src/app/sign-up/sign-up.component.ts
new file mode 100644
index 0000000..e64a8c5
--- /dev/null
+++ b/src/app/sign-up/sign-up.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-sign-up',
+  templateUrl: './sign-up.component.html',
+  styleUrls: ['./sign-up.component.css']
+})
+export class SignUpComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}