Show loading icon when changing filter in add issues modal
Closes #29615
This commit is contained in:
parent
f592cae129
commit
6094b306dc
|
@ -15,7 +15,7 @@ export default {
|
|||
this.filteredSearch = new FilteredSearchBoards(this.store);
|
||||
this.filteredSearch.removeTokens();
|
||||
},
|
||||
beforeDestroy() {
|
||||
destroyed() {
|
||||
this.filteredSearch.cleanup();
|
||||
FilteredSearchContainer.container = document;
|
||||
this.store.path = '';
|
||||
|
|
|
@ -64,8 +64,15 @@ require('./empty_state');
|
|||
},
|
||||
filter: {
|
||||
handler() {
|
||||
this.page = 1;
|
||||
this.loadIssues(true);
|
||||
if (this.$el.tagName) {
|
||||
this.page = 1;
|
||||
this.filterLoading = true;
|
||||
|
||||
this.loadIssues(true)
|
||||
.then(() => {
|
||||
this.filterLoading = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
deep: true,
|
||||
},
|
||||
|
@ -139,14 +146,14 @@ require('./empty_state');
|
|||
:image="blankStateImage"
|
||||
:issue-link-base="issueLinkBase"
|
||||
:root-path="rootPath"
|
||||
v-if="!loading && showList"></modal-list>
|
||||
v-if="!loading && showList && !filterLoading"></modal-list>
|
||||
<empty-state
|
||||
v-if="showEmptyState"
|
||||
:image="blankStateImage"
|
||||
:new-issue-path="newIssuePath"></empty-state>
|
||||
<section
|
||||
class="add-issues-list text-center"
|
||||
v-if="loading">
|
||||
v-if="loading || filterLoading">
|
||||
<div class="add-issues-list-loading">
|
||||
<i class="fa fa-spinner fa-spin"></i>
|
||||
</div>
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
searchTerm: '',
|
||||
loading: false,
|
||||
loadingNewPage: false,
|
||||
filterLoading: false,
|
||||
page: 1,
|
||||
perPage: 50,
|
||||
filter: {
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: Shows loading icon in issue boards modal when changing filters
|
||||
merge_request:
|
||||
author:
|
Loading…
Reference in New Issue