listHeader.jade 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. template(name="listHeader")
  2. .list-header.js-list-header
  3. +inlinedForm
  4. +editListTitleForm
  5. else
  6. if isMiniScreen
  7. if currentList
  8. a.list-header-left-icon.fa.fa-angle-left.js-unselect-list
  9. h2.list-header-name(
  10. class="{{#if currentUser.isBoardMember}}js-open-inlined-form is-editable{{/if}}")
  11. = title
  12. if wipLimit.enabled
  13. | (
  14. span(class="{{#if reachedWipLimit}}highlight{{/if}}") {{cards.count}}
  15. |/#{wipLimit.value})
  16. if showCardsCountForList cards.count
  17. = cards.count
  18. span
  19. | {{_ 'cards-count'}}
  20. if isMiniScreen
  21. if currentList
  22. if isWatching
  23. i.list-header-watch-icon.fa.fa-eye
  24. div.list-header-menu
  25. unless currentUser.isCommentOnly
  26. if canSeeAddCard
  27. a.js-add-card.fa.fa-plus.list-header-plus-icon
  28. a.fa.fa-navicon.js-open-list-menu
  29. else
  30. a.list-header-menu-icon.fa.fa-angle-right.js-select-list
  31. else if currentUser.isBoardMember
  32. if isWatching
  33. i.list-header-watch-icon.fa.fa-eye
  34. div.list-header-menu
  35. unless currentUser.isCommentOnly
  36. if canSeeAddCard
  37. a.js-add-card.fa.fa-plus.list-header-plus-icon
  38. a.fa.fa-navicon.js-open-list-menu
  39. template(name="editListTitleForm")
  40. .list-composer
  41. input.list-name-input.full-line(type="text" value=title autofocus)
  42. .edit-controls.clearfix
  43. button.primary.confirm(type="submit") {{_ 'save'}}
  44. a.fa.fa-times-thin.js-close-inlined-form
  45. template(name="listActionPopup")
  46. ul.pop-over-list
  47. li: a.js-toggle-watch-list {{#if isWatching}}{{_ 'unwatch'}}{{else}}{{_ 'watch'}}{{/if}}
  48. unless currentUser.isCommentOnly
  49. hr
  50. ul.pop-over-list
  51. if cards.count
  52. li: a.js-select-cards {{_ 'list-select-cards'}}
  53. hr
  54. if currentUser.isBoardAdmin
  55. ul.pop-over-list
  56. li: a.js-set-wip-limit {{#if isWipLimitEnabled }}{{_ 'edit-wip-limit'}}{{else}}{{_ 'setWipLimitPopup-title'}}{{/if}}
  57. hr
  58. ul.pop-over-list
  59. li: a.js-close-list {{_ 'archive-list'}}
  60. hr
  61. ul.pop-over-list
  62. li: a.js-more {{_ 'listMorePopup-title'}}
  63. template(name="boardLists")
  64. ul.pop-over-list
  65. each currentBoard.lists
  66. li
  67. if($eq ../_id _id)
  68. a.disabled {{title}} ({{_ 'current'}})
  69. else
  70. a.js-select-list= title
  71. template(name="listMorePopup")
  72. p.quiet
  73. span.clearfix
  74. span {{_ 'link-list'}}
  75. = ' '
  76. i.fa.colorful(class="{{#if board.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  77. input.inline-input(type="text" readonly value="{{ rootUrl }}")
  78. | {{_ 'added'}}
  79. span.date(title=list.createdAt) {{ moment createdAt 'LLL' }}
  80. a.js-delete {{_ 'delete'}}
  81. template(name="listDeletePopup")
  82. p {{_ "list-delete-pop"}}
  83. unless archived
  84. p {{_ "list-delete-suggest-archive"}}
  85. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  86. template(name="setWipLimitPopup")
  87. #js-wip-limit-edit
  88. label {{_ 'set-wip-limit-value'}}
  89. ul.pop-over-list
  90. li: a.js-enable-wip-limit {{_ 'enable-wip-limit'}}
  91. if isWipLimitEnabled
  92. i.fa.fa-check
  93. if isWipLimitEnabled
  94. p
  95. input.wip-limit-value(type="number" value="{{ wipLimitValue }}" min="1" max="99")
  96. input.wip-limit-apply(type="submit" value="{{_ 'apply'}}")
  97. input.wip-limit-error
  98. p
  99. .soft-wip-limit
  100. .materialCheckBox(class="{{#if isWipLimitSoft}}is-checked{{/if}}")
  101. label {{_ 'soft-wip-limit'}}
  102. template(name="wipLimitErrorPopup")
  103. .wip-limit-invalid
  104. p {{_ 'wipLimitErrorPopup-dialog-pt1'}}
  105. p {{_ 'wipLimitErrorPopup-dialog-pt2'}}
  106. button.full.js-back-view(type="submit") {{_ 'cancel'}}