listBody.jade 4.1 KB

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