(1);
-
- constructor(
- private alfrescoApi: AlfrescoApiService,
- @Inject('MODE') public loginMode: string
- ) {}
-
- isLoggedIn(): boolean {
- return true;
- }
-
- isLoggedInWith(provider: string): boolean {
- if (provider === 'BPM') {
- return this.isBpmLoggedIn();
- } else if (provider === 'ECM') {
- return this.isEcmLoggedIn();
- } else {
- return this.isLoggedIn();
- }
- }
-
- isKerberosEnabled(): boolean {
- return this.loginMode === 'all';
- }
-
- isOauth(): boolean {
- return this.loginMode === 'default' || this.loginMode === 'defaultEcm';
- }
-
- isECMProvider(): boolean {
- return this.alfrescoApi.getInstance().isEcmConfiguration();
- }
-
- isBPMProvider(): boolean {
- return this.alfrescoApi.getInstance().isBpmConfiguration();
- }
-
- isALLProvider(): boolean {
- return this.loginMode === 'all';
- }
-
- isEcmLoggedIn(): boolean {
- return this.loginMode === 'ecm' || this.loginMode === 'defaultEcm';
- }
-
- isBpmLoggedIn(): boolean {
- return this.loginMode === 'bpm';
- }
-}
diff --git a/lib/core/src/lib/userinfo/components/mocks/user.service.mock.ts b/lib/core/src/lib/userinfo/components/mocks/user.service.mock.ts
deleted file mode 100644
index 25bbe8ad1e..0000000000
--- a/lib/core/src/lib/userinfo/components/mocks/user.service.mock.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
- BpmUserModel,
- EcmUserModel
-} from './../../../models';
-import {
- IdentityUserModel
-} from './../../../auth/models/identity-user.model';
-import { of } from 'rxjs';
-
-export class PeopleContentServiceMock {
- private fakeEcmUser = new EcmUserModel({
- firstName: 'John',
- lastName: 'Ecm',
- avatarId: 'fake-avatar-id',
- email: 'john.ecm@gmail.com',
- jobTitle: 'Product Manager'
- });
-
- getCurrentUserInfo = () => of(this.fakeEcmUser);
-
- getUserProfileImage = () => './assets/images/alfresco-logo.svg';
-}
-
-export class EcmUserServiceMock {
- private fakeEcmUser = new EcmUserModel({
- firstName: 'John',
- lastName: 'Ecm',
- avatarId: 'fake-avatar-id',
- email: 'john.ecm@gmail.com',
- jobTitle: 'Product Manager'
- });
-
- getCurrentUserInfo = () => of(this.fakeEcmUser);
-
- getUserProfileImage = () => './assets/images/alfresco-logo.svg';
-}
-
-export class BpmUserServiceMock {
- private fakeBpmUser = new BpmUserModel({
- email: 'john.bpm@gmail.com',
- firstName: 'John',
- lastName: 'Bpm',
- pictureId: 12,
- tenantName: 'Name of Tenant'
- });
-
- getCurrentUserInfo = () => of(this.fakeBpmUser);
-
- getCurrentUserProfileImage = () => './assets/images/alfresco-logo.svg';
-}
-
-export class IdentityUserServiceMock {
- private fakeIdentityUser = {
- familyName: 'Identity',
- givenName: 'John',
- email: 'john.identity@gmail.com',
- username: 'johnyIdentity99'
- };
-
- getCurrentUserInfo = (): IdentityUserModel => this.fakeIdentityUser;
-}
diff --git a/lib/core/src/lib/userinfo/components/user-info.component.html b/lib/core/src/lib/userinfo/components/user-info.component.html
deleted file mode 100644
index 3b4321c412..0000000000
--- a/lib/core/src/lib/userinfo/components/user-info.component.html
+++ /dev/null
@@ -1,162 +0,0 @@
-
-
-
- {{identityUser | fullName}}
-
- {{ecmUser | fullName}}
-
- {{bpmUser | fullName}}
-
-
-
-
-
-
-
diff --git a/lib/core/src/lib/userinfo/components/user-info.component.spec.ts b/lib/core/src/lib/userinfo/components/user-info.component.spec.ts
deleted file mode 100644
index fed9436671..0000000000
--- a/lib/core/src/lib/userinfo/components/user-info.component.spec.ts
+++ /dev/null
@@ -1,592 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By, DomSanitizer } from '@angular/platform-browser';
-import { ContentService, PeopleContentService } from '../../services';
-import { AuthenticationService } from '../../auth/services/authentication.service';
-import { IdentityUserService } from '../../auth/services/identity-user.service';
-import { InitialUsernamePipe } from '../../pipes';
-import { fakeBpmUser } from '../../mock/bpm-user.service.mock';
-import { fakeEcmEditedUser, fakeEcmUser, fakeEcmUserNoImage } from '../../mock/ecm-user.service.mock';
-import { BpmUserService } from '../../services/bpm-user.service';
-import { BpmUserModel } from '../../models/bpm-user.model';
-import { EcmUserModel } from '../../models/ecm-user.model';
-import { UserInfoComponent } from './user-info.component';
-import { of } from 'rxjs';
-import { setupTestBed } from '../../testing/setup-test-bed';
-import { CoreTestingModule } from '../../testing/core.testing.module';
-import { TranslateModule } from '@ngx-translate/core';
-import { MatMenuModule } from '@angular/material/menu';
-
-class FakeSanitizer extends DomSanitizer {
-
- constructor() {
- super();
- }
-
- sanitize(html) {
- return html;
- }
-
- bypassSecurityTrustHtml(value: string): any {
- return value;
- }
-
- bypassSecurityTrustStyle(): any {
- return null;
- }
-
- bypassSecurityTrustScript(): any {
- return null;
- }
-
- bypassSecurityTrustUrl(): any {
- return null;
- }
-
- bypassSecurityTrustResourceUrl(): any {
- return null;
- }
-}
-
-describe('User info component', () => {
- const profilePictureUrl = 'alfresco-logo.svg';
-
- let component: UserInfoComponent;
- let fixture: ComponentFixture;
- let element: HTMLElement;
- let authService: AuthenticationService;
- let contentService: ContentService;
- let peopleContentService: PeopleContentService;
- let bpmUserService: BpmUserService;
- let identityUserService: IdentityUserService;
-
- const identityUserMock = { firstName: 'fake-identity-first-name', lastName: 'fake-identity-last-name', email: 'fakeIdentity@email.com' };
- const identityUserWithOutFirstNameMock = { firstName: null, lastName: 'fake-identity-last-name', email: 'fakeIdentity@email.com' };
- const identityUserWithOutLastNameMock = { firstName: 'fake-identity-first-name', lastName: null, email: 'fakeIdentity@email.com' };
-
- const openUserInfo = () => {
- fixture.detectChanges();
- const imageButton = element.querySelector('#logged-user-img');
- imageButton.click();
- fixture.detectChanges();
- };
-
- const whenFixtureReady = async () => {
- fixture.detectChanges();
- await fixture.whenStable();
- fixture.detectChanges();
- };
-
- setupTestBed({
- imports: [
- TranslateModule.forRoot(),
- CoreTestingModule,
- MatMenuModule
- ]
- });
-
- beforeEach(() => {
- fixture = TestBed.createComponent(UserInfoComponent);
- component = fixture.componentInstance;
- element = fixture.nativeElement;
-
- authService = TestBed.inject(AuthenticationService);
- peopleContentService = TestBed.inject(PeopleContentService);
- bpmUserService = TestBed.inject(BpmUserService);
- contentService = TestBed.inject(ContentService);
- identityUserService = TestBed.inject(IdentityUserService);
-
- spyOn(window, 'requestAnimationFrame').and.returnValue(1);
- spyOn(bpmUserService, 'getCurrentUserProfileImage').and.returnValue(profilePictureUrl);
- spyOn(contentService, 'getContentUrl').and.returnValue(profilePictureUrl);
- });
-
- afterEach(() => {
- fixture.destroy();
- });
-
- it('should not show any image if the user is not logged in', () => {
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('#logged-user-img')).toBeNull();
- });
-
- it('should NOT have users immediately after ngOnInit', () => {
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('#ecm_username')).toBeNull();
- expect(element.querySelector('#bpm_username')).toBeNull();
- expect(element.querySelector('#user-profile-lists')).toBeNull();
- });
-
- describe('when user is logged on ecm', () => {
-
- let getCurrenEcmtUserInfoStub;
- let isOauthStub;
- let isEcmLoggedInStub;
- let isLoggedInStub;
- let isBpmLoggedInStub;
-
- beforeEach(() => {
- isOauthStub = spyOn(authService, 'isOauth').and.returnValue(false);
- isEcmLoggedInStub = spyOn(authService, 'isEcmLoggedIn').and.returnValue(true);
- isLoggedInStub = spyOn(authService, 'isLoggedIn').and.returnValue(true);
- isBpmLoggedInStub = spyOn(authService, 'isBpmLoggedIn').and.returnValue(false);
- getCurrenEcmtUserInfoStub = spyOn(peopleContentService, 'getCurrentUserInfo').and.returnValue(of(fakeEcmUser as any));
- });
-
- describe('ui ', () => {
-
- it('should able to fetch ecm userInfo', (done) => {
- component.getUserInfo();
- fixture.detectChanges();
- fixture.whenStable().then(() => {
- component.ecmUser$.subscribe((response: EcmUserModel) => {
- expect(response).toBeDefined();
- expect(response.firstName).toBe('fake-ecm-first-name');
- expect(response.lastName).toBe('fake-ecm-last-name');
- expect(response.email).toBe('fakeEcm@ecmUser.com');
- done();
- });
- });
- });
-
- it('should show ecm only last name when user first name is null ', async () => {
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmEditedUser));
- await whenFixtureReady();
-
- openUserInfo();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- const ecmUsername = fixture.debugElement.query(By.css('#ecm-username'));
- expect(ecmUsername).toBeDefined();
- expect(ecmUsername).not.toBeNull();
- expect(ecmUsername.nativeElement.textContent).not.toContain('fake-ecm-first-name');
- expect(ecmUsername.nativeElement.textContent).not.toContain('null');
- });
-
- it('should show the username when showName attribute is true', async () => {
- await whenFixtureReady();
- expect(component.showName).toBeTruthy();
- expect(element.querySelector('#adf-userinfo-ecm-name-display')).not.toBeNull();
- });
-
- it('should hide the username when showName attribute is false', async () => {
- component.showName = false;
- await whenFixtureReady();
- expect(element.querySelector('#adf-userinfo-ecm-name-display')).toBeNull();
- });
-
- it('should have the defined class to show the name on the right side', async () => {
- await whenFixtureReady();
- expect(element.querySelector('#userinfo_container').classList).toContain('adf-userinfo-name-right');
- });
-
- it('should not have the defined class to show the name on the left side', async () => {
- component.namePosition = 'left';
- await whenFixtureReady();
- expect(element.querySelector('#userinfo_container').classList).not.toContain('adf-userinfo-name-right');
- });
-
- describe('and has image', () => {
-
- beforeEach(async () => {
- isOauthStub.and.returnValue(false);
- isEcmLoggedInStub.and.returnValue(true);
- isLoggedInStub.and.returnValue(true);
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUser));
- await whenFixtureReady();
- });
-
- it('should get the ecm current user image from the service', async () => {
- openUserInfo();
- const loggedImage = fixture.debugElement.query(By.css('#logged-user-img'));
-
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(loggedImage).not.toBeNull();
- expect(loggedImage.properties.src).toContain(profilePictureUrl);
- });
-
- it('should display the current user image if user has avatarId', (done) => {
- openUserInfo();
- const loggedImage = fixture.debugElement.query(By.css('#logged-user-img'));
- component.ecmUser$.subscribe((response: EcmUserModel) => {
- expect(response).toBeDefined();
- expect(response.avatarId).toBe('fake-avatar-id');
- done();
- });
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(loggedImage).not.toBeNull();
- expect(loggedImage.properties.src).toContain(profilePictureUrl);
- });
-
- it('should get the ecm user information from the service', async () => {
- openUserInfo();
- const ecmImage = fixture.debugElement.query(By.css('#ecm-user-detail-image'));
- const ecmFullName = fixture.debugElement.query(By.css('#ecm-full-name'));
- const ecmJobTitle = fixture.debugElement.query(By.css('#ecm-job-title-label'));
-
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(fixture.debugElement.query(By.css('#ecm-username'))).not.toBeNull();
- expect(ecmImage).not.toBeNull();
- expect(ecmImage.properties.src).toContain(profilePictureUrl);
- expect(ecmFullName.nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
- expect(ecmJobTitle.nativeElement.textContent).toContain('USER_PROFILE.LABELS.ECM.JOB_TITLE');
- });
- });
-
- describe('and has no image', () => {
-
- beforeEach( async () => {
- isOauthStub.and.returnValue(false);
- isEcmLoggedInStub.and.returnValue(true);
- isLoggedInStub.and.returnValue(true);
- isBpmLoggedInStub.and.returnValue(false);
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUserNoImage));
- await whenFixtureReady();
- });
-
- it('should show N/A when the job title is null', () => {
- const imageButton = element.querySelector('[data-automation-id="user-initials-image"]');
- imageButton.click();
- fixture.detectChanges();
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- const ecmJobTitle = fixture.debugElement.query(By.css('#ecm-job-title'));
- expect(ecmJobTitle).not.toBeNull();
- expect(ecmJobTitle).not.toBeNull();
- expect(ecmJobTitle.nativeElement.textContent).toContain('N/A');
- });
-
- it('should not show the tabs', () => {
- const imageButton = element.querySelector('[data-automation-id="user-initials-image"]');
- imageButton.click();
- fixture.detectChanges();
- const tabHeader = fixture.debugElement.query(By.css('#tab-group-env'));
- expect(tabHeader.classes['adf-hide-tab']).toBeTruthy();
- });
-
- it('should display the current user Initials if the user dose not have avatarId', (done) => {
- fixture.detectChanges();
- const pipe = new InitialUsernamePipe(new FakeSanitizer());
- const expected = pipe.transform({
- id: 13,
- firstName: 'Wilbur',
- lastName: 'Adams',
- email: 'wilbur@app.com'
- });
- expect(expected).toBe('WA
');
- component.ecmUser$.subscribe((response: EcmUserModel) => {
- expect(response).toBeDefined();
- expect(response.avatarId).toBeNull();
- done();
- });
- });
- });
- });
-
- describe('when user is logged on bpm', () => {
-
- let getCurrentUserInfoStub: jasmine.Spy;
-
- beforeEach(() => {
- isOauthStub.and.returnValue(false);
- isBpmLoggedInStub.and.returnValue(true);
- isLoggedInStub.and.returnValue(true);
- isEcmLoggedInStub.and.returnValue(false);
- getCurrentUserInfoStub = spyOn(bpmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeBpmUser));
- });
-
- it('should fetch bpm userInfo', (done) => {
- getCurrentUserInfoStub.and.returnValue(of(fakeBpmUser));
- fixture.detectChanges();
- fixture.whenStable().then(() => {
- component.bpmUser$.subscribe((response: BpmUserModel) => {
- expect(response).toBeDefined();
- expect(response.firstName).toBe('fake-bpm-first-name');
- expect(response.lastName).toBe('fake-bpm-last-name');
- expect(response.email).toBe('fakeBpm@fake.com');
- done();
- });
- });
- });
-
- it('should show full name next the user image', async () => {
- await whenFixtureReady();
- openUserInfo();
- const bpmUserName = fixture.debugElement.query(By.css('#bpm-username'));
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(bpmUserName).toBeDefined();
- expect(bpmUserName).not.toBeNull();
- expect(bpmUserName.nativeElement.innerHTML).toContain('fake-bpm-first-name fake-bpm-last-name');
- });
-
- it('should get the bpm current user image from the service', async () => {
- await whenFixtureReady();
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(element.querySelector('#logged-user-img')).not.toBeNull();
- expect(element.querySelector('#logged-user-img').getAttribute('src')).toContain(profilePictureUrl);
- });
-
- it('should show last name if first name is null', async () => {
- const wrongBpmUser: BpmUserModel = new BpmUserModel({
- firstName: null,
- lastName: 'fake-last-name'
- });
- getCurrentUserInfoStub.and.returnValue(of(wrongBpmUser));
- await whenFixtureReady();
- const fullNameElement = (element.querySelector('#adf-userinfo-bpm-name-display'));
- fixture.detectChanges();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('#adf-userinfo-bpm-name-display')).not.toBeNull();
- expect(fullNameElement.textContent).toContain('fake-last-name');
- expect(fullNameElement.textContent).not.toContain('fake-first-name');
- });
-
- it('should not show the tabs', async () => {
- await whenFixtureReady();
- openUserInfo();
- await fixture.whenStable();
- fixture.detectChanges();
- expect(fixture.debugElement.query(By.css('#tab-group-env')).classes['adf-hide-tab']).toBeTruthy();
- });
- });
-
- describe('when user is logged on bpm and ecm', () => {
-
- beforeEach(() => {
- isOauthStub.and.returnValue(false);
- isEcmLoggedInStub.and.returnValue(true);
- isBpmLoggedInStub.and.returnValue(true);
- isLoggedInStub.and.returnValue(true);
-
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUser));
- spyOn(bpmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeBpmUser));
- });
-
- it('should get the bpm user information from the service', async () => {
- await whenFixtureReady();
- openUserInfo();
- const bpmTab = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'))[1];
- bpmTab.triggerEventHandler('click', null);
- fixture.detectChanges();
- await fixture.whenStable();
- const bpmUsername = fixture.debugElement.query(By.css('#bpm-username'));
- const bpmImage = fixture.debugElement.query(By.css('#bpm-user-detail-image'));
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- expect(bpmUsername).not.toBeNull();
- expect(bpmImage).not.toBeNull();
- expect(bpmImage.properties.src).toContain(profilePictureUrl);
- expect(bpmUsername.nativeElement.textContent).toContain('fake-bpm-first-name fake-bpm-last-name');
- expect(fixture.debugElement.query(By.css('#bpm-tenant')).nativeElement.textContent).toContain('fake-tenant-name');
- });
-
- it('should get the ecm user information from the service', async () => {
- await whenFixtureReady();
- openUserInfo();
- const ecmUsername = fixture.debugElement.query(By.css('#ecm-username'));
- const ecmImage = fixture.debugElement.query(By.css('#ecm-user-detail-image'));
-
- fixture.detectChanges();
- await fixture.whenStable();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(ecmUsername).not.toBeNull();
- expect(ecmImage).not.toBeNull();
- expect(ecmImage.properties.src).toContain(profilePictureUrl);
- expect(fixture.debugElement.query(By.css('#ecm-full-name')).nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
- expect(fixture.debugElement.query(By.css('#ecm-job-title')).nativeElement.textContent).toContain('job-ecm-test');
- });
-
- it('should show the ecm image if exists', async () => {
- await whenFixtureReady();
- openUserInfo();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('#logged-user-img')).toBeDefined();
- expect(element.querySelector('#logged-user-img').getAttribute('src')).toEqual(profilePictureUrl);
- });
-
- it('should show the ecm initials if the ecm user has no image', async () => {
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUserNoImage));
- await whenFixtureReady();
-
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('[data-automation-id="user-initials-image"]').textContent).toContain('ff');
- });
-
- it('should show the tabs for the env', async () => {
- await whenFixtureReady();
- openUserInfo();
- const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
- const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
-
- expect(tabGroup).not.toBeNull();
- expect(tabGroup.classes['adf-hide-tab']).toBeFalsy();
- expect(tabs.length).toBe(2);
- });
-
- it('should not close the menu when a tab is clicked', async () => {
- await whenFixtureReady();
- openUserInfo();
- const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
- const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
-
- expect(tabGroup).not.toBeNull();
- tabs[1].triggerEventHandler('click', null);
- fixture.detectChanges();
- expect(fixture.debugElement.query(By.css('#user-profile-lists'))).not.toBeNull();
- });
- });
-
- describe('when identity user is logged in', () => {
-
- let getCurrentUserInfoStub: jasmine.Spy;
-
- beforeEach(() => {
- isOauthStub.and.returnValue(true);
- isLoggedInStub.and.returnValue(true);
- isEcmLoggedInStub.and.returnValue(false);
- getCurrentUserInfoStub = spyOn(identityUserService, 'getCurrentUserInfo').and.returnValue(identityUserMock);
- });
-
- it('should show the identity user initials if is not ecm user', async () => {
- await whenFixtureReady();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('[data-automation-id="user-initials-image"]').textContent).toContain('ff');
- });
-
- it('should able to fetch identity userInfo', (done) => {
- fixture.detectChanges();
-
- fixture.whenStable().then(() => {
- component.identityUser$.subscribe(response => {
- expect(response).toBeDefined();
- expect(response.firstName).toBe('fake-identity-first-name');
- expect(response.lastName).toBe('fake-identity-last-name');
- expect(response.email).toBe('fakeIdentity@email.com');
- done();
- });
- });
- });
-
- it('should show full name next the user image', async () => {
- await whenFixtureReady();
-
- const imageButton = element.querySelector('#identity-user-image');
- imageButton.click();
- fixture.detectChanges();
- expect(element.querySelector('#userinfo_container')).not.toBeNull();
- const bpmUserName = fixture.debugElement.query(By.css('#identity-username'));
- expect(bpmUserName).toBeDefined();
- expect(bpmUserName).not.toBeNull();
- expect(bpmUserName.nativeElement.textContent).toContain('fake-identity-first-name fake-identity-last-name');
- });
-
- it('should show last name if first name is null', async () => {
- getCurrentUserInfoStub.and.returnValue(identityUserWithOutFirstNameMock);
- await whenFixtureReady();
-
- const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(element.querySelector('#adf-userinfo-identity-name-display')).not.toBeNull();
- expect(fullNameElement.textContent).toContain('fake-identity-last-name');
- expect(fullNameElement.textContent).not.toContain('fake-identity-first-name');
- });
-
- it('should not show first name if it is null string', async () => {
- getCurrentUserInfoStub.and.returnValue(identityUserWithOutFirstNameMock);
- await whenFixtureReady();
-
- const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
- fixture.detectChanges();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(fullNameElement).toBeDefined();
- expect(fullNameElement.textContent).toContain('fake-identity-last-name');
- expect(fullNameElement.textContent).not.toContain('null');
- });
-
- it('should not show last name if it is null string', async () => {
- getCurrentUserInfoStub.and.returnValue(identityUserWithOutLastNameMock);
- await whenFixtureReady();
-
- const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
- fixture.detectChanges();
- expect(element.querySelector('#userinfo_container')).toBeDefined();
- expect(fullNameElement).toBeDefined();
- expect(fullNameElement.textContent).toContain('fake-identity-first-name');
- expect(fullNameElement.textContent).not.toContain('null');
- });
-
- it('should not show initials if the user have avatar and provider is ECM', async () => {
- getCurrentUserInfoStub.and.returnValue(identityUserWithOutLastNameMock);
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUser));
- isEcmLoggedInStub.and.returnValue(true);
- await whenFixtureReady();
-
- expect(element.querySelector('.adf-userinfo-pic')).toBeNull();
- expect(element.querySelector('.adf-userinfo-profile-image')).toBeDefined();
- expect(element.querySelector('.adf-userinfo-profile-image')).not.toBeNull();
- });
-
- it('should show initials if the user has avatar but provider is not ECM', async () => {
- getCurrentUserInfoStub.and.returnValue(identityUserWithOutLastNameMock);
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUser));
- isEcmLoggedInStub.and.returnValue(false);
- await whenFixtureReady();
-
- expect(element.querySelector('.adf-userinfo-pic')).not.toBeNull();
- expect(element.querySelector('.adf-userinfo-profile-image')).toBeNull();
- });
- });
-
- describe('kerberos', () => {
-
- beforeEach(async () => {
- isOauthStub.and.returnValue(false);
- isEcmLoggedInStub.and.returnValue(false);
- isBpmLoggedInStub.and.returnValue(false);
- isLoggedInStub.and.returnValue(false);
- spyOn(authService, 'isKerberosEnabled').and.returnValue(true);
- spyOn(authService, 'isALLProvider').and.returnValue(true);
- spyOn(bpmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeBpmUser));
- getCurrenEcmtUserInfoStub.and.returnValue(of(fakeEcmUser));
-
- await whenFixtureReady();
- });
-
- it('should show the bpm user information', async () => {
- openUserInfo();
- const bpmTab = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'))[1];
- bpmTab.triggerEventHandler('click', null);
- fixture.detectChanges();
- await fixture.whenStable();
- const bpmUsername = fixture.debugElement.query(By.css('#bpm-username'));
- const bpmImage = fixture.debugElement.query(By.css('#bpm-user-detail-image'));
- expect(bpmImage.properties.src).toContain(profilePictureUrl);
- expect(bpmUsername.nativeElement.textContent).toContain('fake-bpm-first-name fake-bpm-last-name');
- expect(fixture.debugElement.query(By.css('#bpm-tenant')).nativeElement.textContent).toContain('fake-tenant-name');
- });
-
- it('should show the ecm user information', async () => {
- openUserInfo();
- const ecmTab = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'))[0];
- ecmTab.triggerEventHandler('click', null);
- fixture.detectChanges();
- await fixture.whenStable();
- expect(fixture.debugElement.query(By.css('#ecm-full-name')).nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
- expect(fixture.debugElement.query(By.css('#ecm-job-title')).nativeElement.textContent).toContain('job-ecm-test');
- });
- });
- });
-});
diff --git a/lib/core/src/lib/userinfo/components/user-info.component.stories.ts b/lib/core/src/lib/userinfo/components/user-info.component.stories.ts
deleted file mode 100644
index cce7dcd3b2..0000000000
--- a/lib/core/src/lib/userinfo/components/user-info.component.stories.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
- Meta,
- moduleMetadata,
- Story
-} from '@storybook/angular';
-import { CoreStoryModule } from '../../testing/core.story.module';
-import { UserInfoComponent } from './user-info.component';
-import { UserInfoModule } from '../userinfo.module';
-import { PeopleContentService } from './../../services/people-content.service';
-import { BpmUserService } from './../../services/bpm-user.service';
-import { IdentityUserService } from '../../auth/services/identity-user.service';
-import { AuthenticationService } from '../../auth/services/authentication.service';
-import { AuthenticationServiceMock } from './mocks/authentication.service.mock';
-import {
- BpmUserServiceMock,
- IdentityUserServiceMock,
- PeopleContentServiceMock
-} from './mocks/user.service.mock';
-
-export default {
- component: UserInfoComponent,
- title: 'Core/User Info/User Info',
- decorators: [
- moduleMetadata({
- imports: [CoreStoryModule, UserInfoModule],
- providers: [
- {
- provide: PeopleContentService,
- useClass: PeopleContentServiceMock
- },
- {
- provide: BpmUserService,
- useClass: BpmUserServiceMock
- },
- {
- provide: IdentityUserService,
- useClass: IdentityUserServiceMock
- },
- {
- provide: AuthenticationService,
- useClass: AuthenticationServiceMock
- }
- ]
- })
- ],
- argTypes: {
- menuPositionX: {
- description:
- 'Material Angular menu horizontal position in regard to User Info',
- control: 'radio',
- options: ['before', 'after'],
- defaultValue: 'after',
- table: {
- type: { summary: 'MenuPositionX' },
- defaultValue: { summary: 'after' }
- }
- },
- menuPositionY: {
- description:
- 'Material Angular menu vertical position in regard to User Info',
- control: 'radio',
- options: ['above', 'below'],
- defaultValue: 'below',
- table: {
- type: { summary: 'MenuPositionY' },
- defaultValue: { summary: 'below' }
- }
- },
- showName: {
- description:
- 'Determines if name should be shown next to user avatar',
- control: 'boolean',
- defaultValue: true,
- table: {
- type: { summary: 'boolean' },
- defaultValue: { summary: true }
- }
- },
- namePosition: {
- description: 'User name position in regard to avatar',
- control: 'radio',
- options: ['left', 'right'],
- defaultValue: 'right',
- table: {
- type: { summary: 'string' },
- defaultValue: { summary: 'right' }
- }
- },
- ecmBackgroundImage: {
- description: 'Menu background banner image for ACS users',
- control: {
- disable: true
- },
- table: {
- type: { summary: 'string' },
- defaultValue: { summary: './assets/images/ecm-background.png' }
- }
- },
- bpmBackgroundImage: {
- description: 'Menu background banner image for APS users',
- control: {
- disable: true
- },
- table: {
- type: {
- summary: 'string'
- },
- defaultValue: {
- summary: './assets/images/bpm-background.png'
- }
- }
- }
- }
-} as Meta;
-
-const template: Story = (args: UserInfoComponent) => ({
- props: args
-});
-
-export const loginWithSSO = template.bind({});
-loginWithSSO.decorators = [
- moduleMetadata({
- providers: [
- {
- provide: 'MODE',
- useValue: 'default'
- }
- ]
- })
-];
-loginWithSSO.parameters = { layout: 'centered' };
-
-export const loginWithSSOAndACS = template.bind({});
-loginWithSSOAndACS.decorators = [
- moduleMetadata({
- providers: [
- {
- provide: 'MODE',
- useValue: 'defaultEcm'
- }
- ]
- })
-];
-loginWithSSOAndACS.parameters = { layout: 'centered' };
-
-export const loginWithAPSAndACS = template.bind({});
-loginWithAPSAndACS.decorators = [
- moduleMetadata({
- providers: [
- {
- provide: 'MODE',
- useValue: 'all'
- }
- ]
- })
-];
-loginWithAPSAndACS.parameters = { layout: 'centered' };
-
-export const loginWithACS = template.bind({});
-loginWithACS.decorators = [
- moduleMetadata({
- providers: [
- {
- provide: 'MODE',
- useValue: 'ecm'
- }
- ]
- })
-];
-loginWithACS.parameters = { layout: 'centered' };
-
-export const loginWithAPS = template.bind({});
-loginWithAPS.decorators = [
- moduleMetadata({
- providers: [
- {
- provide: 'MODE',
- useValue: 'bpm'
- }
- ]
- })
-];
-loginWithAPS.parameters = { layout: 'centered' };
diff --git a/lib/core/src/public-api.ts b/lib/core/src/public-api.ts
index b94e455357..191cc5cb38 100644
--- a/lib/core/src/public-api.ts
+++ b/lib/core/src/public-api.ts
@@ -17,12 +17,12 @@
export * from './lib/about/index';
export * from './lib/viewer/index';
-export * from './lib/userinfo/index';
export * from './lib/toolbar/index';
export * from './lib/pagination/index';
export * from './lib/login/index';
export * from './lib/language-menu/index';
export * from './lib/info-drawer/index';
+export * from './lib/identity-user-info/index';
export * from './lib/datatable/data-column/index';
export * from './lib/datatable/index';
export * from './lib/context-menu/index';
diff --git a/lib/process-services/src/lib/process-user-info/index.ts b/lib/process-services/src/lib/process-user-info/index.ts
new file mode 100644
index 0000000000..a7e30cc675
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/index.ts
@@ -0,0 +1,18 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './public-api';
diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.component.html b/lib/process-services/src/lib/process-user-info/process-user-info.component.html
new file mode 100644
index 0000000000..bc5582dcdf
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/process-user-info.component.html
@@ -0,0 +1,109 @@
+
+
+ {{bpmUser | fullName}}
+
+
+
+
diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.component.scss b/lib/process-services/src/lib/process-user-info/process-user-info.component.scss
new file mode 100644
index 0000000000..4161e22a04
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/process-user-info.component.scss
@@ -0,0 +1,188 @@
+.adf {
+ &-userinfo-container {
+ display: flex;
+ align-items: center;
+ padding: 0 5px;
+ }
+
+ &-userinfo-name-right {
+ flex-direction: row-reverse;
+ }
+
+ &-userinfo-name {
+ padding: 0 5px;
+
+ @media screen and (max-width: 959px) {
+ display: none;
+ }
+ }
+
+ &-userinfo-pic {
+ background: var(--adf-user-info-color);
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 100px;
+ text-align: center;
+ font-weight: bolder;
+ font-size: var(--theme-adf-picture-1-font-size);
+ text-transform: uppercase;
+ vertical-align: middle;
+ line-height: 40px;
+ }
+
+ &-userinfo-profile-image {
+ background: var(--adf-user-info-color);
+ text-align: center;
+ border-radius: 90%;
+ width: 40px;
+ height: 40px;
+ margin-right: 0;
+ cursor: pointer;
+ vertical-align: middle;
+ margin-left: 0;
+ }
+
+ &-userinfo-profile-container {
+ display: inline-block;
+ }
+
+ &-userinfo-menu_button.mat-button {
+ margin-right: 0;
+ border-radius: 90%;
+ padding: 0;
+ min-width: 40px;
+ height: 40px;
+ }
+
+ &-userinfo-tab .mat-tab-header {
+ align-self: center;
+ width: 100%;
+ min-width: 250px;
+ }
+
+ &-userinfo-tab .mat-tab-label {
+ flex: auto;
+ font-weight: 500;
+ font-size: var(--theme-body-1-font-size);
+ text-transform: uppercase;
+ line-height: 48px;
+ text-align: center;
+ }
+
+ &-userinfo-card-header {
+ align-items: center;
+ display: flex;
+ justify-content: stretch;
+ line-height: normal;
+ height: 100px;
+ box-sizing: border-box;
+ }
+
+ &-userinfo-card.mat-card {
+ padding: 0;
+ }
+
+ &-userinfo-supporting-text {
+ font-size: var(--theme-body-1-font-size);
+ font-weight: 400;
+ letter-spacing: 0;
+ line-height: 18px;
+ overflow: hidden;
+ padding: 32px;
+ column-count: 2;
+ display: flex;
+ justify-content: space-between;
+
+ @media screen and (max-width: 599px) {
+ padding: 10px;
+ }
+ }
+
+ &-userinfo-title {
+ font-size: var(--theme-title-font-size);
+ }
+
+ &-userinfo__detail-profile {
+ align-items: flex-start;
+ font-size: var(--theme-body-1-font-size);
+ font-weight: 400;
+ letter-spacing: 0;
+ line-height: 18px;
+ display: block;
+ padding: 0;
+ margin: 0;
+ }
+
+ &-userinfo__detail-title {
+ text-overflow: ellipsis;
+ font-size: var(--theme-subheading-2-font-size);
+ font-weight: 400;
+ letter-spacing: 0.04em;
+ line-height: 20px;
+ align-items: flex-start;
+ }
+
+ &-userinfo__secondary-info {
+ font-size: var(--theme-body-1-font-size);
+ font-weight: 400;
+ letter-spacing: 0;
+ line-height: 18px;
+ align-items: flex-end;
+ }
+
+ &-userinfo-profile-picture {
+ background: var(--adf-user-info-color);
+ background-size: cover;
+ border-radius: 50%;
+ height: 80px;
+ width: 80px;
+ margin-left: 0;
+ margin-right: 8px;
+ }
+
+ &-userinfo-profile-initials {
+ text-transform: uppercase;
+ background-size: cover;
+ background-color: var(--adf-user-info-color);
+ border-radius: 50%;
+ height: 80px;
+ width: 80px;
+ margin-left: 0;
+ margin-right: 8px;
+ font-size: 35px;
+ font-weight: 400;
+ letter-spacing: 0;
+ line-height: 78px;
+ overflow: hidden;
+ display: flex;
+ justify-content: space-around;
+ }
+
+ &-userinfo-button-profile {
+ display: inline-block;
+ border: 0;
+ vertical-align: middle;
+ }
+
+ &-userinfo-detail {
+ text-align: left;
+ }
+
+ &-hide-tab .mat-tab-label-active {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-device-width: 480px) {
+ .mat-menu-panel.adf-userinfo-menu {
+ max-height: 450px;
+ min-width: 450px;
+ overflow: auto;
+ padding: 0;
+ }
+}
+
+.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
+ padding: 0;
+}
diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.component.spec.ts b/lib/process-services/src/lib/process-user-info/process-user-info.component.spec.ts
new file mode 100644
index 0000000000..0af79be5c7
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/process-user-info.component.spec.ts
@@ -0,0 +1,228 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+ CoreTestingModule,
+ fakeBpmUser,
+ BpmUserModel,
+ setupTestBed,
+ fakeEcmUser,
+ fakeEcmUserNoImage,
+ UserInfoMode
+} from '@alfresco/adf-core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { By } from '@angular/platform-browser';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { ProcessUserInfoComponent } from './process-user-info.component';
+
+describe('ProcessUserInfoComponent', () => {
+ const profilePictureUrl = 'alfresco-logo.svg';
+
+ let component: ProcessUserInfoComponent;
+ let fixture: ComponentFixture;
+ let element: HTMLElement;
+
+ const openUserInfo = () => {
+ fixture.detectChanges();
+ const imageButton = element.querySelector('#logged-user-img');
+ imageButton.click();
+ fixture.detectChanges();
+ };
+
+ const whenFixtureReady = async () => {
+ fixture.detectChanges();
+ await fixture.whenStable();
+ fixture.detectChanges();
+ };
+
+ setupTestBed({
+ imports: [
+ TranslateModule.forRoot(),
+ CoreTestingModule,
+ MatMenuModule
+ ]
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ProcessUserInfoComponent);
+ component = fixture.componentInstance;
+ element = fixture.nativeElement;
+
+ spyOn(window, 'requestAnimationFrame').and.returnValue(1);
+ });
+
+ afterEach(() => {
+ fixture.destroy();
+ });
+
+ it('should not show any image if the user is not logged in', () => {
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(element.querySelector('#logged-user-img')).toBeNull();
+ });
+
+ it('should NOT have users immediately after ngOnInit', () => {
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(element.querySelector('#ecm_username')).toBeNull();
+ expect(element.querySelector('#bpm_username')).toBeNull();
+ expect(element.querySelector('#user-profile-lists')).toBeNull();
+ });
+
+ describe('when user is logged on bpm', () => {
+
+ beforeEach(async () => {
+ component.bpmUser = fakeBpmUser;
+ component.isLoggedIn = true;
+ });
+
+ it('should show full name next the user image', async () => {
+ await whenFixtureReady();
+ openUserInfo();
+ const bpmUserName = fixture.debugElement.query(By.css('#bpm-username'));
+ expect(element.querySelector('#userinfo_container')).not.toBeNull();
+ expect(bpmUserName).toBeDefined();
+ expect(bpmUserName).not.toBeNull();
+ expect(bpmUserName.nativeElement.innerHTML).toContain('fake-bpm-first-name fake-bpm-last-name');
+ });
+
+ it('should get the bpm current user image from the service', async () => {
+ spyOn(component, 'getBpmUserImage').and.returnValue(profilePictureUrl);
+ await whenFixtureReady();
+ expect(element.querySelector('#userinfo_container')).not.toBeNull();
+ expect(element.querySelector('#logged-user-img')).not.toBeNull();
+ expect(element.querySelector('#logged-user-img').getAttribute('src')).toContain(profilePictureUrl);
+ });
+
+ it('should show last name if first name is null', async () => {
+ const wrongBpmUser: BpmUserModel = new BpmUserModel({
+ firstName: null,
+ lastName: 'fake-last-name'
+ });
+ component.bpmUser = wrongBpmUser;
+ await whenFixtureReady();
+ const fullNameElement = (element.querySelector('#adf-userinfo-bpm-name-display'));
+ fixture.detectChanges();
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(element.querySelector('#adf-userinfo-bpm-name-display')).not.toBeNull();
+ expect(fullNameElement.textContent).toContain('fake-last-name');
+ expect(fullNameElement.textContent).not.toContain('fake-first-name');
+ });
+
+ it('should not show the tabs', async () => {
+ await whenFixtureReady();
+ openUserInfo();
+ await fixture.whenStable();
+ fixture.detectChanges();
+ expect(fixture.debugElement.query(By.css('#tab-group-env')).classes['adf-hide-tab']).toBeTruthy();
+ });
+ });
+
+ describe('when user is logged on bpm and ecm', () => {
+
+ beforeEach(async () => {
+ component.bpmUser = fakeBpmUser;
+ component.ecmUser = fakeEcmUser as any;
+ component.isLoggedIn = true;
+ component.mode = UserInfoMode.ALL;
+ });
+
+ it('should show the tabs', async () => {
+ await whenFixtureReady();
+ openUserInfo();
+ await fixture.whenStable();
+ fixture.detectChanges();
+ expect(fixture.debugElement.query(By.css('#tab-group-env')).classes['adf-hide-tab']).toBeFalsy();
+ });
+
+ it('should get the bpm user information', async () => {
+ spyOn(component, 'getBpmUserImage').and.returnValue(profilePictureUrl);
+ await whenFixtureReady();
+ openUserInfo();
+ const bpmTab = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'))[1];
+ bpmTab.triggerEventHandler('click', null);
+ fixture.detectChanges();
+ await fixture.whenStable();
+ const bpmUsername = fixture.debugElement.query(By.css('#bpm-username'));
+ const bpmImage = fixture.debugElement.query(By.css('#bpm-user-detail-image'));
+ expect(element.querySelector('#userinfo_container')).not.toBeNull();
+ expect(bpmUsername).not.toBeNull();
+ expect(bpmImage).not.toBeNull();
+ expect(bpmImage.properties.src).toContain(profilePictureUrl);
+ expect(bpmUsername.nativeElement.textContent).toContain('fake-bpm-first-name fake-bpm-last-name');
+ expect(fixture.debugElement.query(By.css('#bpm-tenant')).nativeElement.textContent).toContain('fake-tenant-name');
+ });
+
+ it('should get the ecm user information', async () => {
+ spyOn(component, 'getEcmAvatar').and.returnValue(profilePictureUrl);
+ await whenFixtureReady();
+ openUserInfo();
+ const ecmUsername = fixture.debugElement.query(By.css('#ecm-username'));
+ const ecmImage = fixture.debugElement.query(By.css('#ecm-user-detail-image'));
+
+ fixture.detectChanges();
+ await fixture.whenStable();
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(ecmUsername).not.toBeNull();
+ expect(ecmImage).not.toBeNull();
+ expect(ecmImage.properties.src).toContain(profilePictureUrl);
+ expect(fixture.debugElement.query(By.css('#ecm-full-name')).nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
+ expect(fixture.debugElement.query(By.css('#ecm-job-title')).nativeElement.textContent).toContain('job-ecm-test');
+ });
+
+ it('should show the ecm image if exists', async () => {
+ spyOn(component, 'getEcmAvatar').and.returnValue(profilePictureUrl);
+ await whenFixtureReady();
+ openUserInfo();
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(element.querySelector('#logged-user-img')).toBeDefined();
+ expect(element.querySelector('#logged-user-img').getAttribute('src')).toEqual(profilePictureUrl);
+ });
+
+ it('should show the ecm initials if the ecm user has no image', async () => {
+ component.ecmUser = fakeEcmUserNoImage as any;
+ await whenFixtureReady();
+
+ expect(element.querySelector('#userinfo_container')).toBeDefined();
+ expect(element.querySelector('[data-automation-id="user-initials-image"]').textContent).toContain('ff');
+ });
+
+ it('should show the tabs for the env', async () => {
+ await whenFixtureReady();
+ openUserInfo();
+ const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
+ const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
+
+ expect(tabGroup).not.toBeNull();
+ expect(tabGroup.classes['adf-hide-tab']).toBeFalsy();
+ expect(tabs.length).toBe(2);
+ });
+
+ it('should not close the menu when a tab is clicked', async () => {
+ await whenFixtureReady();
+ openUserInfo();
+ const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
+
+ const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
+
+ expect(tabGroup).not.toBeNull();
+ tabs[1].triggerEventHandler('click', null);
+ fixture.detectChanges();
+ expect(fixture.debugElement.query(By.css('#user-profile-lists'))).not.toBeNull();
+ });
+ });
+});
diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.component.ts b/lib/process-services/src/lib/process-user-info/process-user-info.component.ts
new file mode 100644
index 0000000000..bb076f310e
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/process-user-info.component.ts
@@ -0,0 +1,112 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { BpmUserModel, BpmUserService, EcmUserModel, PeopleContentService, UserInfoMode } from '@alfresco/adf-core';
+import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
+import { MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
+import { Subject } from 'rxjs';
+
+@Component({
+ selector: 'adf-process-user-info',
+ templateUrl: './process-user-info.component.html',
+ styleUrls: ['./process-user-info.component.scss'],
+ encapsulation: ViewEncapsulation.None
+})
+export class ProcessUserInfoComponent implements OnDestroy {
+
+ @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
+
+ @Input()
+ isLoggedIn: boolean;
+
+ @Input()
+ bpmUser: BpmUserModel;
+
+ @Input()
+ ecmUser: EcmUserModel;
+
+ @Input()
+ mode: UserInfoMode = UserInfoMode.PROCESS;
+
+ /** Custom path for the background banner image for APS users. */
+ @Input()
+ bpmBackgroundImage: string = './assets/images/bpm-background.png';
+
+ /** Custom path for the background banner image for ACS users. */
+ @Input()
+ ecmBackgroundImage: string = './assets/images/ecm-background.png';
+
+ /** Custom choice for opening the menu at the bottom. Can be `before` or `after`. */
+ @Input()
+ menuPositionX: MenuPositionX = 'after';
+
+ /** Custom choice for opening the menu at the bottom. Can be `above` or `below`. */
+ @Input()
+ menuPositionY: MenuPositionY = 'below';
+
+ /** Shows/hides the username next to the user info button. */
+ @Input()
+ showName: boolean = true;
+
+ /** When the username is shown, this defines its position relative to the user info button.
+ * Can be `right` or `left`.
+ */
+ @Input()
+ namePosition: string = 'right';
+
+ userInfoMode = UserInfoMode;
+
+ private destroy$ = new Subject();
+
+ constructor(private bpmUserService: BpmUserService, private peopleContentService: PeopleContentService) {
+ }
+
+ ngOnDestroy(): void {
+ this.destroy$.next(true);
+ this.destroy$.complete();
+ }
+
+ onKeyPress(event: KeyboardEvent) {
+ this.closeUserModal(event);
+ }
+
+ private closeUserModal($event: KeyboardEvent) {
+ if ($event.keyCode === 27) {
+ this.trigger.closeMenu();
+ }
+ }
+
+ stopClosing(event: Event) {
+ event.stopPropagation();
+ }
+
+ getBpmUserImage(): string {
+ return this.bpmUserService.getCurrentUserProfileImage();
+ }
+
+ getEcmAvatar(avatarId: string): string {
+ return this.peopleContentService.getUserProfileImage(avatarId);
+ }
+
+ get showOnRight(): boolean {
+ return this.namePosition === 'right';
+ }
+
+ get canShow(): boolean {
+ return this.isLoggedIn && !!this.bpmUser && !!this.mode;
+ }
+}
diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.module.ts b/lib/process-services/src/lib/process-user-info/process-user-info.module.ts
new file mode 100644
index 0000000000..b92de6e7d6
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/process-user-info.module.ts
@@ -0,0 +1,41 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProcessUserInfoComponent } from './process-user-info.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTabsModule } from '@angular/material/tabs';
+import { TranslateModule } from '@ngx-translate/core';
+import { PipeModule } from '@alfresco/adf-core';
+
+@NgModule({
+ declarations: [ProcessUserInfoComponent],
+ imports: [
+ CommonModule,
+ MatButtonModule,
+ MatMenuModule,
+ MatTabsModule,
+ MatCardModule,
+ TranslateModule,
+ PipeModule
+ ],
+ exports: [ProcessUserInfoComponent]
+})
+export class ProcessUserInfoModule {}
diff --git a/lib/process-services/src/lib/process-user-info/public-api.ts b/lib/process-services/src/lib/process-user-info/public-api.ts
new file mode 100644
index 0000000000..0751688a2f
--- /dev/null
+++ b/lib/process-services/src/lib/process-user-info/public-api.ts
@@ -0,0 +1,20 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './process-user-info.component';
+
+export * from './process-user-info.module';
diff --git a/lib/process-services/src/lib/process.module.ts b/lib/process-services/src/lib/process.module.ts
index 53a5a741f3..289b112049 100644
--- a/lib/process-services/src/lib/process.module.ts
+++ b/lib/process-services/src/lib/process.module.ts
@@ -32,6 +32,7 @@ import { FormModule } from './form/form.module';
import { ProcessFormRenderingService } from './form/process-form-rendering.service';
import { ProcessServicesPipeModule } from './pipes/process-services-pipe.module';
import { TaskCommentsModule } from './task-comments/task-comments.module';
+import { ProcessUserInfoModule } from './process-user-info/process-user-info.module';
@NgModule({
imports: [
@@ -45,6 +46,7 @@ import { TaskCommentsModule } from './task-comments/task-comments.module';
TaskListModule,
TaskCommentsModule,
AppsListModule,
+ ProcessUserInfoModule,
AttachmentModule,
PeopleModule,
FormModule,
@@ -69,6 +71,7 @@ import { TaskCommentsModule } from './task-comments/task-comments.module';
TaskListModule,
TaskCommentsModule,
AppsListModule,
+ ProcessUserInfoModule,
AttachmentModule,
PeopleModule,
FormModule,
diff --git a/lib/process-services/src/public-api.ts b/lib/process-services/src/public-api.ts
index 4ddfe63f81..0ab696f107 100644
--- a/lib/process-services/src/public-api.ts
+++ b/lib/process-services/src/public-api.ts
@@ -19,6 +19,7 @@ export * from './lib/process-list/index';
export * from './lib/task-list/index';
export * from './lib/app-list/index';
export * from './lib/attachment/index';
+export * from './lib/process-user-info/index';
export * from './lib/process-comments/index';
export * from './lib/people/index';
export * from './lib/form/index';