Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Added proto sign up page and buttons redirect correctly
  • Loading branch information
ema14006 committed Feb 11, 2019
1 parent 023bcec commit 11280a1
Show file tree
Hide file tree
Showing 8 changed files with 83 additions and 14 deletions.
5 changes: 4 additions & 1 deletion src/app/app.module.ts
Expand Up @@ -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: [
Expand All @@ -21,7 +22,8 @@ import { GeneratorSearchComponent } from './generator-search/generator-search.co
WarningsComponent,
AuthenticationComponent,
FrontpageComponent,
GeneratorSearchComponent
GeneratorSearchComponent,
SignUpComponent
],
imports: [
BrowserModule,
Expand All @@ -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},

]),

Expand Down
2 changes: 2 additions & 0 deletions src/app/authentication/authentication.component.css
Expand Up @@ -3,8 +3,10 @@ a
text-decoration: none;
color: white;
}
/*
.login
{
box-shadow: 1px 1px 1px 1px grey;
padding: 20px;
}
*/
16 changes: 5 additions & 11 deletions 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>
4 changes: 2 additions & 2 deletions 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" >
Expand Down
12 changes: 12 additions & 0 deletions src/app/sign-up/sign-up.component.css
@@ -0,0 +1,12 @@
a
{
text-decoration: none;
color: white;
}
/*
.login
{
padding: 20px;
}
*/
18 changes: 18 additions & 0 deletions 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>
25 changes: 25 additions & 0 deletions 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();
});
});
15 changes: 15 additions & 0 deletions 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() {
}

}

0 comments on commit 11280a1

Please sign in to comment.