UI MarCom 3

User Identifier Stable

The User Identifier contains the user avatar and some user information (user name and affiliated institution). It is displayed in the Application Bar.

<uimc-user-identifier
>
  <uimc-menu>
    <uimc-menu-item>Log in</uimc-menu-item>
    <uimc-menu-item>Register</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

AttributeDescriptionValuesDefault
userUser object containing the attributes firstname, lastname, company and avatarJSON formatted Object
SlotSlotted content
defaultSlot for the <uimc-menu> with the items

Logged in user with avatar

My profileMy servicesLog out
<uimc-user-identifier
  user='{
    "avatar": "/ui-marcom/version/3.2/assets/img/brandville/sm11052_CS_03.jpg",
    "firstname": "Mustermann",
    "lastname": "Markus",
    "company": "Siemens Healthineers"
  }'
>
  <uimc-menu>
    <uimc-menu-item>My profile</uimc-menu-item>
    <uimc-menu-item>My services</uimc-menu-item>
    <uimc-menu-item>Log out</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

Logged in user without avatar

My profileMy servicesLog out
<uimc-user-identifier
  user='{
    "firstname": "Mustermann",
    "lastname": "Markus",
    "company": "Siemens Healthineers"
  }'
>
  <uimc-menu>
    <uimc-menu-item>My profile</uimc-menu-item>
    <uimc-menu-item>My services</uimc-menu-item>
    <uimc-menu-item>Log out</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

Not Logged in user without avatar

Log inRegister
<uimc-user-identifier
>
  <uimc-menu>
    <uimc-menu-item>Log in</uimc-menu-item>
    <uimc-menu-item>Register</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>