userAvatar.jade 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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. if showEdit
  11. if $eq currentUser._id userData._id
  12. a.edit-avatar.js-change-avatar
  13. i.fa.fa-pencil
  14. template(name="userAvatarInitials")
  15. svg.avatar.avatar-initials(viewBox="0 0 {{viewPortWidth}} 15")
  16. text(x="0" y="13")= initials
  17. template(name="userPopup")
  18. .board-member-menu
  19. .mini-profile-info
  20. +userAvatar(userId=user._id)
  21. .info
  22. h3= user.profile.fullname
  23. p.quiet @{{ user.username }}
  24. template(name="memberName")
  25. if showBoth
  26. = user.profile.fullname
  27. | ({{ user.username }})
  28. else if user.profile.fullname
  29. = user.profile.fullname
  30. else
  31. = user.username
  32. template(name="changeAvatarPopup")
  33. ul.pop-over-list
  34. each uploadedAvatars
  35. li: a.js-select-avatar
  36. .member
  37. img.avatar.avatar-image(src="{{url avatarUrlOptions}}")
  38. | Uploaded avatar
  39. if isSelected
  40. i.fa.fa-check
  41. p.sub-name
  42. unless isSelected
  43. a.js-delete-avatar
  44. | Delete
  45. | -
  46. = original.name
  47. li: a.js-select-initials
  48. .member
  49. +userAvatarInitials(userId=currentUser._id)
  50. | Initials
  51. if noAvatarUrl
  52. i.fa.fa-check
  53. p.sub-name Default avatar
  54. input.hide.js-upload-avatar-input(accept="image/*;capture=camera" type="file")
  55. button.full.js-upload-avatar
  56. i.fa.fa-upload
  57. | Upload an avatar
  58. template(name="cardMemberPopup")
  59. .board-member-menu
  60. .mini-profile-info
  61. +userAvatar(userId=user._id showEdit=true)
  62. .info
  63. h3= user.profile.fullname
  64. p.quiet @{{ user.username }}
  65. if currentUser.isBoardMember
  66. ul.pop-over-list
  67. li: a.js-remove-member {{_ 'remove-member-from-card'}}
  68. if $eq currentUser._id user._id
  69. with currentUser
  70. li: a.js-edit-profile Edit Profile