listHeader.jade 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. template(name="listHeader")
  2. .list-header.js-list-header(
  3. class="{{#if limitToShowCardsCount}}list-header-card-count{{/if}}"
  4. class="{{#if colorClass}}list-header-{{colorClass}}{{/if}}")
  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. class="{{#if currentUser.isBoardMember}}{{#unless currentUser.isCommentOnly}}js-open-inlined-form is-editable{{/unless}}{{/if}}")
  13. +viewer
  14. = title
  15. if wipLimit.enabled
  16. | (
  17. span(class="{{#if reachedWipLimit}}highlight{{/if}}") {{cards.count}}
  18. |/#{wipLimit.value})
  19. if showCardsCountForList cards.count
  20. | 
  21. span(class="cardCount") {{cardsCount}} {{_ '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-icon
  30. a.fa.fa-navicon.js-open-list-menu
  31. a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
  32. else
  33. a.list-header-menu-icon.fa.fa-angle-right.js-select-list
  34. a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
  35. else if currentUser.isBoardMember
  36. if isWatching
  37. i.list-header-watch-icon.fa.fa-eye
  38. div.list-header-menu
  39. unless currentUser.isCommentOnly
  40. if canSeeAddCard
  41. a.js-add-card.fa.fa-plus.list-header-plus-icon
  42. a.fa.fa-navicon.js-open-list-menu
  43. if showDesktopDragHandles
  44. a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
  45. template(name="editListTitleForm")
  46. .list-composer
  47. input.list-name-input.full-line(type="text" value=title autofocus)
  48. .edit-controls.clearfix
  49. button.primary.confirm(type="submit") {{_ 'save'}}
  50. a.fa.fa-times-thin.js-close-inlined-form
  51. template(name="listActionPopup")
  52. ul.pop-over-list
  53. li: a.js-toggle-watch-list {{#if isWatching}}{{_ 'unwatch'}}{{else}}{{_ 'watch'}}{{/if}}
  54. unless currentUser.isCommentOnly
  55. hr
  56. ul.pop-over-list
  57. li: a.js-set-color-list {{_ 'set-color-list'}}
  58. hr
  59. ul.pop-over-list
  60. if cards.count
  61. li: a.js-select-cards {{_ 'list-select-cards'}}
  62. hr
  63. if currentUser.isBoardAdmin
  64. ul.pop-over-list
  65. li: a.js-set-wip-limit {{#if isWipLimitEnabled }}{{_ 'edit-wip-limit'}}{{else}}{{_ 'setWipLimitPopup-title'}}{{/if}}
  66. hr
  67. ul.pop-over-list
  68. li: a.js-close-list {{_ 'archive-list'}}
  69. hr
  70. ul.pop-over-list
  71. li: a.js-more {{_ 'listMorePopup-title'}}
  72. template(name="boardLists")
  73. ul.pop-over-list
  74. each currentBoard.lists
  75. li
  76. if($eq ../_id _id)
  77. a.disabled {{title}} ({{_ 'current'}})
  78. else
  79. a.js-select-list= title
  80. template(name="listMorePopup")
  81. p.quiet
  82. span.clearfix
  83. span {{_ 'link-list'}}
  84. = ' '
  85. i.fa.colorful(class="{{#if board.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  86. input.inline-input(type="text" readonly value="{{ rootUrl }}")
  87. | {{_ 'added'}}
  88. span.date(title=list.createdAt) {{ moment createdAt 'LLL' }}
  89. a.js-delete {{_ 'delete'}}
  90. template(name="listDeletePopup")
  91. p {{_ "list-delete-pop"}}
  92. unless archived
  93. p {{_ "list-delete-suggest-archive"}}
  94. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  95. template(name="setWipLimitPopup")
  96. #js-wip-limit-edit
  97. label {{_ 'set-wip-limit-value'}}
  98. ul.pop-over-list
  99. li: a.js-enable-wip-limit {{_ 'enable-wip-limit'}}
  100. if isWipLimitEnabled
  101. i.fa.fa-check
  102. if isWipLimitEnabled
  103. p
  104. input.wip-limit-value(type="number" value="{{ wipLimitValue }}" min="1" max="99")
  105. input.wip-limit-apply(type="submit" value="{{_ 'apply'}}")
  106. input.wip-limit-error
  107. p
  108. .soft-wip-limit
  109. .materialCheckBox(class="{{#if isWipLimitSoft}}is-checked{{/if}}")
  110. label {{_ 'soft-wip-limit'}}
  111. template(name="wipLimitErrorPopup")
  112. .wip-limit-invalid
  113. p {{_ 'wipLimitErrorPopup-dialog-pt1'}}
  114. p {{_ 'wipLimitErrorPopup-dialog-pt2'}}
  115. button.full.js-back-view(type="submit") {{_ 'cancel'}}
  116. template(name="setListColorPopup")
  117. form.edit-label
  118. .palette-colors: each colors
  119. // note: we use the swimlane palette to have more than just the border
  120. span.card-label.palette-color.js-palette-color(class="swimlane-{{color}}")
  121. if(isSelected color)
  122. i.fa.fa-check
  123. button.primary.confirm.js-submit {{_ 'save'}}
  124. button.js-remove-color.negate.wide.right {{_ 'unset-color'}}