diff options
| author | Christopher Ng <chrng8@gmail.com> | 2023-09-14 16:39:37 -0700 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2023-09-14 17:03:30 -0700 |
| commit | 50ddc6820e8f90044dfc752d711023452aabdafc (patch) | |
| tree | 4f3bcc662b2c6eb75f088ce1291cec138a1ef820 /apps/settings/src | |
| parent | 617a9e8a294c9ea55ceff4d88c6265c26b0722f5 (diff) | |
| download | nextcloud-server-50ddc6820e8f90044dfc752d711023452aabdafc.tar.gz nextcloud-server-50ddc6820e8f90044dfc752d711023452aabdafc.zip | |
fix(ux): Show initial loading state of managers
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/settings/src')
| -rw-r--r-- | apps/settings/src/components/Users/UserRow.vue | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/apps/settings/src/components/Users/UserRow.vue b/apps/settings/src/components/Users/UserRow.vue index 86c192b6824..678179a2f32 100644 --- a/apps/settings/src/components/Users/UserRow.vue +++ b/apps/settings/src/components/Users/UserRow.vue @@ -250,12 +250,12 @@ :input-id="'manager' + uniqueId" :close-on-select="true" :disabled="isLoadingField" - :loading="idState.loading.manager" + :loading="idState.loadingPossibleManagers || idState.loading.manager" label="displayname" :options="idState.possibleManagers" :placeholder="managerLabel" class="select-vue" - @open="searchUserManager" + @open="searchInitialUserManager" @search="searchUserManager" @option:selected="updateUserManager" @input="updateUserManager" /> @@ -360,6 +360,7 @@ export default { return { selectedQuota: false, rand: Math.random().toString(36).substring(2), + loadingPossibleManagers: false, possibleManagers: [], currentManager: '', editing: false, @@ -550,6 +551,12 @@ export default { }) }, + async searchInitialUserManager() { + this.idState.loadingPossibleManagers = true + await this.searchUserManager() + this.idState.loadingPossibleManagers = false + }, + async searchUserManager(query) { await this.$store.dispatch('searchUsers', { offset: 0, limit: 10, search: query }).then(response => { const users = response?.data ? this.filterManagers(Object.values(response?.data.ocs.data.users)) : [] |