listBody.jade 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. template(name="listBody")
  2. .list-body
  3. .minicards.clearfix.js-minicards(class="{{#if reachedWipLimit}}js-list-full{{/if}}")
  4. if cards.length
  5. +inlinedForm(autoclose=false position="top")
  6. +addCardForm(listId=_id position="top")
  7. ul.sidebar-list
  8. each customFieldsSum
  9. li
  10. +viewer
  11. = name
  12. if $eq customFieldsSum.type "number"
  13. +viewer
  14. = value
  15. if $eq customFieldsSum.type "currency"
  16. +viewer
  17. = formattedCurrencyCustomFieldValue(value)
  18. each (cardsWithLimit (idOrNull ../../_id))
  19. a.minicard-wrapper.js-minicard(href=originRelativeUrl
  20. class="{{#if cardIsSelected}}is-selected{{/if}}"
  21. class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}")
  22. if MultiSelection.isActive
  23. .materialCheckBox.multi-selection-checkbox.js-toggle-multi-selection(
  24. class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}")
  25. +minicard(this)
  26. if (showSpinner (idOrNull ../../_id))
  27. +spinnerList
  28. if canSeeAddCard
  29. +inlinedForm(autoclose=false position="bottom")
  30. +addCardForm(listId=_id position="bottom")
  31. else
  32. a.open-minicard-composer.js-card-composer.js-open-inlined-form(title="{{_ 'add-card-to-bottom-of-list'}}")
  33. i.fa.fa-plus
  34. template(name="spinnerList")
  35. .sk-spinner.sk-spinner-list(
  36. class="{{currentBoard.colorClass}} {{getSkSpinnerName}}"
  37. id="showMoreResults")
  38. +spinnerRaw
  39. template(name="addCardForm")
  40. .minicard.minicard-composer.js-composer
  41. if getLabels
  42. .minicard-labels
  43. each getLabels
  44. .minicard-label(class="card-label-{{color}}" title="{{name}}")
  45. textarea.minicard-composer-textarea.js-card-title(autofocus dir="auto")
  46. if members.get
  47. .minicard-members.js-minicard-composer-members
  48. each members.get
  49. +userAvatar(userId=this)
  50. .add-controls.clearfix
  51. button.primary.confirm(type="submit") {{_ 'add'}}
  52. a.fa.fa-times-thin.js-close-inlined-form
  53. .add-controls.clearfix
  54. unless currentBoard.isTemplatesBoard
  55. unless currentBoard.isTemplateBoard
  56. span.quiet
  57. | {{_ 'or'}}
  58. a.js-link {{_ 'link'}}
  59. span.quiet
  60. |  
  61. | /
  62. a.js-search {{_ 'search'}}
  63. span.quiet
  64. |  
  65. | /
  66. a.js-card-template {{_ 'template'}}
  67. template(name="autocompleteLabelLine")
  68. .minicard-label(class="card-label-{{colorName}}" title=labelName)
  69. span(class="{{#if hasNoName}}quiet{{/if}}")= labelName
  70. template(name="linkCardPopup")
  71. label {{_ 'boards'}}:
  72. .link-board-wrapper
  73. select.js-select-boards
  74. option(value="")
  75. each boards
  76. option(value="{{_id}}") {{title}}
  77. input.primary.confirm.js-link-board(type="button" value="{{_ 'link'}}")
  78. label {{_ 'swimlanes'}}:
  79. select.js-select-swimlanes
  80. each swimlanes
  81. option(value="{{_id}}") {{title}}
  82. label {{_ 'lists'}}:
  83. select.js-select-lists
  84. each lists
  85. option(value="{{_id}}") {{title}}
  86. label {{_ 'cards'}}:
  87. select.js-select-cards
  88. each cards
  89. option(value="{{getRealId}}") {{getTitle}}
  90. .edit-controls.clearfix
  91. input.primary.confirm.js-done(type="button" value="{{_ 'link'}}")
  92. template(name="searchElementPopup")
  93. form
  94. label
  95. | {{_ 'title'}}
  96. input.js-element-title(type="text" placeholder="{{_ 'title'}}" autofocus required dir="auto")
  97. unless isTemplateSearch
  98. label {{_ 'boards'}}:
  99. .link-board-wrapper
  100. select.js-select-boards
  101. option(value="")
  102. each boards
  103. option(value="{{_id}}") {{title}}
  104. form.js-search-term-form
  105. label
  106. | {{_ 'template'}}
  107. input(type="text" name="searchTerm" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
  108. .list-body.search-card-results
  109. .minicards.clearfix.js-minicards
  110. if isBoardTemplateSearch
  111. each results
  112. a.minicard-wrapper.js-minicard
  113. +miniboard(this)
  114. if isListTemplateSearch
  115. each results
  116. a.minicard-wrapper.js-minicard
  117. +minilist(this)
  118. if isSwimlaneTemplateSearch
  119. each results
  120. a.minicard-wrapper.js-minicard
  121. +miniswimlane(this)
  122. if isCardTemplateSearch
  123. each results
  124. a.minicard-wrapper.js-minicard
  125. +minicard(this)
  126. unless isTemplateSearch
  127. each results
  128. a.minicard-wrapper.js-minicard
  129. +minicard(this)