This repository has been archived on 2023-08-16. You can view files and clone it, but cannot push or open issues or pull requests.
FoodLoop-Web/src/app/pages/register.component.html

69 lines
2.9 KiB
HTML
Raw Normal View History

<div class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card mx-4">
<div class="card-block p-4">
<form [formGroup]="signup" (ngSubmit)="onSubmit()">
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<div class="input-group mb-3">
2017-05-09 12:39:48 +00:00
<span class="input-group-addon"><i class="icon-key"></i></span>
2017-05-10 12:50:54 +00:00
<input type="text" class="form-control" formControlName="token" placeholder="Token">
2017-05-09 12:39:48 +00:00
</div>
<div class="input-group mb-3">
2017-05-12 11:58:12 +00:00
<span class="input-group-addon"><i class="icon-people"></i></span>
<select required class="form-control" type="text" formControlName="usertype">
<option value=''>Please select</option>
<option value='customer'>Customer</option>
<option value='organisation'>Organisation</option>
</select>
</div>
<div class="input-group mb-3">
<span class="input-group-addon"><i class="icon-user"></i></span>
2017-05-10 12:50:54 +00:00
<input type="text" class="form-control" formControlName="full_name" placeholder="Username">
</div>
2017-05-09 12:39:48 +00:00
<div class="input-group mb-3">
<span class="input-group-addon"><i class="icon-user"></i></span>
2017-05-10 12:50:54 +00:00
<input type="text" class="form-control" formControlName="display_name" placeholder="Full Name">
2017-05-09 12:39:48 +00:00
</div>
<div class="input-group mb-3">
<span class="input-group-addon">@</span>
2017-05-10 12:50:54 +00:00
<input type="text" class="form-control" formControlName="email" placeholder="Email">
</div>
2017-05-09 12:39:48 +00:00
<div class="input-group mb-3">
<span class="input-group-addon"><i class="icon-user"></i></span>
2017-05-10 12:50:54 +00:00
<input type="text" class="form-control" formControlName="postcode" placeholder="Postcode">
2017-05-09 12:39:48 +00:00
</div>
<div class="input-group mb-3">
<span class="input-group-addon">Age Range</span>
<select class="form-control" type="text" formControlName="age_range">
<option *ngFor="let range of ageRanges" [value]="range.id">{{ range.string }}</option>
2017-05-09 12:39:48 +00:00
</select>
</div>
<div class="input-group mb-3">
<span class="input-group-addon"><i class="icon-lock"></i></span>
2017-05-10 12:50:54 +00:00
<input type="password" class="form-control" formControlName="password" placeholder="Password">
</div>
<div class="input-group mb-4">
<span class="input-group-addon"><i class="icon-lock"></i></span>
2017-05-10 12:50:54 +00:00
<input type="password" class="form-control" formControlName="password" placeholder="Repeat password">
</div>
2017-05-12 11:58:12 +00:00
<button type="submit" class="btn btn-block btn-success">Create Account</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>