boardHeader.jade 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. template(name="headerBoard")
  2. h1.header-board-menu
  3. with currentBoard
  4. a(class="{{#if currentUser.isBoardAdmin}}js-edit-board-title{{else}}is-disabled{{/if}}")
  5. = title
  6. .board-header-btns.left
  7. unless isSandstorm
  8. if currentUser
  9. a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}"
  10. title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}")
  11. i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}")
  12. if showStarCounter
  13. span {{_ 'board-nb-stars' currentBoard.stars}}
  14. a.board-header-btn(class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}")
  15. i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  16. span {{_ currentBoard.permission}}
  17. .board-header-btns.right
  18. a.board-header-btn.js-open-filter-view(
  19. title="{{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{/if}}"
  20. class="{{#if Filter.isActive}}emphasis{{/if}}")
  21. i.fa.fa-filter
  22. span {{#if Filter.isActive}}{{_ 'filter-on'}}{{else}}{{_ 'filter'}}{{/if}}
  23. if Filter.isActive
  24. a.board-header-btn-close.js-filter-reset(title="{{_ 'filter-clear'}}")
  25. i.fa.fa-times-thin
  26. if currentUser.isBoardMember
  27. a.board-header-btn.js-multiselection-activate(
  28. title="{{#if MultiSelection.isActive}}{{_ 'filter-on-desc'}}{{/if}}"
  29. class="{{#if MultiSelection.isActive}}emphasis{{/if}}")
  30. i.fa.fa-check-square-o
  31. span Multi-Selection {{#if MultiSelection.isActive}}is on{{/if}}
  32. if MultiSelection.isActive
  33. a.board-header-btn-close.js-multiselection-reset(title="{{_ 'filter-clear'}}")
  34. i.fa.fa-times-thin
  35. .separator
  36. a.board-header-btn.js-open-board-menu
  37. i.board-header-btn-icon.fa.fa-cog
  38. template(name="boardMenuPopup")
  39. ul.pop-over-list
  40. li: a.js-open-archives Archived elements
  41. if currentUser.isBoardAdmin
  42. li: a.js-change-board-color Change color
  43. //-
  44. XXX Language should be handled by sandstorm, but for now display a
  45. language selection link in the board menu. This link is normally present
  46. in the header bar that is not displayed on sandstorm.
  47. if isSandstorm
  48. li: a.js-change-language {{_ 'language'}}
  49. unless isSandstorm
  50. if currentUser.isBoardAdmin
  51. hr
  52. ul.pop-over-list
  53. li: a.js-archive-board Archive Board…
  54. template(name="boardVisibilityList")
  55. ul.pop-over-list
  56. li
  57. with "private"
  58. a.js-select-visibility
  59. i.fa.fa-lock.colorful
  60. | {{_ 'private'}}
  61. if visibilityCheck
  62. i.fa.fa-check
  63. span.sub-name {{_ 'private-desc'}}
  64. li
  65. with "public"
  66. a.js-select-visibility
  67. i.fa.fa-globe.colorful
  68. | {{_ 'public'}}
  69. if visibilityCheck
  70. i.fa.fa-check
  71. span.sub-name {{_ 'public-desc'}}
  72. template(name="boardChangeVisibilityPopup")
  73. +boardVisibilityList
  74. template(name="boardChangeColorPopup")
  75. .board-backgrounds-list.clearfix
  76. each backgroundColors
  77. .board-background-select.js-select-background
  78. span.background-box(class="board-color-{{this}}")
  79. if isSelected
  80. i.fa.fa-check
  81. template(name="createBoardPopup")
  82. form
  83. label
  84. | {{_ 'title'}}
  85. input.js-new-board-title(type="text" placeholder="{{_ 'bucket-example'}}" autofocus required)
  86. if visibilityMenuIsOpen.get
  87. +boardVisibilityList
  88. else
  89. p.quiet
  90. if $eq visibility.get 'public'
  91. span.fa.fa-globe.colorful
  92. = " "
  93. | {{{_ 'board-public-info'}}}
  94. else
  95. span.fa.fa-lock.colorful
  96. = " "
  97. | {{{_ 'board-private-info'}}}
  98. a.js-change-visibility Change.
  99. input.primary.wide(type="submit" value="{{_ 'create'}}")
  100. template(name="boardChangeTitlePopup")
  101. form
  102. label
  103. | {{_ 'title'}}
  104. input.js-board-name(type="text" value="{{title}}" autofocus)
  105. input.primary.wide(type="submit" value="{{_ 'rename'}}")
  106. template(name="archiveBoardPopup")
  107. p {{_ 'close-board-pop'}}
  108. button.js-confirm.negate.full(type="submit") {{_ 'close'}}