boardHeader.jade 4.1 KB

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