Added open menu option choice

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.

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)">

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;