IAM-Avatar Tag

[jinyoung]

Usage 1: (Current login user avatar)

• Description:
  VueJs tag that displays user avatar currently logged in and logout and profile detail button.

<iam-avatar></iam-avatar>

• It doesn't have any attribute to iam-server, just request the logged in user information with client side's localStorage token.
• It companies with the "iam-login" tag.

Usage 2 (User avatar if userId is provided)

<iam-avatar size="small" userId="jyjang@uengine.org"></iam-avatar>

• Displays user avatar with the provided 'userId' attribute. Loads the name of user by lazy loading (invoke iam-server API for getting the user name and portrait image)
• When the avatar clicked, popup user information dialog for detail information - Bigger user image and displays detail information with a md-card view.