userAvatar.jade 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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 {{_ 'delete'}}
  46. | -
  47. = original.name
  48. li: a.js-select-initials
  49. .member
  50. +userAvatarInitials(userId=currentUser._id)
  51. | Initials
  52. if noAvatarUrl
  53. i.fa.fa-check
  54. p.sub-name {{_ 'default-avatar'}}
  55. input.hide.js-upload-avatar-input(accept="image/*;capture=camera" type="file")
  56. button.full.js-upload-avatar
  57. i.fa.fa-upload
  58. | {{_ 'upload-avatar'}}
  59. template(name="cardMemberPopup")
  60. .board-member-menu
  61. .mini-profile-info
  62. +userAvatar(userId=user._id showEdit=true)
  63. .info
  64. h3= user.profile.fullname
  65. p.quiet @{{ user.username }}
  66. if currentUser.isBoardMember
  67. ul.pop-over-list
  68. li: a.js-remove-member {{_ 'remove-member-from-card'}}
  69. if $eq currentUser._id user._id
  70. with currentUser
  71. li: a.js-edit-profile {{_ 'edit-profile'}}