listBody.jade 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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. +spinnerList
  17. if canSeeAddCard
  18. +inlinedForm(autoclose=false position="bottom")
  19. +addCardForm(listId=_id position="bottom")
  20. else
  21. a.open-minicard-composer.js-card-composer.js-open-inlined-form
  22. i.fa.fa-plus
  23. | {{_ 'add-card'}}
  24. template(name="spinnerList")
  25. .sk-spinner.sk-spinner-wave.sk-spinner-list(
  26. class=currentBoard.colorClass
  27. id="showMoreResults")
  28. .sk-rect1
  29. .sk-rect2
  30. .sk-rect3
  31. .sk-rect4
  32. .sk-rect5
  33. template(name="addCardForm")
  34. .minicard.minicard-composer.js-composer
  35. if getLabels
  36. .minicard-labels
  37. each getLabels
  38. .minicard-label(class="card-label-{{color}}" title="{{name}}")
  39. textarea.minicard-composer-textarea.js-card-title(autofocus dir="auto")
  40. if members.get
  41. .minicard-members.js-minicard-composer-members
  42. each members.get
  43. +userAvatar(userId=this)
  44. .add-controls.clearfix
  45. button.primary.confirm(type="submit") {{_ 'add'}}
  46. unless currentBoard.isTemplatesBoard
  47. unless currentBoard.isTemplateBoard
  48. if linkCardsEnabled
  49. span.quiet
  50. | {{_ 'or'}}
  51. a.js-link {{_ 'link'}}
  52. span.quiet
  53. |  
  54. | /
  55. a.js-search {{_ 'search'}}
  56. span.quiet
  57. |  
  58. | /
  59. a.js-card-template {{_ 'template'}}
  60. template(name="autocompleteLabelLine")
  61. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  62. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  63. template(name="linkCardPopup")
  64. label {{_ 'boards'}}:
  65. .link-board-wrapper
  66. select.js-select-boards
  67. option(value="")
  68. each boards
  69. option(value="{{_id}}") {{title}}
  70. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  71. label {{_ 'swimlanes'}}:
  72. select.js-select-swimlanes
  73. each swimlanes
  74. option(value="{{_id}}") {{title}}
  75. label {{_ 'lists'}}:
  76. select.js-select-lists
  77. each lists
  78. option(value="{{_id}}") {{title}}
  79. label {{_ 'cards'}}:
  80. select.js-select-cards
  81. each cards
  82. option(value="{{getId}}") {{getTitle}}
  83. .edit-controls.clearfix
  84. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  85. template(name="searchElementPopup")
  86. form
  87. label
  88. | {{_ 'title'}}
  89. input.js-element-title(type="text" placeholder="{{_ 'title'}}" autofocus required dir="auto")
  90. unless isTemplateSearch
  91. label {{_ 'boards'}}:
  92. .link-board-wrapper
  93. select.js-select-boards
  94. option(value="")
  95. each boards
  96. option(value="{{_id}}") {{title}}
  97. form.js-search-term-form
  98. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
  99. .list-body.js-perfect-scrollbar.search-card-results
  100. .minicards.clearfix.js-minicards
  101. if isBoardTemplateSearch
  102. each results
  103. a.minicard-wrapper.js-minicard
  104. +miniboard(this)
  105. if isListTemplateSearch
  106. each results
  107. a.minicard-wrapper.js-minicard
  108. +minilist(this)
  109. if isSwimlaneTemplateSearch
  110. each results
  111. a.minicard-wrapper.js-minicard
  112. +miniswimlane(this)
  113. if isCardTemplateSearch
  114. each results
  115. a.minicard-wrapper.js-minicard
  116. +minicard(this)
  117. unless isTemplateSearch
  118. each results
  119. a.minicard-wrapper.js-minicard
  120. +minicard(this)