import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef, ChangeDetectorRef } from '@angular/core'; import { FormGroup, FormBuilder, Validators } from '@angular/forms'; import { Company } from '@ucap-webmessenger/api-external'; @Component({ selector: 'ucap-account-login', templateUrl: './login.component.html', styleUrls: ['./login.component.scss'] }) export class LoginComponent implements OnInit { @Input() companyList?: Company[]; @Input() curCompanyCode?: string; @Input() loginBtnText?: string; @Input() loginBtnEnable: boolean; @Input() notiText?: string; @Input() companyCode: string; @Input() loginId: string; @Input() rememberMe: boolean; @Input() autoLogin: boolean; @Input() useRememberMe: boolean; @Input() useAutoLogin: boolean; @Output() login = new EventEmitter<{ companyCode: string; loginId: string; loginPw: string; rememberMe: boolean; autoLogin: boolean; notValid: () => void; }>(); @Output() notiClick = new EventEmitter(); @ViewChild('loginPw', { static: true }) loginPwElementRef: ElementRef; loginForm: FormGroup; constructor( private formBuilder: FormBuilder, private changeDetectorRef: ChangeDetectorRef ) {} ngOnInit() { this.loginForm = this.formBuilder.group({ companyCode: ['', [Validators.required]], loginId: ['', [Validators.required]], loginPw: ['', Validators.required], rememberMe: [false], autoLogin: [false] }); if (!!this.rememberMe && this.rememberMe) { this.loginForm.get('rememberMe').setValue(true); } if (!!this.autoLogin && this.autoLogin) { this.loginForm.get('autoLogin').setValue(true); } if (!!this.curCompanyCode) { this.loginForm.get('companyCode').setValue(this.curCompanyCode); } if (!!this.loginId) { this.loginForm.get('loginId').setValue(this.loginId); } if (!this.loginBtnText || this.loginBtnText.trim().length === 0) { this.loginBtnText = 'LOGIN'; } this.changeDetectorRef.detectChanges(); } onClickLogin() { this.login.emit({ companyCode: this.loginForm.get('companyCode').value, loginId: this.loginForm.get('loginId').value, loginPw: this.loginForm.get('loginPw').value, rememberMe: this.loginForm.get('rememberMe').value, autoLogin: this.loginForm.get('autoLogin').value, notValid: () => { this.loginPwElementRef.nativeElement.focus(); } }); } onClickNoti(): void { this.notiClick.emit(); } }