code refactor

This commit is contained in:
MaysWind
2025-02-06 23:29:08 +08:00
parent b6efa91879
commit 95205d2f1d
30 changed files with 253 additions and 520 deletions
@@ -14,13 +14,13 @@
<v-img :src="currentUserAvatar" v-if="currentUserAvatar">
<template #placeholder>
<div class="d-flex align-center justify-center fill-height bg-light-primary">
<v-icon color="primary" size="48" class="user-profile-avatar-placeholder" :icon="icons.user"/>
<v-icon color="primary" size="48" class="user-profile-avatar-placeholder" :icon="mdiAccount"/>
</div>
</template>
</v-img>
<v-icon size="48" class="user-profile-avatar-placeholder" :icon="icons.user" v-else-if="!currentUserAvatar"/>
<v-icon size="48" class="user-profile-avatar-placeholder" :icon="mdiAccount" v-else-if="!currentUserAvatar"/>
<div class="avatar-edit-icon" v-if="avatarProvider === 'internal'">
<v-icon size="48" :icon="icons.pencil"/>
<v-icon size="48" :icon="mdiAccountEditOutline"/>
</div>
<v-menu activator="parent" width="200" location="bottom" offset="14px" v-if="avatarProvider === 'internal'">
<v-list>
@@ -399,11 +399,6 @@ const rootStore = useRootStore();
const userStore = useUserStore();
const accountsStore = useAccountsStore();
const icons = {
user: mdiAccount,
pencil: mdiAccountEditOutline,
};
const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
const snackbar = useTemplateRef<SnackBarType>('snackbar');
const avatarInput = useTemplateRef<HTMLInputElement>('avatarInput');
@@ -10,7 +10,7 @@
<template #loader>
<v-progress-circular indeterminate size="20"/>
</template>
<v-icon :icon="icons.refresh" size="24" />
<v-icon :icon="mdiRefresh" size="24" />
<v-tooltip activator="parent">{{ tt('Refresh') }}</v-tooltip>
</v-btn>
</div>
@@ -22,43 +22,43 @@
{
title: 'Transactions',
count: displayDataStatistics ? displayDataStatistics.totalTransactionCount : '-',
icon: icons.transactions,
icon: mdiListBoxOutline,
color: 'info-darken-1'
},
{
title: 'Accounts',
count: displayDataStatistics ? displayDataStatistics.totalAccountCount : '-',
icon: icons.accounts,
icon: mdiCreditCardOutline,
color: 'primary'
},
{
title: 'Transaction Categories',
count: displayDataStatistics ? displayDataStatistics.totalTransactionCategoryCount : '-',
icon: icons.categories,
icon: mdiViewDashboardOutline,
color: 'teal'
},
{
title: 'Transaction Tags',
count: displayDataStatistics ? displayDataStatistics.totalTransactionTagCount : '-',
icon: icons.tags,
icon: mdiTagOutline,
color: 'secondary'
},
{
title: 'Transaction Pictures',
count: displayDataStatistics ? displayDataStatistics.totalTransactionPictureCount : '-',
icon: icons.pictures,
icon: mdiImage,
color: 'error-darken-1'
},
{
title: 'Transaction Templates',
count: displayDataStatistics ? displayDataStatistics.totalTransactionTemplateCount : '-',
icon: icons.templates,
icon: mdiClipboardTextOutline,
color: 'secondary-darken-1'
},
{
title: 'Scheduled Transactions',
count: displayDataStatistics ? displayDataStatistics.totalScheduledTransactionCount : '-',
icon: icons.scheduledTransactions,
icon: mdiClipboardTextClockOutline,
color: 'success-darken-1'
}
]">
@@ -117,7 +117,7 @@
<v-form>
<v-card-text class="py-0">
<span class="text-body-1 text-error">
<v-icon :icon="icons.alert"/>
<v-icon :icon="mdiAlert"/>
{{ tt('You CANNOT undo this action. This will clear your accounts, categories, tags and transactions data. Please enter your current password to confirm.') }}
</span>
</v-card-text>
@@ -192,18 +192,6 @@ const { dataStatistics, displayDataStatistics, getExportFileName } = useDataMana
const rootStore = useRootStore();
const userStore = useUserStore();
const icons = {
refresh: mdiRefresh,
transactions: mdiListBoxOutline,
accounts: mdiCreditCardOutline,
categories: mdiViewDashboardOutline,
tags: mdiTagOutline,
pictures: mdiImage,
templates: mdiClipboardTextOutline,
scheduledTransactions: mdiClipboardTextClockOutline,
alert: mdiAlert
};
const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
const snackbar = useTemplateRef<SnackBarType>('snackbar');
@@ -73,7 +73,7 @@
<template #loader>
<v-progress-circular indeterminate size="20"/>
</template>
<v-icon :icon="icons.refresh" size="24" />
<v-icon :icon="mdiRefresh" size="24" />
<v-tooltip activator="parent">{{ tt('Refresh') }}</v-tooltip>
</v-btn>
</div>
@@ -176,10 +176,6 @@ const rootStore = useRootStore();
const settingsStore = useSettingsStore();
const tokensStore = useTokensStore();
const icons = {
refresh: mdiRefresh
};
const newPasswordInput = useTemplateRef<VTextField>('newPasswordInput');
const confirmPasswordInput = useTemplateRef<VTextField>('confirmPasswordInput');
const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
@@ -84,7 +84,7 @@
<v-btn id="copy-to-clipboard-icon" ref="copyToClipboardIcon"
density="compact" color="default" variant="text" size="24"
class="ml-2" :icon="true">
<v-icon :icon="icons.copy" size="20" />
<v-icon :icon="mdiContentCopy" size="20" />
<v-tooltip activator="parent">{{ tt('Copy') }}</v-tooltip>
</v-btn>
</template>
@@ -123,10 +123,6 @@ const { tt } = useI18n();
const twoFactorAuthStore = useTwoFactorAuthStore();
const icons = {
copy: mdiContentCopy
};
const snackbar = useTemplateRef<SnackBarType>('snackbar');
const iconCopyToClipboard = useTemplateRef<unknown>('copyToClipboardIcon');