2018-04-10 07:30:05 +00:00
|
|
|
<form [formGroup]="signupForm" (ngSubmit)="signup()">
|
|
|
|
|
<div class="card login-panel ui-fluid">
|
|
|
|
|
<div class="ui-g">
|
|
|
|
|
<div class="ui-g-12">
|
|
|
|
|
<img src="assets/layout/images/logo-ultima.svg">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ui-g-12">
|
|
|
|
|
<span class="md-inputfield">
|
|
|
|
|
<input id="email" type="email" pInputText class="input ng-dirty ng-invalid" placeholder="Email" formControlName="email" required>
|
|
|
|
|
<div *ngIf="signupForm.get('email').touched && signupForm.get('email').errors" class="ui-message ui-messages-error ui-corner-all">
|
|
|
|
|
Not valid email
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ui-g-12">
|
|
|
|
|
<span class="md-inputfield">
|
|
|
|
|
<input id="password" type="password" pInputText class="input ng-dirty ng-invalid" placeholder="Password" formControlName="password"
|
|
|
|
|
required #passwsord="ngModel">
|
|
|
|
|
<div #password *ngIf="signupForm.get('password').touched && signupForm.get('password').errors" class="ui-message ui-messages-error ui-corner-all">
|
|
|
|
|
Not valid password
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ui-g-12">
|
|
|
|
|
<span class="md-inputfield">
|
|
|
|
|
<input id="pwConfirm" type="password" pInputText class="input ng-dirty ng-invalid" placeholder="Retype your password" formControlName="pwConfirm"
|
|
|
|
|
required validateEqual="password" #confirmPassword="ngModel">
|
|
|
|
|
<div *ngIf="pwConfirm.valid || (confirmPassword.pristine && !f.submitted)" class="ui-message ui-messages-error ui-corner-all">
|
|
|
|
|
Not matched password
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ui-g-12">
|
|
|
|
|
<button type="submit" [disabled]="!signupForm.valid" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
|
|
|
|
|
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
|
|
|
|
|
<span class="ui-button-text ui-c">Sign Up</span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
