Show a loader until groups are fetched

This commit is contained in:
Bubka 2020-11-26 12:59:29 +01:00
parent f6e04fb36c
commit 1292b7bd89

View File

@ -12,6 +12,7 @@
<font-awesome-icon :icon="['fas', 'plus-circle']" /> Create new group
</router-link>
</div>
<div v-if="groups.length > 0">
<div v-for="group in groups" :key="group.id" class="group-item has-text-light is-size-5 is-size-6-mobile">
{{ group.name }}
<a class="has-text-grey is-pulled-right" @click="deleteGroup(group.id)">
@ -25,6 +26,12 @@
<div class="mt-2 is-size-7 is-pulled-right" v-if="groups.length > 0">
{{ $t('groups.deleting_group_does_not_delete_accounts')}}
</div>
</div>
<div v-else class="has-text-centered">
<span class="is-size-4">
<font-awesome-icon :icon="['fas', 'spinner']" spin />
</span>
</div>
<!-- footer -->
<vue-footer :showButtons="true">
<!-- close button -->