mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-22 02:34:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

hide control buttons when loading

Browse Source
This commit is contained in:
MaysWind
2023-08-14 23:12:35 +08:00
parent 94283a8da2
commit 50ee5d1f49
4 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/ExchangeRatesPage.vue
+2 -1
View File
@@ -106,8 +106,9 @@
<span class="text-sm">{{ exchangeRate.currencyDisplayName }}</span> <span class="text-sm">{{ exchangeRate.currencyDisplayName }}</span>
<span class="text-caption ml-1">{{ exchangeRate.currencyCode }}</span> <span class="text-caption ml-1">{{ exchangeRate.currencyCode }}</span>
<v-spacer/> <v-spacer/>
<v-btn class="hover-display px-2 ml-2 mr-3" color="default" <v-btn class="px-2 ml-2 mr-3" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
@click="setAsBaseline(exchangeRate.currencyCode, exchangeRate)"> @click="setAsBaseline(exchangeRate.currencyCode, exchangeRate)">
{{ $t('Set As Baseline') }} {{ $t('Set As Baseline') }}
</v-btn> </v-btn>
src/views/desktop/accounts/ListPage.vue
+6 -3
View File
@@ -173,20 +173,23 @@
:to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`"> :to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`">
{{ $t('Transaction List') }} {{ $t('Transaction List') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text" <v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading" :disabled="loading"
:prepend-icon="element.hidden ? icons.show : icons.hide" :prepend-icon="element.hidden ? icons.show : icons.hide"
v-if="!activeSubAccount[element.id]" v-if="!activeSubAccount[element.id]"
@click="hide(element, !element.hidden)"> @click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }} {{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text" <v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading" :prepend-icon="icons.edit" :disabled="loading" :prepend-icon="icons.edit"
v-if="!activeSubAccount[element.id]" v-if="!activeSubAccount[element.id]"
@click="edit(element)"> @click="edit(element)">
{{ $t('Edit') }} {{ $t('Edit') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text" <v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading" :prepend-icon="icons.remove" :disabled="loading" :prepend-icon="icons.remove"
v-if="!activeSubAccount[element.id]" v-if="!activeSubAccount[element.id]"
@click="remove(element)"> @click="remove(element)">
src/views/desktop/categories/ListPage.vue
+6 -3
View File
@@ -130,23 +130,26 @@
<v-spacer/> <v-spacer/>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="element.hidden ? icons.show : icons.hide" :prepend-icon="element.hidden ? icons.show : icons.hide"
:loading="categoryHiding[element.id]" :loading="categoryHiding[element.id]"
:disabled="loading || updating" :disabled="loading || updating"
@click="hide(element, !element.hidden)"> @click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }} {{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.edit" :prepend-icon="icons.edit"
:disabled="loading || updating" :disabled="loading || updating"
@click="edit(element)"> @click="edit(element)">
{{ $t('Edit') }} {{ $t('Edit') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.remove" :prepend-icon="icons.remove"
:loading="categoryRemoving[element.id]" :loading="categoryRemoving[element.id]"
:disabled="loading || updating" :disabled="loading || updating"
src/views/desktop/tags/ListPage.vue
+6 -3
View File
@@ -104,8 +104,9 @@
<v-spacer/> <v-spacer/>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="element.hidden ? icons.show : icons.hide" :prepend-icon="element.hidden ? icons.show : icons.hide"
:loading="tagHiding[element.id]" :loading="tagHiding[element.id]"
:disabled="loading || updating" :disabled="loading || updating"
@@ -113,8 +114,9 @@
@click="hide(element, !element.hidden)"> @click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }} {{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.edit" :prepend-icon="icons.edit"
:loading="tagUpdating[element.id]" :loading="tagUpdating[element.id]"
:disabled="loading || updating" :disabled="loading || updating"
@@ -122,8 +124,9 @@
@click="edit(element)"> @click="edit(element)">
{{ $t('Edit') }} {{ $t('Edit') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.remove" :prepend-icon="icons.remove"
:loading="tagRemoving[element.id]" :loading="tagRemoving[element.id]"
:disabled="loading || updating" :disabled="loading || updating"