| display: block; | display: block; | ||||
| background-color: rgb(229, 230, 218); | background-color: rgb(229, 230, 218); | ||||
| box-shadow : 0px 0px 2px 0px #d6d2d2 | box-shadow : 0px 0px 2px 0px #d6d2d2 | ||||
| } | |||||
| .appbar, | |||||
| .k-appbar-sticky{ | |||||
| z-index: 1000; | |||||
| } | } |
| <legend class="k-form-legend">Login to Supercredit</legend> | <legend class="k-form-legend">Login to Supercredit</legend> | ||||
| <kendo-formfield [showErrors]="'initial'"> | <kendo-formfield [showErrors]="'initial'"> | ||||
| <kendo-label [for]="email" text="Email"></kendo-label> | <kendo-label [for]="email" text="Email"></kendo-label> | ||||
| <input formControlName="email" kendoTextBox #email required /> | |||||
| <input formControlName="email" kendoTextBox #email required/> | |||||
| <kendo-formerror *ngIf="userForm.controls.email.errors?.required">Error: Email is required | <kendo-formerror *ngIf="userForm.controls.email.errors?.required">Error: Email is required | ||||
| </kendo-formerror> | </kendo-formerror> | ||||
| <kendo-formfield [showErrors]="'initial'"> | <kendo-formfield [showErrors]="'initial'"> | ||||
| <kendo-label [for]="password" text="Password"></kendo-label> | <kendo-label [for]="password" text="Password"></kendo-label> | ||||
| <input formControlName="password" type="password" kendoTextBox #password required /> | |||||
| <input formControlName="password" type="password" | |||||
| kendoTextBox #password required /> | |||||
| <kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Password is required | <kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Password is required | ||||
| </kendo-formerror> | </kendo-formerror> |
| export class AuthComponent implements OnInit { | export class AuthComponent implements OnInit { | ||||
| public userForm: FormGroup = new FormGroup({ | public userForm: FormGroup = new FormGroup({ | ||||
| password: new FormControl('', [Validators.minLength(3), Validators.maxLength(20)]), | |||||
| email: new FormControl('', Validators.email) | |||||
| password: new FormControl('abcdefg', [Validators.minLength(3), Validators.maxLength(20)]), | |||||
| email: new FormControl('email@email.com', Validators.email) | |||||
| }); | }); | ||||
| constructor(private menuService: MenuService, private rounter: Router) { } | constructor(private menuService: MenuService, private rounter: Router) { } |
| this.menuService = menuService; | this.menuService = menuService; | ||||
| this.rounter = rounter; | this.rounter = rounter; | ||||
| this.userForm = new forms_1.FormGroup({ | this.userForm = new forms_1.FormGroup({ | ||||
| password: new forms_1.FormControl('', [forms_1.Validators.minLength(3), forms_1.Validators.maxLength(20)]), | |||||
| email: new forms_1.FormControl('', forms_1.Validators.email) | |||||
| password: new forms_1.FormControl('abcdefg', [forms_1.Validators.minLength(3), forms_1.Validators.maxLength(20)]), | |||||
| email: new forms_1.FormControl('email@email.com', forms_1.Validators.email) | |||||
| }); | }); | ||||
| } | } | ||||
| AuthComponent.prototype.ngOnInit = function () { | AuthComponent.prototype.ngOnInit = function () { |