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

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

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

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

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