jgerstbe/async-huddle
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[U] login, signup: sunmit via enter

Browse source
This commit is contained in:
Jan 2020-10-30 14:46:28 +01:00
parent ef07db5818
commit 0d01e55b6e
2 changed files with 44 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/login/login.component.html
View file

@ -1,22 +1,24 @@
<div class="row mt-3 justify-content-md-center">
<form>
<div class="row mt-3 justify-content-md-center">
<div class="form-group col-12 col-sm-4">
<label for="email">Email</label>
<input #email class="form-control" type="email">
</div>
</div>
<div class="row justify-content-md-center">
</div>
<div class="row justify-content-md-center">
<div class="form-group col-12 col-sm-4">
<label for="password">Password</label>
<input #password class="form-control" type="password">
</div>
</div>
<div class="row justify-content-md-center">
</div>
<div class="row justify-content-md-center">
<div class="col-12 col-sm-4">
<button class="btn btn-primary text-uppercase" type="button" (click)="login(email.value, password.value)">
<button class="btn btn-primary text-uppercase" type="submit" (click)="login(email.value, password.value)">
Log in
</button> or
<a class="btn btn-secondary text-uppercase" [routerLink]="'/signup'">
signup
</a>
</div>
</div>
</div>
</form>

18
src/app/signup/signup.component.html
View file

@ -1,25 +1,27 @@
<div class="row mt-3 justify-content-md-center">
<form>
<div class="row mt-3 justify-content-md-center">
<div class="form-group col-12 col-sm-4">
<label for="email">Email</label>
<input [(ngModel)]="email" class="form-control" type="email">
</div>
</div>
<div class="row justify-content-md-center">
</div>
<div class="row justify-content-md-center">
<div class="form-group col-12 col-sm-4">
<label for="password">Password</label>
<input [(ngModel)]="password" class="form-control" type="password">
</div>
</div>
<div class="row justify-content-md-center">
</div>
<div class="row justify-content-md-center">
<div class="form-group col-12 col-sm-4">
<label for="password">Repeat password</label>
<input [(ngModel)]="repeat" class="form-control" type="password">
</div>
</div>
<div class="row justify-content-md-center">
</div>
<div class="row justify-content-md-center">
<div class="col-12 col-sm-4">
<button type="button" class="btn btn-secondary text-uppercase" (click)="signup(email, password, repeat)">
signup
</button>
</div>
</div>
</div>
</form>