diff options
author | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-03-26 16:20:59 +0100 |
---|---|---|
committer | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-03-26 16:27:52 +0100 |
commit | cbb6c82113782c1ef235668ffb3c708431f6b400 (patch) | |
tree | c206fb449e978be36e4288d65439a49bfa36f305 /client/components/lists/listBody.jade | |
parent | 00376b43f82b1b751974e827931373595c40c0f7 (diff) | |
download | wekan-cbb6c82113782c1ef235668ffb3c708431f6b400.tar.gz wekan-cbb6c82113782c1ef235668ffb3c708431f6b400.tar.bz2 wekan-cbb6c82113782c1ef235668ffb3c708431f6b400.zip |
list: move the spinner into its own blaze component
This way, when a list is at the maximum number of cards shown and adding
a new card would make the spinner appear, the list would load the next
N items.
This can happen if user A and B are both looking at the same board,
B adds a new cards, and A will see the spinner and will not be able to
remove it.
Diffstat (limited to 'client/components/lists/listBody.jade')
-rw-r--r-- | client/components/lists/listBody.jade | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/client/components/lists/listBody.jade b/client/components/lists/listBody.jade index 876b43d6..61fec93a 100644 --- a/client/components/lists/listBody.jade +++ b/client/components/lists/listBody.jade @@ -13,14 +13,7 @@ template(name="listBody") 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 + +spinnerList if canSeeAddCard +inlinedForm(autoclose=false position="bottom") @@ -30,6 +23,16 @@ template(name="listBody") i.fa.fa-plus | {{_ 'add-card'}} +template(name="spinnerList") + .sk-spinner.sk-spinner-wave.sk-spinner-list( + class=currentBoard.colorClass + id="showMoreResults") + .sk-rect1 + .sk-rect2 + .sk-rect3 + .sk-rect4 + .sk-rect5 + template(name="addCardForm") .minicard.minicard-composer.js-composer if getLabels |