inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added open menu option choice

Browse Source
This commit is contained in:
Vito Albano
2016-11-09 01:10:26 +00:00
parent 5e37af5d69
commit 0de0591abb
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ng2-components/ng2-alfresco-userinfo/README.md
View File

@@ -97,7 +97,8 @@ Also make sure you include these dependencies in your `index.html` file:
| --- | --- | --- | --- | | --- | --- | --- | --- |
| ecmBackgroundImage | string | | Custom path for the background banner image for ECM users | | ecmBackgroundImage | string | | Custom path for the background banner image for ECM users |
| bpmBackgroundImage | string | | Custom path for the background banner image for BPM users | | bpmBackgroundImage | string | | Custom path for the background banner image for BPM users |
| fallBackThumbnailImage | string | ng2-alfresco-userinfo/src/img/anonymous.gif | Fallback image for profile when thubnail is missing| | menuOpenType | string | bottom-right | Custom choice for opening menu bottom right or bottom left |
| fallBackThumbnailImage | string | image at ng2-alfresco-userinfo/src/img/anonymous.gif | Fallback image for profile when thubnail is missing|
This will show a round icon with user and on click some user information are showed. This will show a round icon with user and on click some user information are showed.
If user is logged in with ECM and BPM the ECM image will be showed. If user is logged in with ECM and BPM the ECM image will be showed.

5
ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html
View File

@@ -7,8 +7,9 @@
class="profile-image"/> class="profile-image"/>
</div> </div>
<div *ngIf="ecmUser || bpmUser" id="user-profile-lists" class="user-profile-list-mdl <div *ngIf="ecmUser || bpmUser" id="user-profile-lists" class="user-profile-list-mdl
mdl-menu mdl-menu--bottom-right mdl-menu mdl-js-menu mdl-js-ripple-effect"
mdl-js-menu mdl-js-ripple-effect" [class.mdl-menu--bottom-left]="menuOpenType === 'left'? true : false"
[class.mdl-menu--bottom-right]="menuOpenType === 'right'? true : false"
for="user-profile" (click)="stopClosing($event)"> for="user-profile" (click)="stopClosing($event)">
<div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect menu-container__items"> <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect menu-container__items">
<div id="tab-bar-env" class="mdl-tabs__tab-bar" [hidden]="!(ecmUser && bpmUser)"> <div id="tab-bar-env" class="mdl-tabs__tab-bar" [hidden]="!(ecmUser && bpmUser)">

3
ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts
View File

@@ -37,6 +37,9 @@ export class UserInfoComponent implements OnInit {
@Input() @Input()
bpmBackgroundImage: string; bpmBackgroundImage: string;
@Input()
menuOpenType: string = 'right';
@Input() @Input()
fallBackThumbnailImage: string; fallBackThumbnailImage: string;