diff options
| author | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-30 16:25:23 +0100 |
|---|---|---|
| committer | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-02-01 13:53:45 +0100 |
| commit | 30d082e709cbeded24156436b5bc66dfba53d754 (patch) | |
| tree | a8e80f7ff845cf86094b99e262225f4f4133234a /client/components/lists/listBody.jade | |
| parent | 1b11123797a8da92e478ea257cd24ebadf084a24 (diff) | |
| download | wekan-30d082e709cbeded24156436b5bc66dfba53d754.tar.gz wekan-30d082e709cbeded24156436b5bc66dfba53d754.tar.bz2 wekan-30d082e709cbeded24156436b5bc66dfba53d754.zip | |
Use infinite-scrolling on lists
This allows to reduce the loading time of a big board.
Note that there is an infinite scroll implementation in the mixins,
but this doesn't fit well as the cards in the list can have arbitrary
height.
The idea to rely on the visibility of a spinner is based on
http://www.meteorpedia.com/read/Infinite_Scrolling
Diffstat (limited to 'client/components/lists/listBody.jade')
| -rw-r--r-- | client/components/lists/listBody.jade | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/client/components/lists/listBody.jade b/client/components/lists/listBody.jade index c6c9b204..f030833b 100644 --- a/client/components/lists/listBody.jade +++ b/client/components/lists/listBody.jade @@ -4,7 +4,7 @@ template(name="listBody") if cards.count +inlinedForm(autoclose=false position="top") +addCardForm(listId=_id position="top") - each (cards (idOrNull ../../_id)) + each (cardsWithLimit (idOrNull ../../_id)) a.minicard-wrapper.js-minicard(href=absoluteUrl class="{{#if cardIsSelected}}is-selected{{/if}}" class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}") @@ -12,6 +12,16 @@ template(name="listBody") .materialCheckBox.multi-selection-checkbox.js-toggle-multi-selection( class="{{#if MultiSelection.isSelected _id}}is-checked{{/if}}") +minicard(this) + if (showSpinner (idOrNull ../../_id)) + .sk-spinner.sk-spinner-wave.sk-spinner-list( + class=currentBoard.colorClass + id="showMoreResults") + .sk-rect1 + .sk-rect2 + .sk-rect3 + .sk-rect4 + .sk-rect5 + if canSeeAddCard +inlinedForm(autoclose=false position="bottom") +addCardForm(listId=_id position="bottom") |