listBody.jade 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. template(name="listBody")
  2. .list-body.js-perfect-scrollbar
  3. .minicards.clearfix.js-minicards(class="{{#if reachedWipLimit}}js-list-full{{/if}}")
  4. if cards.count
  5. +inlinedForm(autoclose=false position="top")
  6. +addCardForm(listId=_id position="top")
  7. each (cards (idOrNull ../../_id))
  8. a.minicard-wrapper.js-minicard(href=absoluteUrl
  9. class="{{#if cardIsSelected}}is-selected{{/if}}"
  10. class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}")
  11. if MultiSelection.isActive
  12. .materialCheckBox.multi-selection-checkbox.js-toggle-multi-selection(
  13. class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}")
  14. +minicard(this)
  15. if canSeeAddCard
  16. +inlinedForm(autoclose=false position="bottom")
  17. +addCardForm(listId=_id position="bottom")
  18. else
  19. a.open-minicard-composer.js-card-composer.js-open-inlined-form
  20. i.fa.fa-plus
  21. | {{_ 'add-card'}}
  22. template(name="addCardForm")
  23. .minicard.minicard-composer.js-composer
  24. if getLabels
  25. .minicard-labels
  26. each getLabels
  27. .minicard-label(class="card-label-{{color}}" title="{{name}}")
  28. textarea.minicard-composer-textarea.js-card-title(autofocus)
  29. if members.get
  30. .minicard-members.js-minicard-composer-members
  31. each members.get
  32. +userAvatar(userId=this)
  33. .add-controls.clearfix
  34. button.primary.confirm(type="submit") {{_ 'add'}}
  35. unless isSandstorm
  36. span.quiet
  37. | {{_ 'or'}}
  38. a.js-link {{_ 'link'}}
  39. span.quiet
  40. |  
  41. | /
  42. a.js-search {{_ 'search'}}
  43. template(name="autocompleteLabelLine")
  44. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  45. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  46. template(name="linkCardPopup")
  47. label {{_ 'boards'}}:
  48. .link-board-wrapper
  49. select.js-select-boards
  50. each boards
  51. if $eq _id currentBoard._id
  52. option(value="{{_id}}" selected) {{_ 'current'}}
  53. else
  54. option(value="{{_id}}") {{title}}
  55. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  56. label {{_ 'swimlanes'}}:
  57. select.js-select-swimlanes
  58. each swimlanes
  59. option(value="{{_id}}") {{title}}
  60. label {{_ 'lists'}}:
  61. select.js-select-lists
  62. each lists
  63. option(value="{{_id}}") {{title}}
  64. label {{_ 'cards'}}:
  65. select.js-select-cards
  66. each cards
  67. option(value="{{getId}}") {{getTitle}}
  68. .edit-controls.clearfix
  69. unless isSandstorm
  70. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  71. template(name="searchCardPopup")
  72. label {{_ 'boards'}}:
  73. .link-board-wrapper
  74. select.js-select-boards
  75. each boards
  76. if $eq _id currentBoard._id
  77. option(value="{{_id}}" selected) {{_ 'current'}}
  78. else
  79. option(value="{{_id}}") {{title}}
  80. form.js-search-term-form
  81. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus)
  82. .list-body.js-perfect-scrollbar.search-card-results
  83. .minicards.clearfix.js-minicards
  84. each results
  85. a.minicard-wrapper.js-minicard
  86. +minicard(this)