first version of sample.component finished

This commit is contained in:
VLE2FE
2020-06-19 08:43:22 +02:00
parent 60298e53a5
commit 0d77113704
53 changed files with 1336 additions and 275 deletions

View File

@ -1,10 +1,15 @@
<div class="login-wrapper">
<h2>Please log in</h2>
<form>
<rb-form-input name="username" label="username" [(ngModel)]="username"></rb-form-input>
<rb-form-input type="password" name="password" label="password" [(ngModel)]="password"></rb-form-input>
<form #loginForm="ngForm">
<rb-form-input name="username" label="username" appValidate="username" required [(ngModel)]="username" #usernameInput="ngModel">
<ng-template rbFormValidationMessage="failure">{{usernameInput.errors.failure}}</ng-template>
</rb-form-input>
<rb-form-input type="password" name="password" label="password" appValidate="password" required [(ngModel)]="password" #passwordInput="ngModel">
<ng-template rbFormValidationMessage="failure">{{passwordInput.errors.failure}}</ng-template>
</rb-form-input>
<button class="rb-btn rb-primary login-button" (click)="login()" type="submit" [disabled]="!loginForm.form.valid">Login</button>
<span class="message">{{message}}</span>
<button class="rb-btn rb-primary login-button" (click)="login()" type="submit">Login</button>
</form>
</div>