userAvatar.jade 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. template(name="userAvatar")
  2. a.member.js-member(title="{{userData.profile.fullname}} ({{userData.username}})")
  3. if userData.profile.avatarUrl
  4. img.avatar.avatar-image(src=userData.profile.avatarUrl)
  5. else
  6. +userAvatarInitials(userId=userData._id)
  7. if showStatus
  8. span.member-presence-status(class=presenceStatusClassName)
  9. span.member-type(class=memberType)
  10. template(name="userAvatarInitials")
  11. svg.avatar.avatar-initials(viewBox="0 0 {{viewPortWidth}} 15")
  12. text(x="0" y="13")= initials
  13. template(name="userPopup")
  14. .board-member-menu
  15. .mini-profile-info
  16. +userAvatar(userId=user._id)
  17. .info
  18. h3.bottom
  19. = user.profile.fullname
  20. p.quiet.bottom @{{ user.username }}
  21. template(name="memberName")
  22. if showBoth
  23. = user.profile.fullname
  24. | ({{ user.username }})
  25. else if user.profile.fullname
  26. = user.profile.fullname
  27. else
  28. = user.username
  29. template(name="changeAvatarPopup")
  30. ul.pop-over-list
  31. each uploadedAvatars
  32. li: a.js-select-avatar
  33. .member
  34. img.avatar.avatar-image(src="{{url avatarUrlOptions}}")
  35. | Uploaded avatar
  36. if isSelected
  37. i.fa.fa-check
  38. p.sub-name
  39. unless isSelected
  40. a.js-delete-avatar
  41. | Delete
  42. | -
  43. = original.name
  44. li: a.js-select-initials
  45. .member
  46. +userAvatarInitials(userId=currentUser._id)
  47. | Initials
  48. if noAvatarUrl
  49. i.fa.fa-check
  50. p.sub-name Default avatar
  51. input.hide.js-upload-avatar-input(accept="image/*;capture=camera" type="file")
  52. button.full.js-upload-avatar
  53. i.fa.fa-upload
  54. | Upload an avatar
  55. template(name="cardMemberPopup")
  56. .board-member-menu
  57. .mini-profile-info
  58. +userAvatar(userId=user._id)
  59. .info
  60. h3.bottom= user.profile.fullname
  61. p.quiet.bottom @{{ user.username }}
  62. if currentUser.isBoardMember
  63. ul.pop-over-list
  64. li: a.js-remove-member {{_ 'remove-member-from-card'}}