packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts
Component for login/logout as part of the harmonised site header. Emits events when user logs in and when user opens the login dropdown.
| HostDirectives |
ECLBaseDirective
ECLClickOutsideDirective
Outputs : eclClickOutside
|
| selector | ecl-site-header-login |
| imports |
TranslateModule
EUI_ECL_ICON
|
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-site-header-login.component.html |
Properties |
|
Methods |
Inputs |
Outputs |
HostBindings |
HostListeners |
constructor()
|
| isLoggedIn |
Type : boolean
|
Default value : false
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| login |
Type : EventEmitter
|
| loginBoxToggle |
Type : EventEmitter
|
| class |
Type : string
|
Default value : 'ecl-site-header__login-container'
|
| eclClickOutside |
eclClickOutside()
|
|
Close the login popover on click outside. |
| getLoginBoxCssClasses |
getLoginBoxCssClasses()
|
|
Returns :
string
classes for the login popover. |
| onClickOutsideMegaMenu |
onClickOutsideMegaMenu()
|
Decorators :
@HostListener('eclClickOutside')
|
|
Close the login popover on click outside.
Returns :
void
|
| onLoginBoxToggle | ||||||
onLoginBoxToggle(evt: MouseEvent)
|
||||||
|
Parameters :
Returns :
void
|
| onLoginClick | ||||||
onLoginClick(evt: MouseEvent)
|
||||||
|
Parameters :
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| class |
Type : string
|
Default value : 'ecl-site-header__login-container'
|
Decorators :
@HostBinding('class')
|
| Public isLoginBoxActive |
Type : unknown
|
Default value : false
|
|
If login popover is open (true) or closed (false). |
| Public loginArrowPosition |
Type : string
|
|
The position of the arrow of the popover. |
| loginLinkElement |
Type : ElementRef<HTMLAnchorElement>
|
Decorators :
@ViewChild('loginLink', {read: ElementRef})
|
| Readonly TABLET_BREAKPOINT |
Type : number
|
Default value : 996
|