listHeader.jade 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. template(name="listHeader")
  2. .list-header.js-list-header(
  3. class="{{#if limitToShowCardsCount}}list-header-card-count{{/if}}"
  4. class=colorClass)
  5. +inlinedForm
  6. +editListTitleForm
  7. else
  8. if isMiniScreen
  9. if currentList
  10. a.list-header-left-icon.fa.fa-angle-left.js-unselect-list
  11. h2.list-header-name(
  12. title="{{ moment modifiedAt 'LLL' }}"
  13. class="{{#if currentUser.isBoardMember}}{{#unless currentUser.isCommentOnly}}{{#unless currentUser.isWorker}}js-open-inlined-form is-editable{{/unless}}{{/unless}}{{/if}}")
  14. +viewer
  15. = title
  16. if wipLimit.enabled
  17. | (
  18. span(class="{{#if exceededWipLimit}}highlight{{/if}}") {{cards.count}}
  19. |/#{wipLimit.value})
  20. if showCardsCountForList cards.count
  21. span.cardCount {{cardsCount}} {{cardsCountForListIsOne cards.count}}
  22. if isMiniScreen
  23. if currentList
  24. if isWatching
  25. i.list-header-watch-icon.fa.fa-eye
  26. div.list-header-menu
  27. unless currentUser.isCommentOnly
  28. if canSeeAddCard
  29. a.js-add-card.fa.fa-plus.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
  30. a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
  31. else
  32. a.list-header-menu-icon.fa.fa-angle-right.js-select-list
  33. a.list-header-handle.handle.fa.fa-arrows.js-list-handle
  34. else if currentUser.isBoardMember
  35. if isWatching
  36. i.list-header-watch-icon.fa.fa-eye
  37. div.list-header-menu
  38. unless currentUser.isCommentOnly
  39. //if isBoardAdmin
  40. // a.fa.js-list-star.list-header-plus-top(class="fa-star{{#unless starred}}-o{{/unless}}")
  41. if canSeeAddCard
  42. a.js-add-card.fa.fa-plus.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
  43. a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
  44. if currentUser.isBoardAdmin
  45. if isShowDesktopDragHandles
  46. a.list-header-handle.handle.fa.fa-arrows.js-list-handle
  47. template(name="editListTitleForm")
  48. .list-composer
  49. input.list-name-input.full-line(type="text" value=title autofocus)
  50. .edit-controls.clearfix
  51. button.primary.confirm(type="submit") {{_ 'save'}}
  52. a.fa.fa-times-thin.js-close-inlined-form
  53. template(name="listActionPopup")
  54. ul.pop-over-list
  55. li
  56. a.js-add-card.list-header-plus-bottom
  57. i.fa.fa-plus
  58. i.fa.fa-arrow-down
  59. | {{_ 'add-card-to-bottom-of-list'}}
  60. hr
  61. ul.pop-over-list
  62. li
  63. a.js-toggle-watch-list
  64. if isWatching
  65. i.fa.fa-eye
  66. | {{_ 'unwatch'}}
  67. else
  68. i.fa.fa-eye-slash
  69. | {{_ 'watch'}}
  70. unless currentUser.isCommentOnly
  71. unless currentUser.isWorker
  72. ul.pop-over-list
  73. li
  74. a.js-set-color-list
  75. i.fa.fa-paint-brush
  76. | {{_ 'set-color-list'}}
  77. ul.pop-over-list
  78. if cards.count
  79. li
  80. a.js-select-cards
  81. i.fa.fa-check-square
  82. | {{_ 'list-select-cards'}}
  83. if currentUser.isBoardAdmin
  84. ul.pop-over-list
  85. li
  86. a.js-set-wip-limit
  87. i.fa.fa-ban
  88. | {{#if isWipLimitEnabled }}{{_ 'edit-wip-limit'}}{{else}}{{_ 'setWipLimitPopup-title'}}{{/if}}
  89. unless currentUser.isWorker
  90. hr
  91. ul.pop-over-list
  92. li
  93. a.js-close-list
  94. i.fa.fa-arrow-right
  95. i.fa.fa-archive
  96. | {{_ 'archive-list'}}
  97. hr
  98. ul.pop-over-list
  99. li
  100. a.js-more
  101. i.fa.fa-link
  102. | {{_ 'listMorePopup-title'}}
  103. template(name="boardLists")
  104. ul.pop-over-list
  105. each currentBoard.lists
  106. li
  107. if($eq ../_id _id)
  108. a.disabled {{title}} ({{_ 'current'}})
  109. else
  110. a.js-select-list= title
  111. template(name="listMorePopup")
  112. p.quiet
  113. span.clearfix
  114. span {{_ 'link-list'}}
  115. = ' '
  116. i.fa.colorful(class="{{#if board.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  117. input.inline-input(type="text" readonly value="{{ rootUrl }}")
  118. | {{_ 'added'}}
  119. span.date(title=list.createdAt) {{ moment createdAt 'LLL' }}
  120. //unless currentUser.isWorker
  121. // if currentUser.isBoardAdmin
  122. // a.js-delete {{_ 'delete'}}
  123. template(name="listDeletePopup")
  124. p {{_ "list-delete-pop"}}
  125. unless archived
  126. p {{_ "list-delete-suggest-archive"}}
  127. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  128. template(name="setWipLimitPopup")
  129. #js-wip-limit-edit
  130. label {{_ 'set-wip-limit-value'}}
  131. ul.pop-over-list
  132. li: a.js-enable-wip-limit {{_ 'enable-wip-limit'}}
  133. if isWipLimitEnabled
  134. i.fa.fa-check
  135. if isWipLimitEnabled
  136. p
  137. input.wip-limit-value(type="number" value="{{ wipLimitValue }}" min="1" max="99")
  138. input.wip-limit-apply(type="submit" value="{{_ 'apply'}}")
  139. input.wip-limit-error
  140. p
  141. .soft-wip-limit
  142. .materialCheckBox(class="{{#if isWipLimitSoft}}is-checked{{/if}}")
  143. label {{_ 'soft-wip-limit'}}
  144. template(name="wipLimitErrorPopup")
  145. .wip-limit-invalid
  146. p {{_ 'wipLimitErrorPopup-dialog-pt1'}}
  147. p {{_ 'wipLimitErrorPopup-dialog-pt2'}}
  148. button.full.js-back-view(type="submit") {{_ 'cancel'}}
  149. template(name="setListColorPopup")
  150. form.edit-label
  151. .palette-colors: each colors
  152. // note: we use the swimlane palette to have more than just the border
  153. span.card-label.palette-color.js-palette-color(class="card-details-{{color}}")
  154. if(isSelected color)
  155. i.fa.fa-check
  156. button.primary.confirm.js-submit {{_ 'save'}}
  157. button.js-remove-color.negate.wide.right {{_ 'unset-color'}}