aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/register
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-06 14:29:14 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-06 14:29:14 +0200
commit4b094fb29ea7eaeb58f0c29df60e55586a74db76 (patch)
treedba5ca9fb171c25182b5e2450363b7dce0db1304 /src/app/components/register
parentb379eed12c5f5fa1b1685dc2ad87191733a41d28 (diff)
downloadDevHive-Angular-4b094fb29ea7eaeb58f0c29df60e55586a74db76.tar
DevHive-Angular-4b094fb29ea7eaeb58f0c29df60e55586a74db76.tar.gz
DevHive-Angular-4b094fb29ea7eaeb58f0c29df60e55586a74db76.zip
Reverted footer
Diffstat (limited to 'src/app/components/register')
-rw-r--r--src/app/components/register/register.component.html134
1 files changed, 19 insertions, 115 deletions
diff --git a/src/app/components/register/register.component.html b/src/app/components/register/register.component.html
index c521d44..0075b1d 100644
--- a/src/app/components/register/register.component.html
+++ b/src/app/components/register/register.component.html
@@ -2,160 +2,64 @@
<summary class="title">Register</summary>
<form [formGroup]="registerUserFormGroup" (ngSubmit)="onSubmit()">
- <hr />
+ <hr>
<!-- Value: {{ registerUserFormGroup.value | json }}
<hr> -->
<section class="input-selection">
- <input
- type="text"
- placeholder="Goshko, is that u?"
- class="input-field"
- formControlName="firstName"
- required
- />
+ <input type="text" placeholder="Goshko, is that u?" class="input-field" formControlName="firstName" required>
<label class="input-field-label">First Name</label>
<div class="input-errors">
- <label
- *ngIf="
- registerUserFormGroup.get('firstName')?.errors?.required
- "
- class="error"
- >*Required</label
- >
- <label
- *ngIf="
- registerUserFormGroup.get('firstName')?.errors
- ?.minlength
- "
- class="error"
- >*Minimum 3 characters</label
- >
+ <label *ngIf="registerUserFormGroup.get('firstName')?.errors?.required" class="error">*Required</label>
+ <label *ngIf="registerUserFormGroup.get('firstName')?.errors?.minlength" class="error">*Minimum 3 characters</label>
</div>
</section>
<section class="input-selection">
- <input
- type="text"
- placeholder="Trapov? Really??"
- class="input-field"
- formControlName="lastName"
- required
- />
+ <input type="text" placeholder="Trapov? Really??" class="input-field" formControlName="lastName" required>
<label class="input-field-label">Last Name</label>
<div class="input-errors">
- <label
- *ngIf="
- registerUserFormGroup.get('lastName')?.errors?.required
- "
- class="error"
- >*Required</label
- >
- <label
- *ngIf="
- registerUserFormGroup.get('lastName')?.errors?.minlength
- "
- class="error"
- >*Minimum 3 characters</label
- >
+ <label *ngIf="registerUserFormGroup.get('lastName')?.errors?.required" class="error">*Required</label>
+ <label *ngIf="registerUserFormGroup.get('lastName')?.errors?.minlength" class="error">*Minimum 3 characters</label>
</div>
</section>
<section class="input-selection">
- <input
- type="text"
- placeholder="Think of something cool to flex on other kids"
- class="input-field"
- formControlName="username"
- required
- />
+ <input type="text" placeholder="Think of something cool to flex on other kids" class="input-field" formControlName="username" required>
<label class="input-field-label">Username</label>
<div class="input-errors">
- <label
- *ngIf="
- registerUserFormGroup.get('username')?.errors?.required
- "
- class="error"
- >*Required</label
- >
- <label
- *ngIf="
- registerUserFormGroup.get('username')?.errors?.minlength
- "
- class="error"
- >*Minimum 3 characters</label
- >
+ <label *ngIf="registerUserFormGroup.get('username')?.errors?.required" class="error">*Required</label>
+ <label *ngIf="registerUserFormGroup.get('username')?.errors?.minlength" class="error">*Minimum 3 characters</label>
</div>
</section>
<section class="input-selection">
- <input
- type="text"
- placeholder="You expect an email joke? I have none, mail me one"
- class="input-field"
- formControlName="email"
- required
- />
+ <input type="text" placeholder="You expect an email joke? I have none, mail me one" class="input-field" formControlName="email" required>
<label class="input-field-label">Email</label>
<div class="input-errors">
- <label
- *ngIf="registerUserFormGroup.get('email')?.errors?.required"
- class="error"
- >*Required</label
- >
- <label
- *ngIf="registerUserFormGroup.get('email')?.errors?.email"
- class="error"
- >*Invalid email</label
- >
+ <label *ngIf="registerUserFormGroup.get('email')?.errors?.required" class="error">*Required</label>
+ <label *ngIf="registerUserFormGroup.get('email')?.errors?.email" class="error">*Invalid email</label>
</div>
</section>
<section class="input-selection">
- <input
- type="password"
- placeholder="Make sure it's long & strong (just like my d***)"
- class="input-field"
- formControlName="password"
- required
- />
+ <input type="password" placeholder="Make sure it's long & strong (just like my d***)" class="input-field" formControlName="password" required>
<label class="input-field-label">Password</label>
<div class="input-errors">
- <label
- *ngIf="
- registerUserFormGroup.get('password')?.errors?.required
- "
- class="error"
- >*Required</label
- >
- <label
- *ngIf="
- registerUserFormGroup.get('password')?.errors?.minlength
- "
- class="error"
- >*Minimum 3 characters</label
- >
- <label
- *ngIf="
- registerUserFormGroup.get('password')?.errors?.pattern
- "
- class="error"
- >*At least 1 number</label
- >
+ <label *ngIf="registerUserFormGroup.get('password')?.errors?.required" class="error">*Required</label>
+ <label *ngIf="registerUserFormGroup.get('password')?.errors?.minlength" class="error">*Minimum 3 characters</label>
+ <label *ngIf="registerUserFormGroup.get('password')?.errors?.pattern" class="error">*At least 1 number</label>
</div>
</section>
- <hr />
+ <hr>
<button class="submit-btn" type="submit">Submit</button>
<app-error-bar></app-error-bar>
</form>
- <button class="submit-btn redirect-to-login" (click)="onRedirectLogin()">
- Already have an account? Login here
- </button>
- <app-footer></app-footer>
+ <button class="submit-btn redirect-to-login" (click)="onRedirectLogin()">Already have an account? Login here</button>
</main>