|
|
template(name="listHeader")
|
|
|
.list-header.js-list-header.nodragscroll(
|
|
|
class="{{#if limitToShowCardsCount}}list-header-card-count{{/if}}"
|
|
|
class=colorClass)
|
|
|
+inlinedForm
|
|
|
+editListTitleForm
|
|
|
else
|
|
|
if isMiniScreen
|
|
|
if currentList
|
|
|
a.list-header-left-icon.js-unselect-list
|
|
|
| ◀️
|
|
|
else
|
|
|
if collapsed
|
|
|
if showCardsCountForList cards.length
|
|
|
br
|
|
|
span.cardCount {{cardsCount}}
|
|
|
if isMiniScreen
|
|
|
h2.list-header-name(
|
|
|
title="{{ moment modifiedAt 'LLL' }}"
|
|
|
class="{{#if currentUser.isBoardMember}}{{#unless currentUser.isCommentOnly}}{{#unless currentUser.isWorker}}js-open-inlined-form is-editable{{/unless}}{{/unless}}{{/if}}")
|
|
|
+viewer
|
|
|
= title
|
|
|
if wipLimit.enabled
|
|
|
| (
|
|
|
span(class="{{#if exceededWipLimit}}highlight{{/if}}") {{cards.length}}
|
|
|
|/#{wipLimit.value})
|
|
|
if showCardsCountForList cards.length
|
|
|
span.cardCount {{cardsCount}} {{cardsCountForListIsOne cards.length}}
|
|
|
else
|
|
|
if collapsed
|
|
|
a.js-collapse(title="{{_ 'uncollapse'}}")
|
|
|
| ⬅️
|
|
|
| ➡️
|
|
|
div(class="{{#if collapsed}}list-rotated{{/if}}")
|
|
|
h2.list-header-name(
|
|
|
title="{{ moment modifiedAt 'LLL' }}"
|
|
|
class="{{#if currentUser.isBoardMember}}{{#unless currentUser.isCommentOnly}}{{#unless currentUser.isWorker}}js-open-inlined-form is-editable{{/unless}}{{/unless}}{{/if}}")
|
|
|
+viewer
|
|
|
= title
|
|
|
if wipLimit.enabled
|
|
|
| (
|
|
|
span(class="{{#if exceededWipLimit}}highlight{{/if}}") {{cards.length}}
|
|
|
|/#{wipLimit.value})
|
|
|
unless collapsed
|
|
|
if showCardsCountForList cards.length
|
|
|
span.cardCount {{cardsCount}} {{cardsCountForListIsOne cards.length}}
|
|
|
if isMiniScreen
|
|
|
if currentList
|
|
|
if isWatching
|
|
|
i.list-header-watch-icon | 👁️
|
|
|
div.list-header-menu
|
|
|
unless currentUser.isCommentOnly
|
|
|
if canSeeAddCard
|
|
|
a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}") ➕
|
|
|
a.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") ☰
|
|
|
else
|
|
|
a.list-header-menu-icon.js-select-list ▶️
|
|
|
a.list-header-handle.handle.js-list-handle ↕️
|
|
|
else if currentUser.isBoardMember
|
|
|
if isWatching
|
|
|
i.list-header-watch-icon | 👁️
|
|
|
unless collapsed
|
|
|
div.list-header-menu
|
|
|
unless currentUser.isCommentOnly
|
|
|
//if isBoardAdmin
|
|
|
// a.fa.js-list-star.list-header-plus-top(class="fa-star{{#unless starred}}-o{{/unless}}")
|
|
|
if canSeeAddCard
|
|
|
a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}") ➕
|
|
|
a.js-collapse(title="{{_ 'collapse'}}")
|
|
|
| ⬅️
|
|
|
| ➡️
|
|
|
a.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") ☰
|
|
|
if currentUser.isBoardMember
|
|
|
unless currentUser.isCommentOnly
|
|
|
a.list-header-handle.handle.js-list-handle ↕️
|
|
|
|
|
|
template(name="editListTitleForm")
|
|
|
.list-composer
|
|
|
input.list-name-input.full-line(type="text" value=title autofocus)
|
|
|
.edit-controls.clearfix
|
|
|
button.primary.confirm(type="submit") {{_ 'save'}}
|
|
|
a.js-close-inlined-form
|
|
|
| ❌
|
|
|
|
|
|
template(name="listActionPopup")
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-add-card.list-header-plus-bottom
|
|
|
| ➕
|
|
|
| ⬇️
|
|
|
| {{_ 'add-card-to-bottom-of-list'}}
|
|
|
hr
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-set-list-width
|
|
|
| ↔️
|
|
|
| {{_ 'set-list-width'}}
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-toggle-watch-list
|
|
|
if isWatching
|
|
|
| 👁️
|
|
|
| {{_ 'unwatch'}}
|
|
|
else
|
|
|
| 🙈
|
|
|
| {{_ 'watch'}}
|
|
|
unless currentUser.isCommentOnly
|
|
|
unless currentUser.isWorker
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-set-color-list
|
|
|
| 🎨
|
|
|
| {{_ 'set-color-list'}}
|
|
|
ul.pop-over-list
|
|
|
if cards.length
|
|
|
li
|
|
|
a.js-select-cards
|
|
|
| ☑️
|
|
|
| {{_ 'list-select-cards'}}
|
|
|
if currentUser.isBoardAdmin
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-set-wip-limit
|
|
|
| 🚫
|
|
|
| {{#if isWipLimitEnabled }}{{_ 'edit-wip-limit'}}{{else}}{{_ 'setWipLimitPopup-title'}}{{/if}}
|
|
|
unless currentUser.isWorker
|
|
|
hr
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-close-list
|
|
|
| ➡️
|
|
|
| 📦
|
|
|
| {{_ 'archive-list'}}
|
|
|
hr
|
|
|
ul.pop-over-list
|
|
|
li
|
|
|
a.js-more
|
|
|
| 🔗
|
|
|
| {{_ 'listMorePopup-title'}}
|
|
|
|
|
|
template(name="boardLists")
|
|
|
ul.pop-over-list
|
|
|
each currentBoard.lists
|
|
|
li
|
|
|
if($eq ../_id _id)
|
|
|
a.disabled {{title}} ({{_ 'current'}})
|
|
|
else
|
|
|
a.js-select-list= title
|
|
|
|
|
|
template(name="listMorePopup")
|
|
|
p.quiet
|
|
|
span.clearfix
|
|
|
span {{_ 'link-list'}}
|
|
|
= ' '
|
|
|
| {{#if board.isPublic}}🌐{{else}}🔒{{/if}}
|
|
|
input.inline-input(type="text" readonly value="{{ rootUrl }}")
|
|
|
| {{_ 'added'}}
|
|
|
span.date(title=list.createdAt) {{ moment createdAt 'LLL' }}
|
|
|
//unless currentUser.isWorker
|
|
|
// if currentUser.isBoardAdmin
|
|
|
// a.js-delete {{_ 'delete'}}
|
|
|
|
|
|
template(name="listDeletePopup")
|
|
|
p {{_ "list-delete-pop"}}
|
|
|
unless archived
|
|
|
p {{_ "list-delete-suggest-archive"}}
|
|
|
button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
|
|
|
|
|
|
template(name="setWipLimitPopup")
|
|
|
#js-wip-limit-edit
|
|
|
label {{_ 'set-wip-limit-value'}}
|
|
|
ul.pop-over-list
|
|
|
li: a.js-enable-wip-limit {{_ 'enable-wip-limit'}}
|
|
|
if isWipLimitEnabled
|
|
|
| ✅
|
|
|
if isWipLimitEnabled
|
|
|
p
|
|
|
input.wip-limit-value(type="number" value="{{ wipLimitValue }}" min="1" max="99")
|
|
|
input.wip-limit-apply(type="submit" value="{{_ 'apply'}}")
|
|
|
input.wip-limit-error
|
|
|
p
|
|
|
.soft-wip-limit
|
|
|
.materialCheckBox(class="{{#if isWipLimitSoft}}is-checked{{/if}}")
|
|
|
label {{_ 'soft-wip-limit'}}
|
|
|
|
|
|
template(name="wipLimitErrorPopup")
|
|
|
.wip-limit-invalid
|
|
|
p {{_ 'wipLimitErrorPopup-dialog-pt1'}}
|
|
|
p {{_ 'wipLimitErrorPopup-dialog-pt2'}}
|
|
|
button.full.js-back-view(type="submit") {{_ 'cancel'}}
|
|
|
|
|
|
template(name="setListWidthPopup")
|
|
|
#js-list-width-edit
|
|
|
label {{_ 'set-list-width-value'}}
|
|
|
p
|
|
|
input.list-width-value(type="number" value="{{ listWidthValue }}" min="100")
|
|
|
input.list-constraint-value(type="number" value="{{ listConstraintValue }}" min="100")
|
|
|
input.list-width-apply(type="submit" value="{{_ 'apply'}}")
|
|
|
input.list-width-error
|
|
|
br
|
|
|
a.js-auto-width-board(
|
|
|
title="{{#if isAutoWidth}}{{_ 'click-to-disable-auto-width'}}{{else}}{{_ 'click-to-enable-auto-width'}}{{/if}}")
|
|
|
| {{#if isAutoWidth}}🗜️{{else}}📏{{/if}}
|
|
|
span {{_ 'auto-list-width'}}
|
|
|
|
|
|
template(name="listWidthErrorPopup")
|
|
|
.list-width-invalid
|
|
|
p {{_ 'list-width-error-message'}} '>=100'
|
|
|
button.full.js-back-view(type="submit") {{_ 'cancel'}}
|
|
|
|
|
|
template(name="setListColorPopup")
|
|
|
form.edit-label
|
|
|
.palette-colors: each colors
|
|
|
// note: we use the swimlane palette to have more than just the border
|
|
|
span.card-label.palette-color.js-palette-color(class="card-details-{{color}}")
|
|
|
if(isSelected color)
|
|
|
| ✅
|
|
|
button.primary.confirm.js-submit {{_ 'save'}}
|
|
|
button.js-remove-color.negate.wide.right {{_ 'unset-color'}}
|
|
|
|
