userHeader.jade 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. template(name="headerUserBar")
  2. #header-user-bar
  3. a.header-user-bar-name.js-open-header-member-menu
  4. .header-user-bar-avatar
  5. +userAvatar(userId=currentUser._id)
  6. unless isMiniScreen
  7. unless isSandstorm
  8. if currentUser.profile.fullname
  9. = currentUser.profile.fullname
  10. else
  11. = currentUser.username
  12. template(name="memberMenuPopup")
  13. ul.pop-over-list
  14. with currentUser
  15. li
  16. a.js-my-cards(href="{{pathFor 'my-cards'}}")
  17. i.fa.fa-list
  18. | {{_ 'my-cards'}}
  19. li
  20. a.js-due-cards(href="{{pathFor 'due-cards'}}")
  21. i.fa.fa-calendar
  22. | {{_ 'dueCards-title'}}
  23. li
  24. a(href="{{pathFor 'home'}}")
  25. span.fa.fa-home
  26. | {{_ 'all-boards'}}
  27. li
  28. a(href="{{pathFor 'public'}}")
  29. span.fa.fa-globe
  30. | {{_ 'public'}}
  31. li
  32. a.board-header-btn.js-open-archived-board
  33. i.fa.fa-archive
  34. span {{_ 'archives'}}
  35. unless currentUser.isWorker
  36. ul.pop-over-list
  37. li
  38. a(href="{{pathFor 'board' id=templatesBoardId slug=templatesBoardSlug}}")
  39. i.fa.fa-clone
  40. | {{_ 'templates'}}
  41. if currentUser.isAdmin
  42. li
  43. a.js-go-setting(href="{{pathFor 'setting'}}")
  44. i.fa.fa-lock
  45. | {{_ 'admin-panel'}}
  46. hr
  47. li
  48. a.js-edit-profile
  49. i.fa.fa-user
  50. | {{_ 'edit-profile'}}
  51. li
  52. a.js-change-settings
  53. i.fa.fa-cog
  54. | {{_ 'change-settings'}}
  55. li
  56. a.js-change-avatar
  57. i.fa.fa-picture-o
  58. | {{_ 'edit-avatar'}}
  59. unless isSandstorm
  60. li
  61. a.js-change-password
  62. i.fa.fa-key
  63. | {{_ 'changePasswordPopup-title'}}
  64. li
  65. a.js-change-language
  66. i.fa.fa-flag
  67. | {{_ 'changeLanguagePopup-title'}}
  68. unless isSandstorm
  69. hr
  70. ul.pop-over-list
  71. li
  72. a.js-logout
  73. i.fa.fa-sign-out
  74. | {{_ 'log-out'}}
  75. template(name="editProfilePopup")
  76. form
  77. label
  78. | {{_ 'fullname'}}
  79. input.js-profile-fullname(type="text" value=profile.fullname autofocus)
  80. label
  81. | {{_ 'username'}}
  82. span.error.hide.username-taken
  83. | {{_ 'error-username-taken'}}
  84. if allowUserNameChange
  85. input.js-profile-username(type="text" value=username)
  86. else
  87. input.js-profile-username(type="text" value=username readonly)
  88. label
  89. | {{_ 'initials'}}
  90. input.js-profile-initials(type="text" value=profile.initials)
  91. label
  92. | {{_ 'email'}}
  93. span.error.hide.email-taken
  94. | {{_ 'error-email-taken'}}
  95. if allowEmailChange
  96. input.js-profile-email(type="email" value="{{emails.[0].address}}")
  97. else
  98. input.js-profile-email(type="email" value="{{emails.[0].address}}" readonly)
  99. div.buttonsContainer
  100. input.primary.wide(type="submit" value="{{_ 'save'}}")
  101. if allowUserDelete
  102. div
  103. input#deleteButton.primary.wide(type="button" value="{{_ 'delete'}}")
  104. template(name="changePasswordPopup")
  105. +atForm(state='changePwd')
  106. template(name="changeLanguagePopup")
  107. ul.pop-over-list
  108. each languages
  109. li(class="{{# if isCurrentLanguage}}active{{/if}}")
  110. a.js-set-language
  111. = name
  112. if isCurrentLanguage
  113. i.fa.fa-check
  114. template(name="changeSettingsPopup")
  115. ul.pop-over-list
  116. //li
  117. // a.js-toggle-system-messages
  118. // i.fa.fa-comments-o
  119. // | {{_ 'hide-system-messages'}}
  120. // if hiddenSystemMessages
  121. // i.fa.fa-check
  122. li
  123. a.js-toggle-desktop-drag-handles
  124. i.fa.fa-arrows
  125. | {{_ 'show-desktop-drag-handles'}}
  126. if showDesktopDragHandles
  127. i.fa.fa-check
  128. unless currentUser.isWorker
  129. li
  130. label.bold.clear
  131. i.fa.fa-sort-numeric-asc
  132. | {{_ 'show-cards-minimum-count'}}
  133. input#show-cards-count-at.inline-input.left(type="number" value="#{showCardsCountAt}" min="0" max="99" onkeydown="return false")
  134. label.bold.clear
  135. i.fa.fa-calendar
  136. | {{_ 'start-day-of-week'}}
  137. select#start-day-of-week.inline-input.left
  138. each day in weekDays startDayOfWeek
  139. if day.isSelected
  140. option(selected="true", value="#{day.value}") #{day.name}
  141. else
  142. option(value="#{day.value}") #{day.name}
  143. input.js-apply-user-settings.left(type="submit" value="{{_ 'apply'}}")
  144. template(name="userDeletePopup")
  145. unless currentUser.isWorker
  146. p {{_ 'delete-user-confirm-popup'}}
  147. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}