listBody.jade 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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 (cardsWithLimit (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 (showSpinner (idOrNull ../../_id))
  16. .sk-spinner.sk-spinner-wave.sk-spinner-list(
  17. class=currentBoard.colorClass
  18. id="showMoreResults")
  19. .sk-rect1
  20. .sk-rect2
  21. .sk-rect3
  22. .sk-rect4
  23. .sk-rect5
  24. if canSeeAddCard
  25. +inlinedForm(autoclose=false position="bottom")
  26. +addCardForm(listId=_id position="bottom")
  27. else
  28. a.open-minicard-composer.js-card-composer.js-open-inlined-form
  29. i.fa.fa-plus
  30. | {{_ 'add-card'}}
  31. template(name="addCardForm")
  32. .minicard.minicard-composer.js-composer
  33. if getLabels
  34. .minicard-labels
  35. each getLabels
  36. .minicard-label(class="card-label-{{color}}" title="{{name}}")
  37. textarea.minicard-composer-textarea.js-card-title(autofocus)
  38. if members.get
  39. .minicard-members.js-minicard-composer-members
  40. each members.get
  41. +userAvatar(userId=this)
  42. .add-controls.clearfix
  43. button.primary.confirm(type="submit") {{_ 'add'}}
  44. unless isSandstorm
  45. span.quiet
  46. | {{_ 'or'}}
  47. a.js-link {{_ 'link'}}
  48. span.quiet
  49. |  
  50. | /
  51. a.js-search {{_ 'search'}}
  52. template(name="autocompleteLabelLine")
  53. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  54. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  55. template(name="linkCardPopup")
  56. label {{_ 'boards'}}:
  57. .link-board-wrapper
  58. select.js-select-boards
  59. each boards
  60. if $eq _id currentBoard._id
  61. option(value="{{_id}}" selected) {{_ 'current'}}
  62. else
  63. option(value="{{_id}}") {{title}}
  64. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  65. label {{_ 'swimlanes'}}:
  66. select.js-select-swimlanes
  67. each swimlanes
  68. option(value="{{_id}}") {{title}}
  69. label {{_ 'lists'}}:
  70. select.js-select-lists
  71. each lists
  72. option(value="{{_id}}") {{title}}
  73. label {{_ 'cards'}}:
  74. select.js-select-cards
  75. each cards
  76. option(value="{{getId}}") {{getTitle}}
  77. .edit-controls.clearfix
  78. unless isSandstorm
  79. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  80. template(name="searchCardPopup")
  81. label {{_ 'boards'}}:
  82. .link-board-wrapper
  83. select.js-select-boards
  84. each boards
  85. if $eq _id currentBoard._id
  86. option(value="{{_id}}" selected) {{_ 'current'}}
  87. else
  88. option(value="{{_id}}") {{title}}
  89. form.js-search-term-form
  90. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus)
  91. .list-body.js-perfect-scrollbar.search-card-results
  92. .minicards.clearfix.js-minicards
  93. each results
  94. a.minicard-wrapper.js-minicard
  95. +minicard(this)