27 lines
1.3 KiB
HTML
27 lines
1.3 KiB
HTML
<form class="form-signin" (ngSubmit)="signup(userName.value, password.value, secret.value)">
|
|
|
|
<div class="row" style="position: absolute;width: 500px;left: 40%;">
|
|
<h2 style="text-align: center;" class="form-signin-heading">{{'signup.headline' | translate}}</h2>
|
|
|
|
<p [innerHtml]="'signup.description' | translate"></p>
|
|
|
|
<label for="inputEmail" class="sr-only">{{'signup.username' | translate}}</label>
|
|
<input #userName id="inputEmail" class="form-control" placeholder="{{'signup.username' | translate}}" required="" autofocus="">
|
|
|
|
<label for="inputPassword" class="sr-only">{{'signup.password' | translate}}</label>
|
|
<input #password type="password" id="inputPassword" class="form-control" placeholder="{{'signup.password' | translate}}" required="">
|
|
|
|
<label for="inputSecret" class="sr-only">{{'signup.secret' | translate}}</label>
|
|
<input #secret type="text" id="inputSecret" class="form-control" placeholder="{{'signup.secret.placeholder' | translate}}"
|
|
required="">
|
|
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-lg btn-block btn-primary">
|
|
<span *ngIf="!loading">{{'signup.submit' | translate}}</span>
|
|
<span *ngIf="loading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|