listBody.jade 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. template(name="listBody")
  2. .list-body
  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=originRelativeUrl
  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(title="{{_ 'add-card-to-bottom-of-list'}}")
  22. i.fa.fa-plus
  23. template(name="spinnerList")
  24. .sk-spinner.sk-spinner-wave.sk-spinner-list(
  25. class=currentBoard.colorClass
  26. id="showMoreResults")
  27. .sk-rect1
  28. .sk-rect2
  29. .sk-rect3
  30. .sk-rect4
  31. .sk-rect5
  32. template(name="addCardForm")
  33. .minicard.minicard-composer.js-composer
  34. if getLabels
  35. .minicard-labels
  36. each getLabels
  37. .minicard-label(class="card-label-{{color}}" title="{{name}}")
  38. textarea.minicard-composer-textarea.js-card-title(autofocus dir="auto")
  39. if members.get
  40. .minicard-members.js-minicard-composer-members
  41. each members.get
  42. +userAvatar(userId=this)
  43. .add-controls.clearfix
  44. button.primary.confirm(type="submit") {{_ 'add'}}
  45. unless currentBoard.isTemplatesBoard
  46. unless currentBoard.isTemplateBoard
  47. span.quiet
  48. | {{_ 'or'}}
  49. a.js-link {{_ 'link'}}
  50. span.quiet
  51. |  
  52. | /
  53. a.js-search {{_ 'search'}}
  54. span.quiet
  55. |  
  56. | /
  57. a.js-card-template {{_ 'template'}}
  58. template(name="autocompleteLabelLine")
  59. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  60. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  61. template(name="linkCardPopup")
  62. label {{_ 'boards'}}:
  63. .link-board-wrapper
  64. select.js-select-boards
  65. option(value="")
  66. each boards
  67. option(value="{{_id}}") {{title}}
  68. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  69. label {{_ 'swimlanes'}}:
  70. select.js-select-swimlanes
  71. each swimlanes
  72. option(value="{{_id}}") {{title}}
  73. label {{_ 'lists'}}:
  74. select.js-select-lists
  75. each lists
  76. option(value="{{_id}}") {{title}}
  77. label {{_ 'cards'}}:
  78. select.js-select-cards
  79. each cards
  80. option(value="{{getId}}") {{getTitle}}
  81. .edit-controls.clearfix
  82. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  83. template(name="searchElementPopup")
  84. form
  85. label
  86. | {{_ 'title'}}
  87. input.js-element-title(type="text" placeholder="{{_ 'title'}}" autofocus required dir="auto")
  88. unless isTemplateSearch
  89. label {{_ 'boards'}}:
  90. .link-board-wrapper
  91. select.js-select-boards
  92. option(value="")
  93. each boards
  94. option(value="{{_id}}") {{title}}
  95. form.js-search-term-form
  96. label
  97. | {{_ 'template'}}
  98. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
  99. .list-body.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)