userAvatar.jade 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. if error.get
  34. .warning {{_ error.get}}
  35. ul.pop-over-list
  36. each uploadedAvatars
  37. li: a.js-select-avatar
  38. .member
  39. img.avatar.avatar-image(src="{{url avatarUrlOptions}}")
  40. | Uploaded avatar
  41. if isSelected
  42. i.fa.fa-check
  43. p.sub-name
  44. unless isSelected
  45. a.js-delete-avatar
  46. | Delete
  47. | -
  48. = original.name
  49. li: a.js-select-initials
  50. .member
  51. +userAvatarInitials(userId=currentUser._id)
  52. | Initials
  53. if noAvatarUrl
  54. i.fa.fa-check
  55. p.sub-name Default avatar
  56. input.hide.js-upload-avatar-input(accept="image/*;capture=camera" type="file")
  57. button.full.js-upload-avatar
  58. i.fa.fa-upload
  59. | Upload an avatar
  60. template(name="cardMemberPopup")
  61. .board-member-menu
  62. .mini-profile-info
  63. +userAvatar(userId=user._id showEdit=true)
  64. .info
  65. h3= user.profile.fullname
  66. p.quiet @{{ user.username }}
  67. if currentUser.isBoardMember
  68. ul.pop-over-list
  69. li: a.js-remove-member {{_ 'remove-member-from-card'}}
  70. if $eq currentUser._id user._id
  71. with currentUser
  72. li: a.js-edit-profile Edit Profile