userHeader.jade 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. template(name="headerUserBar")
  2. #header-user-bar
  3. a.header-user-bar-name.js-open-header-member-menu
  4. i.fa.fa-chevron-down
  5. if currentUser.profile.fullname
  6. = currentUser.profile.fullname
  7. else
  8. = currentUser.username
  9. a.header-user-bar-avatar.js-change-avatar
  10. +userAvatar(userId=currentUser._id)
  11. template(name="memberMenuPopup")
  12. ul.pop-over-list
  13. with currentUser
  14. li: a.js-edit-profile Edit Profile…
  15. li: a.js-change-avatar Change Avatar…
  16. li: a.js-change-password Change Password…
  17. li: a.js-change-language Change Language…
  18. hr
  19. ul.pop-over-list
  20. li: a.js-logout {{_ 'log-out'}}
  21. template(name="editProfilePopup")
  22. form
  23. label
  24. | {{_ "fullname"}}
  25. input.js-profile-fullname(type="text" value=profile.fullname autofocus)
  26. label
  27. | {{_ "username"}}
  28. input.js-profile-username(type="text" value=username)
  29. label
  30. | Initials
  31. input.js-profile-initials(type="text" value=profile.initials)
  32. input.primary.wide(type="submit" value="{{_ 'save'}}")
  33. template(name="changePasswordPopup")
  34. +atForm(state='changePwd')
  35. template(name="changeLanguagePopup")
  36. ul.pop-over-list
  37. each languages
  38. li(class="{{# if isCurrentLanguage}}active{{/if}}")
  39. a.js-set-language
  40. = name
  41. if isCurrentLanguage
  42. i.fa.fa-check