zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show account icon in user basic setting tab, always show default account name even if the account is hidden, set the submit button disabled when nothing has been changed

Browse Source
This commit is contained in:
MaysWind
2023-07-29 15:35:24 +08:00
parent 78f325e127
commit 07406a50bb
1 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/user/settings/UserBasicSettingTab.vue
+27 -5
View File
@@ -10,7 +10,7 @@
<v-card-text class="d-flex"> <v-card-text class="d-flex">
<v-avatar rounded="lg" color="primary" variant="tonal" size="100" class="me-4"> <v-avatar rounded="lg" color="primary" variant="tonal" size="100" class="me-4">
<v-img :src="oldProfile.avatar" v-if="oldProfile.avatar"> <v-img :src="oldProfile.avatar" v-if="oldProfile.avatar">
<template v-slot:placeholder> <template #placeholder>
<div class="d-flex align-center justify-center fill-height"> <div class="d-flex align-center justify-center fill-height">
<v-icon size="48" :icon="icons.user"/> <v-icon size="48" :icon="icons.user"/>
</div> </div>
@@ -66,15 +66,37 @@
item-title="name" item-title="name"
item-value="id" item-value="id"
persistent-placeholder persistent-placeholder
:disabled="loading || saving" :disabled="loading || saving || !allVisibleAccounts.length"
:label="$t('Default Account')" :label="$t('Default Account')"
:placeholder="$t('Default Account')" :placeholder="$t('Default Account')"
:items="allVisibleAccounts" :items="allVisibleAccounts"
:no-data-text="$t('No results')" :no-data-text="$t('No results')"
v-model="newProfile.defaultAccountId" v-model="newProfile.defaultAccountId"
> >
<template v-slot:selection="{ item }"> <template #selection="{ item }">
<v-label>{{ !item || item.value === 0 || item.value === '0' ? $t('Not Specified') : item.title }}</v-label> <v-label v-if="item && item.value !== 0 && item.value !== '0'">
<ItemIcon class="mr-2" icon-type="account" size="23px"
:icon-id="getNameByKeyValue(allAccounts, newProfile.defaultAccountId, 'id', 'icon')"
:color="getNameByKeyValue(allAccounts, newProfile.defaultAccountId, 'id', 'color')"
v-if="getNameByKeyValue(allAccounts, newProfile.defaultAccountId, 'id', 'icon')" />
<span>{{ getNameByKeyValue(allAccounts, newProfile.defaultAccountId, 'id', 'name', $t('Not Specified')) }}</span>
</v-label>
<v-label v-if="!item || item.value === 0 || item.value === '0'">{{ $t('Not Specified') }}</v-label>
</template>
<template #item="{ props, item }">
<v-list-item :value="item.value" v-bind="props">
<template #title>
<v-list-item-title>
<div class="d-flex align-center">
<ItemIcon icon-type="account"
:icon-id="item.raw.icon" :color="item.raw.color"
v-if="item.raw" />
<span class="ml-2">{{ item.title }}</span>
</div>
</v-list-item-title>
</template>
</v-list-item>
</template> </template>
</v-select> </v-select>
</v-col> </v-col>
@@ -195,7 +217,7 @@
</v-card-text> </v-card-text>
<v-card-text class="d-flex flex-wrap gap-4"> <v-card-text class="d-flex flex-wrap gap-4">
<v-btn :disabled="saving" @click="save"> <v-btn :disabled="inputIsNotChanged || inputIsInvalid || saving" @click="save">
{{ $t('Save changes') }} {{ $t('Save changes') }}
<v-progress-circular indeterminate size="24" class="ml-2" v-if="saving"></v-progress-circular> <v-progress-circular indeterminate size="24" class="ml-2" v-if="saving"></v-progress-circular>
</v-btn> </v-btn>