[ADF-4198] - fix user info close on esc key (#4644)

This commit is contained in:
Silviu Popa 2019-04-23 19:56:04 +03:00 committed by Eugenio Romano
parent b371929170
commit c9977c58fa
2 changed files with 15 additions and 2 deletions

View File

@ -1,4 +1,4 @@
<div id="userinfo_container" [class.adf-userinfo-name-right]="showOnRight()"
<div id="userinfo_container" [class.adf-userinfo-name-right]="showOnRight()" (keyup)="onKeyPress($event)"
class="adf-userinfo-container" *ngIf="isLoggedIn()">
<ng-container *ngIf="showName">

View File

@ -15,7 +15,7 @@
* limitations under the License.
*/
import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
import { Component, Input, OnInit, ViewEncapsulation, ViewChild } from '@angular/core';
import { AuthenticationService } from '../../services/authentication.service';
import { BpmUserModel } from './../models/bpm-user.model';
import { EcmUserModel } from './../models/ecm-user.model';
@ -24,6 +24,7 @@ import { BpmUserService } from './../services/bpm-user.service';
import { EcmUserService } from './../services/ecm-user.service';
import { IdentityUserService } from '../services/identity-user.service';
import { of, Observable } from 'rxjs';
import { MatMenuTrigger } from '@angular/material';
@Component({
selector: 'adf-userinfo',
@ -33,6 +34,8 @@ import { of, Observable } from 'rxjs';
})
export class UserInfoComponent implements OnInit {
@ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
/** Custom path for the background banner image for ACS users. */
@Input()
ecmBackgroundImage: string = './assets/images/ecm-background.png';
@ -87,6 +90,16 @@ export class UserInfoComponent implements OnInit {
}
}
onKeyPress(event: KeyboardEvent) {
this.closeUserModal(event);
}
private closeUserModal($event: KeyboardEvent) {
if ($event.keyCode === 27 ) {
this.trigger.closeMenu();
}
}
isLoggedIn(): boolean {
return this.authService.isLoggedIn();
}