upgrade framework7 to 9.0

This commit is contained in:
MaysWind
2025-11-30 03:22:53 +08:00
parent 608411feab
commit 96561ec2be
28 changed files with 423 additions and 238 deletions
+87 -28
View File
@@ -5,16 +5,27 @@
<f7-block-title class="margin-top">{{ tt('Overview Page') }}</f7-block-title>
<f7-list strong inset dividers class="settings-list">
<f7-list-item>
<span>{{ tt('Show Amount') }}</span>
<f7-toggle :checked="showAmountInHomePage" @toggle:change="showAmountInHomePage = $event"></f7-toggle>
<template #after-title>
{{ tt('Show Amount') }}
</template>
<template #after>
<f7-toggle :checked="showAmountInHomePage" @toggle:change="showAmountInHomePage = $event"></f7-toggle>
</template>
</f7-list-item>
<f7-list-item
class="item-truncate-after-text"
link="#"
:title="tt('Timezone Used for Statistics')"
:after="findDisplayNameByType(allTimezoneTypesUsedForStatistics, timezoneUsedForStatisticsInHomePage)"
@click="showTimezoneUsedForStatisticsInHomePagePopup = true"
>
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Timezone Used for Statistics') }}</span>
</div>
</template>
<template #after>
{{ findDisplayNameByType(allTimezoneTypesUsedForStatistics, timezoneUsedForStatisticsInHomePage) }}
</template>
<list-item-selection-popup value-type="item"
key-field="type" value-field="type"
title-field="displayName"
@@ -28,21 +39,33 @@
</list-item-selection-popup>
</f7-list-item>
<f7-list-item :disabled="!hasAnyAccount"
:title="tt('Accounts Included in Overview Statistics')"
link="/settings/filter/account?type=homePageOverview">
<f7-list-item
class="item-truncate-after-text"
link="/settings/filter/account?type=homePageOverview"
:disabled="!hasAnyAccount">
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Accounts Included in Overview Statistics') }}</span>
</div>
</template>
<template #after>
<f7-preloader v-if="loadingAccounts" />
<span v-else-if="!loadingAccounts">{{ accountsIncludedInHomePageOverviewDisplayContent }}</span>
<div v-else-if="!loadingAccounts">{{ accountsIncludedInHomePageOverviewDisplayContent }}</div>
</template>
</f7-list-item>
<f7-list-item :disabled="!hasAnyTransactionCategory"
:title="tt('Transaction Categories Included in Overview Statistics')"
:link="`/settings/filter/category?type=homePageOverview&allowCategoryTypes=${CategoryType.Income},${CategoryType.Expense}`">
<f7-list-item
class="item-truncate-after-text"
:disabled="!hasAnyTransactionCategory"
:link="`/settings/filter/category?type=homePageOverview&allowCategoryTypes=${CategoryType.Income},${CategoryType.Expense}`">
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Transaction Categories Included in Overview Statistics') }}</span>
</div>
</template>
<template #after>
<f7-preloader v-if="loadingTransactionCategories" />
<span v-else-if="!loadingTransactionCategories">{{ transactionCategoriesIncludedInHomePageOverviewDisplayContent }}</span>
<div v-else-if="!loadingTransactionCategories">{{ transactionCategoriesIncludedInHomePageOverviewDisplayContent }}</div>
</template>
</f7-list-item>
</f7-list>
@@ -50,23 +73,38 @@
<f7-block-title>{{ tt('Transaction List Page') }}</f7-block-title>
<f7-list strong inset dividers>
<f7-list-item>
<span>{{ tt('Show Monthly Total Amount') }}</span>
<f7-toggle :checked="showTotalAmountInTransactionListPage" @toggle:change="showTotalAmountInTransactionListPage = $event"></f7-toggle>
<template #after-title>
{{ tt('Show Monthly Total Amount') }}
</template>
<template #after>
<f7-toggle :checked="showTotalAmountInTransactionListPage" @toggle:change="showTotalAmountInTransactionListPage = $event"></f7-toggle>
</template>
</f7-list-item>
<f7-list-item>
<span>{{ tt('Show Transaction Tag') }}</span>
<f7-toggle :checked="showTagInTransactionListPage" @toggle:change="showTagInTransactionListPage = $event"></f7-toggle>
<template #after-title>
{{ tt('Show Transaction Tag') }}
</template>
<template #after>
<f7-toggle :checked="showTagInTransactionListPage" @toggle:change="showTagInTransactionListPage = $event"></f7-toggle>
</template>
</f7-list-item>
</f7-list>
<f7-block-title>{{ tt('Transaction Edit Page') }}</f7-block-title>
<f7-list strong inset dividers>
<f7-list-item
class="item-truncate-after-text"
link="#"
:title="tt('Automatically Save Draft')"
:after="findNameByValue(allAutoSaveTransactionDraftTypes, autoSaveTransactionDraft)"
@click="showAutoSaveTransactionDraftPopup = true"
>
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Automatically Save Draft') }}</span>
</div>
</template>
<template #after>
{{ findNameByValue(allAutoSaveTransactionDraftTypes, autoSaveTransactionDraft) }}
</template>
<list-item-selection-popup value-type="item"
key-field="value" value-field="value"
title-field="name"
@@ -81,24 +119,38 @@
</f7-list-item>
<f7-list-item>
<span>{{ tt('Automatically Add Geolocation') }}</span>
<f7-toggle :checked="isAutoGetCurrentGeoLocation" @toggle:change="isAutoGetCurrentGeoLocation = $event"></f7-toggle>
<template #after-title>
{{ tt('Automatically Add Geolocation') }}
</template>
<template #after>
<f7-toggle :checked="isAutoGetCurrentGeoLocation" @toggle:change="isAutoGetCurrentGeoLocation = $event"></f7-toggle>
</template>
</f7-list-item>
<f7-list-item>
<span>{{ tt('Always Show Transaction Pictures') }}</span>
<f7-toggle :checked="alwaysShowTransactionPicturesInMobileTransactionEditPage" @toggle:change="alwaysShowTransactionPicturesInMobileTransactionEditPage = $event"></f7-toggle>
<template #after-title>
{{ tt('Always Show Transaction Pictures') }}
</template>
<template #after>
<f7-toggle :checked="alwaysShowTransactionPicturesInMobileTransactionEditPage" @toggle:change="alwaysShowTransactionPicturesInMobileTransactionEditPage = $event"></f7-toggle>
</template>
</f7-list-item>
</f7-list>
<f7-block-title>{{ tt('Account List Page') }}</f7-block-title>
<f7-list strong inset dividers>
<f7-list-item :disabled="!hasAnyVisibleAccount"
:title="tt('Accounts Included in Total')"
link="/settings/filter/account?type=accountListTotalAmount">
<f7-list-item
class="item-truncate-after-text"
link="/settings/filter/account?type=accountListTotalAmount"
:disabled="!hasAnyVisibleAccount">
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Accounts Included in Total') }}</span>
</div>
</template>
<template #after>
<f7-preloader v-if="loadingAccounts" />
<span v-else-if="!loadingAccounts">{{ accountsIncludedInTotalDisplayContent }}</span>
<div v-else-if="!loadingAccounts">{{ accountsIncludedInTotalDisplayContent }}</div>
</template>
</f7-list-item>
</f7-list>
@@ -106,11 +158,18 @@
<f7-block-title>{{ tt('Exchange Rates Data Page') }}</f7-block-title>
<f7-list strong inset dividers>
<f7-list-item
class="item-truncate-after-text"
link="#"
:title="tt('Sort by')"
:after="findDisplayNameByType(allCurrencySortingTypes, currencySortByInExchangeRatesPage)"
@click="showCurrencySortByInExchangeRatesPagePopup = true"
>
<template #after-title>
<div class="item-actual-title">
<span>{{ tt('Sort by') }}</span>
</div>
</template>
<template #after>
{{ findDisplayNameByType(allCurrencySortingTypes, currencySortByInExchangeRatesPage) }}
</template>
<list-item-selection-popup value-type="item"
key-field="type" value-field="type"
title-field="displayName"