From 0de0591abb9142052ae76828c1a22c32f1f0bf76 Mon Sep 17 00:00:00 2001
From: Vito Albano <valbano@MacPro.local>
Date: Wed, 9 Nov 2016 01:10:26 +0000
Subject: [PATCH] Added open menu option choice

---
 ng2-components/ng2-alfresco-userinfo/README.md               | 3 ++-
 .../src/components/user-info.component.html                  | 5 +++--
 .../src/components/user-info.component.ts                    | 3 +++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-alfresco-userinfo/README.md b/ng2-components/ng2-alfresco-userinfo/README.md
index 5c11357cba..21b95c61ac 100644
--- a/ng2-components/ng2-alfresco-userinfo/README.md
+++ b/ng2-components/ng2-alfresco-userinfo/README.md
@@ -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 |
 | 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.
 If user is logged in with ECM and BPM the ECM image will be showed.
diff --git a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html
index 1362e5f999..394c9aac6f 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html
+++ b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html
@@ -7,8 +7,9 @@
              class="profile-image"/>
     </div>
     <div *ngIf="ecmUser || bpmUser" id="user-profile-lists" class="user-profile-list-mdl
-                mdl-menu mdl-menu--bottom-right
-                mdl-js-menu mdl-js-ripple-effect"
+                mdl-menu 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)">
         <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)">
diff --git a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts
index 3ceb7773d4..422c23987a 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts
+++ b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts
@@ -37,6 +37,9 @@ export class UserInfoComponent implements OnInit {
     @Input()
     bpmBackgroundImage: string;
 
+    @Input()
+    menuOpenType: string = 'right';
+
     @Input()
     fallBackThumbnailImage: string;