listBody.jade 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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 currentBoard.isTemplatesBoard
  45. unless currentBoard.isTemplateBoard
  46. span.quiet
  47. | {{_ 'or'}}
  48. a.js-link {{_ 'link'}}
  49. span.quiet
  50. |  
  51. | /
  52. a.js-search {{_ 'search'}}
  53. span.quiet
  54. |  
  55. | /
  56. a.js-card-template {{_ 'template'}}
  57. template(name="autocompleteLabelLine")
  58. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  59. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  60. template(name="linkCardPopup")
  61. label {{_ 'boards'}}:
  62. .link-board-wrapper
  63. select.js-select-boards
  64. option(value="")
  65. each boards
  66. option(value="{{_id}}") {{title}}
  67. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  68. label {{_ 'swimlanes'}}:
  69. select.js-select-swimlanes
  70. each swimlanes
  71. option(value="{{_id}}") {{title}}
  72. label {{_ 'lists'}}:
  73. select.js-select-lists
  74. each lists
  75. option(value="{{_id}}") {{title}}
  76. label {{_ 'cards'}}:
  77. select.js-select-cards
  78. each cards
  79. option(value="{{getId}}") {{getTitle}}
  80. .edit-controls.clearfix
  81. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  82. template(name="searchElementPopup")
  83. form
  84. label
  85. | {{_ 'title'}}
  86. input.js-element-title(type="text" placeholder="{{_ 'title'}}" autofocus required)
  87. unless isTemplateSearch
  88. label {{_ 'boards'}}:
  89. .link-board-wrapper
  90. select.js-select-boards
  91. option(value="")
  92. each boards
  93. option(value="{{_id}}") {{title}}
  94. form.js-search-term-form
  95. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus)
  96. .list-body.js-perfect-scrollbar.search-card-results
  97. .minicards.clearfix.js-minicards
  98. if isBoardTemplateSearch
  99. each results
  100. a.minicard-wrapper.js-minicard
  101. +miniboard(this)
  102. if isListTemplateSearch
  103. each results
  104. a.minicard-wrapper.js-minicard
  105. +minilist(this)
  106. if isSwimlaneTemplateSearch
  107. each results
  108. a.minicard-wrapper.js-minicard
  109. +miniswimlane(this)
  110. if isCardTemplateSearch
  111. each results
  112. a.minicard-wrapper.js-minicard
  113. +minicard(this)
  114. unless isTemplateSearch
  115. each results
  116. a.minicard-wrapper.js-minicard
  117. +minicard(this)