header.jade 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. template(name="headerBoard")
  2. h1.header-board-menu.js-open-board-menu
  3. = title
  4. span.fa.fa-angle-down
  5. .board-header-btns.left
  6. unless isSandstorm
  7. a.board-header-btn.js-star-board(class="{{#if isStarred}}board-header-starred{{/if}}"
  8. title="{{# if isStarred }}{{_ 'click-to-unstar'}}{{ else }}{{_ 'click-to-star'}}{{/ if }} {{_ 'starred-boards-description'}}")
  9. span.board-header-btn-icon.icon-sm.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}")
  10. //- XXX To implement
  11. span.board-header-btn-text Starred
  12. //-
  13. XXX Normally we would disable this field for sandstorm, but we keep it
  14. until sandstorm implements sharing capabilities
  15. a.board-header-btn.perms-btn.js-change-vis(class="{{#unless currentUser.isBoardAdmin}}no-edit{{/ unless}}" id="permission-level")
  16. span.board-header-btn-icon.icon-sm.fa(class="{{#if isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  17. span.board-header-btn-text {{_ permission}}
  18. a.board-header-btn.js-search
  19. span.board-header-btn-icon.icon-sm.fa.fa-tag
  20. span.board-header-btn-text Labels
  21. //- XXX Clicking here should open a search field
  22. a.board-header-btn.js-search
  23. span.board-header-btn-icon.icon-sm.fa.fa-search
  24. span.board-header-btn-text {{_ 'search'}}
  25. //- +boardMembersHeader
  26. template(name="boardMembersHeader")
  27. .board-header-members
  28. each currentBoard.members
  29. +userAvatar(userId=userId draggable=true showBadges=true)
  30. unless isSandstorm
  31. if currentUser.isBoardAdmin
  32. a.member.add-board-member.js-open-manage-board-members
  33. i.fa.fa-plus
  34. template(name="boardMenuPopup")
  35. ul.pop-over-list
  36. li: a.js-rename-board {{_ 'rename-board'}}
  37. li: a.js-change-board-color Change color
  38. li: a Copy this board
  39. li: a Rules
  40. template(name="boardChangeTitlePopup")
  41. form#ChangeBoardTitleForm
  42. label {{_ 'name'}}
  43. input.js-board-name(type="text" value="{{ title }}" autofocus)
  44. input.primary.wide.js-rename-board(type="submit" value="{{_ 'rename'}}")
  45. template(name="boardChangePermissionPopup")
  46. ul.pop-over-list
  47. li
  48. a.js-select.light-hover(name="private")
  49. span.icon-sm.fa.fa-lock.vis-icon
  50. | {{_ 'private'}}
  51. if check 'private'
  52. span.icon-sm.fa.fa-check
  53. span.sub-name {{_ 'private-desc'}}
  54. li
  55. a.js-select.light-hover(name="public")
  56. span.icon-sm.fa.fa-globe.vis-icon
  57. | {{_ 'public'}}
  58. if check 'public'
  59. span.icon-sm.fa.fa-check
  60. span.sub-name {{_ 'public-desc'}}
  61. template(name="boardChangeColorPopup")
  62. .board-backgrounds-list.clearfix
  63. each backgroundColors
  64. .board-background-select.js-select-background
  65. span.background-box(class="board-color-{{this}}")
  66. if isSelected
  67. i.fa.fa-check
  68. template(name="createBoardPopup")
  69. .content.clearfix
  70. form#CreateBoardForm
  71. label(for="boardNewTitle") {{_ 'title'}}
  72. input#boardNewTitle.non-empty(type="text" name="name" placeholder="{{_ 'bucket-example'}}" autofocus)
  73. p.quiet
  74. span.icon-sm.fa.fa-globe
  75. | {{{_ 'board-public-info'}}}
  76. input.primary.wide(type="submit" value="{{_ 'create'}}")