listHeader.jade 3.7 KB

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