mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-15 23:47:33 +08:00
upgrade framework7 to 9.0
This commit is contained in:
MaysWind
@@ -3,7 +3,7 @@
|
||||
<f7-navbar>
|
||||
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
|
||||
<f7-nav-title :title="tt('About')"></f7-nav-title>
|
||||
<f7-nav-right>
|
||||
<f7-nav-right :class="{ 'navbar-hidden-icon': clientVersionMatchServerVersion && !forceShowRefreshBrowserCacheMenu }">
|
||||
<f7-link icon-f7="" v-if="clientVersionMatchServerVersion && !forceShowRefreshBrowserCacheMenu"/>
|
||||
<f7-link icon-f7="ellipsis" @click="showRefreshBrowserCacheSheet = true"
|
||||
v-else-if="!clientVersionMatchServerVersion || forceShowRefreshBrowserCacheMenu"></f7-link>
|
||||
@@ -34,13 +34,13 @@
|
||||
<f7-list-item :title="tt('Provider')" :after="mapProviderName" v-if="!mapProviderWebsite"></f7-list-item>
|
||||
</f7-list>
|
||||
|
||||
<f7-popup push with-subnavbar swipe-to-close swipe-handler=".swipe-handler" class="license-popup">
|
||||
<f7-popup push swipe-to-close swipe-handler=".swipe-handler" class="license-popup">
|
||||
<f7-page>
|
||||
<f7-navbar>
|
||||
<div class="swipe-handler" style="z-index: 10"></div>
|
||||
<f7-subnavbar :title="tt('License') "></f7-subnavbar>
|
||||
<f7-nav-title class="license-title">{{ tt('License') }}</f7-nav-title>
|
||||
</f7-navbar>
|
||||
<f7-block strong outline class="license-content">
|
||||
<f7-block strong outline class="license-content no-margin-top">
|
||||
<p>
|
||||
<span :key="num" v-for="(line, num) in licenseLines"
|
||||
:style="{ 'display': line ? 'initial' : 'block', 'padding' : line ? '0' : '0 0 1em 0' }">
|
||||
@@ -120,16 +120,9 @@ init();
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.license-popup .navbar-bg {
|
||||
background-color: rgb(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)));
|
||||
}
|
||||
|
||||
.license-popup .subnavbar {
|
||||
background-color: rgb(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)));
|
||||
}
|
||||
|
||||
.license-popup .subnavbar-title {
|
||||
--f7-subnavbar-title-font-size: var(--ebk-license-popup-title-font-size);
|
||||
.license-popup .license-title {
|
||||
margin-top: 26px;
|
||||
font-size: var(--ebk-license-popup-title-font-size);
|
||||
}
|
||||
|
||||
.license-content {
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<f7-nav-title :title="tt('global.app.title')"></f7-nav-title>
|
||||
</f7-navbar>
|
||||
|
||||
<f7-card class="home-summary-card" :class="{ 'skeleton-text': loading }">
|
||||
<f7-card class="home-summary-card no-margin-top" :class="{ 'skeleton-text': loading }">
|
||||
<f7-card-header class="display-block" style="padding-top: 120px;">
|
||||
<p class="no-margin">
|
||||
<span class="card-header-content" v-if="loading">
|
||||
@@ -21,7 +21,7 @@
|
||||
<p class="no-margin">
|
||||
<span class="month-expense" v-if="loading">0.00 USD</span>
|
||||
<span class="month-expense" v-else-if="!loading">{{ transactionOverview && transactionOverview.thisMonth ? getDisplayExpenseAmount(transactionOverview.thisMonth) : '-' }}</span>
|
||||
<f7-link class="margin-inline-start-half" @click="showAmountInHomePage = !showAmountInHomePage">
|
||||
<f7-link class="display-inline-flex margin-inline-start-half" @click="showAmountInHomePage = !showAmountInHomePage">
|
||||
<f7-icon class="ebk-hide-icon" :f7="showAmountInHomePage ? 'eye_slash_fill' : 'eye_fill'"></f7-icon>
|
||||
</f7-link>
|
||||
</p>
|
||||
@@ -438,8 +438,11 @@ init();
|
||||
line-height: var(--ebk-big-icon-button-size);
|
||||
}
|
||||
|
||||
.template-popover-menu .popover-inner{
|
||||
.template-popover-menu .popover-inner {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
|
||||
> .list {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -62,13 +62,21 @@
|
||||
<f7-list-item :title="tt('Exchange Rates Data')" :after="exchangeRatesLastUpdateDate" link="/exchange_rates"></f7-list-item>
|
||||
|
||||
<f7-list-item>
|
||||
<span>{{ tt('Auto-update Exchange Rates Data') }}</span>
|
||||
<f7-toggle :checked="isAutoUpdateExchangeRatesData" @toggle:change="isAutoUpdateExchangeRatesData = $event"></f7-toggle>
|
||||
<template #after-title>
|
||||
{{ tt('Auto-update Exchange Rates Data') }}
|
||||
</template>
|
||||
<template #after>
|
||||
<f7-toggle :checked="isAutoUpdateExchangeRatesData" @toggle:change="isAutoUpdateExchangeRatesData = $event"></f7-toggle>
|
||||
</template>
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item>
|
||||
<span>{{ tt('Show Account Balance') }}</span>
|
||||
<f7-toggle :checked="showAccountBalance" @toggle:change="showAccountBalance = $event"></f7-toggle>
|
||||
<template #after-title>
|
||||
{{ tt('Show Account Balance') }}
|
||||
</template>
|
||||
<template #after>
|
||||
<f7-toggle :checked="showAccountBalance" @toggle:change="showAccountBalance = $event"></f7-toggle>
|
||||
</template>
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item :title="tt('Page Settings')" link="/settings/page"></f7-list-item>
|
||||
@@ -76,13 +84,21 @@
|
||||
<f7-list-item :title="tt('Settings Sync')" link="/settings/sync"></f7-list-item>
|
||||
|
||||
<f7-list-item>
|
||||
<span>{{ tt('Enable Swipe Back') }}</span>
|
||||
<f7-toggle :checked="isEnableSwipeBack" @toggle:change="isEnableSwipeBack = $event"></f7-toggle>
|
||||
<template #after-title>
|
||||
{{ tt('Enable Swipe Back') }}
|
||||
</template>
|
||||
<template #after>
|
||||
<f7-toggle :checked="isEnableSwipeBack" @toggle:change="isEnableSwipeBack = $event"></f7-toggle>
|
||||
</template>
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item>
|
||||
<span>{{ tt('Enable Animation') }}</span>
|
||||
<f7-toggle :checked="isEnableAnimate" @toggle:change="isEnableAnimate = $event"></f7-toggle>
|
||||
<template #after-title>
|
||||
{{ tt('Enable Animation') }}
|
||||
</template>
|
||||
<template #after>
|
||||
<f7-toggle :checked="isEnableAnimate" @toggle:change="isEnableAnimate = $event"></f7-toggle>
|
||||
</template>
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item link="#" no-chevron :title="tt('Switch to Desktop Version')" @click="switchToDesktopVersion"></f7-list-item>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<p class="no-margin">
|
||||
<span class="net-assets" v-if="loading">0.00 USD</span>
|
||||
<span class="net-assets" v-else-if="!loading">{{ netAssets }}</span>
|
||||
<f7-link class="margin-inline-start-half" @click="showAccountBalance = !showAccountBalance">
|
||||
<f7-link class="display-inline-flex margin-inline-start-half" @click="showAccountBalance = !showAccountBalance">
|
||||
<f7-icon class="ebk-hide-icon" :f7="showAccountBalance ? 'eye_slash_fill' : 'eye_fill'"></f7-icon>
|
||||
</f7-link>
|
||||
</p>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -5,11 +5,18 @@
|
||||
<f7-block-title class="margin-top">{{ tt('Common Settings') }}</f7-block-title>
|
||||
<f7-list strong inset dividers class="settings-list">
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Chart Data Type')"
|
||||
:after="findDisplayNameByType(allChartDataTypes, defaultChartDataType)"
|
||||
@click="showDefaultChartDataTypePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Chart Data Type') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allChartDataTypes, defaultChartDataType) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -24,11 +31,18 @@
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Timezone Used for Date Range')"
|
||||
:after="findDisplayNameByType(allTimezoneTypesUsedForStatistics, defaultTimezoneType)"
|
||||
@click="showDefaultTimezoneTypePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Timezone Used for Date Range') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allTimezoneTypesUsedForStatistics, defaultTimezoneType) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -47,11 +61,18 @@
|
||||
<f7-list-item :title="tt('Default Transaction Category Filter')" link="/settings/filter/category?type=statisticsDefault"></f7-list-item>
|
||||
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Sort Order')"
|
||||
:after="findDisplayNameByType(allSortingTypes, defaultSortingType)"
|
||||
@click="showDefaultSortingTypePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Sort Order') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allSortingTypes, defaultSortingType) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -67,13 +88,20 @@
|
||||
</f7-list>
|
||||
|
||||
<f7-block-title>{{ tt('Categorical Analysis Settings') }}</f7-block-title>
|
||||
<f7-list strong inset dividers>
|
||||
<f7-list strong inset dividers class="settings-list">
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Chart Type')"
|
||||
:after="findDisplayNameByType(allCategoricalChartTypes, defaultCategoricalChartType)"
|
||||
@click="showDefaultCategoricalChartTypePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Chart Type') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allCategoricalChartTypes, defaultCategoricalChartType) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -88,11 +116,18 @@
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Date Range')"
|
||||
:after="findDisplayNameByType(allCategoricalChartDateRanges, defaultCategoricalChartDateRange)"
|
||||
@click="showDefaultCategoricalChartDateRangePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Date Range') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allCategoricalChartDateRanges, defaultCategoricalChartDateRange) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -108,13 +143,20 @@
|
||||
</f7-list>
|
||||
|
||||
<f7-block-title>{{ tt('Trend Analysis Settings') }}</f7-block-title>
|
||||
<f7-list strong inset dividers>
|
||||
<f7-list strong inset dividers class="settings-list">
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Date Range')"
|
||||
:after="findDisplayNameByType(allTrendChartDateRanges, defaultTrendChartDateRange)"
|
||||
@click="showDefaultTrendChartDateRangePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Date Range') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allTrendChartDateRanges, defaultTrendChartDateRange) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
@@ -130,13 +172,20 @@
|
||||
</f7-list>
|
||||
|
||||
<f7-block-title>{{ tt('Asset Trends Settings') }}</f7-block-title>
|
||||
<f7-list strong inset dividers>
|
||||
<f7-list strong inset dividers class="settings-list">
|
||||
<f7-list-item
|
||||
class="item-truncate-after-text"
|
||||
link="#"
|
||||
:title="tt('Default Date Range')"
|
||||
:after="findDisplayNameByType(allAssetTrendsChartDateRanges, defaultAssetTrendsChartDateRange)"
|
||||
@click="showDefaultAssetTrendsChartDateRangePopup = true"
|
||||
>
|
||||
<template #after-title>
|
||||
<div class="item-actual-title">
|
||||
<span>{{ tt('Default Date Range') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #after>
|
||||
{{ findDisplayNameByType(allAssetTrendsChartDateRanges, defaultAssetTrendsChartDateRange) }}
|
||||
</template>
|
||||
<list-item-selection-popup value-type="item"
|
||||
key-field="type" value-field="type"
|
||||
title-field="displayName"
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
|
||||
<f7-nav-title>
|
||||
<f7-link popover-open=".chart-data-type-popover-menu">
|
||||
<span style="color: var(--f7-text-color)">{{ queryChartDataTypeName }}</span>
|
||||
<span class="statistics-page-title">{{ queryChartDataTypeName }}</span>
|
||||
<f7-icon class="page-title-bar-icon" color="gray" style="opacity: 0.5" f7="chevron_down_circle_fill"></f7-icon>
|
||||
</f7-link>
|
||||
</f7-nav-title>
|
||||
@@ -920,6 +920,12 @@ init();
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.statistics-page-title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: var(--f7-text-color);
|
||||
}
|
||||
|
||||
.card-header.no-border:after {
|
||||
display: none;
|
||||
}
|
||||
@@ -954,8 +960,11 @@ init();
|
||||
transform: translateY(1.5em);
|
||||
}
|
||||
|
||||
.chart-data-type-popover-menu .popover-inner{
|
||||
.chart-data-type-popover-menu .popover-inner {
|
||||
max-height: 440px;
|
||||
overflow-y: auto;
|
||||
|
||||
> .list {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
:sortable-enabled="sortable" @sortable:sort="onSort"
|
||||
v-if="!loading">
|
||||
<f7-list-item swipeout
|
||||
:class="{ 'actual-first-child': tag.id === firstShowingId, 'actual-last-child': tag.id === lastShowingId && !newTag }"
|
||||
:class="{ 'actual-first-child': tag.id === firstShowingId, 'actual-last-child': tag.id === lastShowingId && !newTag, 'editing-list-item': editingTag.id === tag.id }"
|
||||
:id="getTagDomId(tag)"
|
||||
:key="tag.id"
|
||||
v-for="tag in tags"
|
||||
@@ -55,7 +55,7 @@
|
||||
:placeholder="tt('Tag Title')"
|
||||
v-else-if="editingTag.id === tag.id"
|
||||
v-model:value="editingTag.name"
|
||||
@keyup.enter="save(tag)">
|
||||
@keyup.enter="save(editingTag)">
|
||||
</f7-input>
|
||||
</div>
|
||||
</template>
|
||||
@@ -93,7 +93,7 @@
|
||||
</f7-swipeout-actions>
|
||||
</f7-list-item>
|
||||
|
||||
<f7-list-item v-if="newTag">
|
||||
<f7-list-item class="editing-list-item" v-if="newTag">
|
||||
<template #media>
|
||||
<f7-icon class="transaction-tag-icon" f7="number"></f7-icon>
|
||||
</template>
|
||||
|
||||
@@ -9,20 +9,20 @@
|
||||
</f7-nav-right>
|
||||
|
||||
<f7-subnavbar>
|
||||
<f7-segmented strong :class="{ 'readonly': pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add }">
|
||||
<f7-button :text="tt('Expense')" :active="transaction.type === TransactionType.Expense"
|
||||
<f7-segmented strong round :class="{ 'readonly': pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add }">
|
||||
<f7-button round :text="tt('Expense')" :active="transaction.type === TransactionType.Expense"
|
||||
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Expense"
|
||||
v-if="transaction.type !== TransactionType.ModifyBalance"
|
||||
@click="transaction.type = TransactionType.Expense"></f7-button>
|
||||
<f7-button :text="tt('Income')" :active="transaction.type === TransactionType.Income"
|
||||
<f7-button round :text="tt('Income')" :active="transaction.type === TransactionType.Income"
|
||||
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Income"
|
||||
v-if="transaction.type !== TransactionType.ModifyBalance"
|
||||
@click="transaction.type = TransactionType.Income"></f7-button>
|
||||
<f7-button :text="tt('Transfer')" :active="transaction.type === TransactionType.Transfer"
|
||||
<f7-button round :text="tt('Transfer')" :active="transaction.type === TransactionType.Transfer"
|
||||
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Transfer"
|
||||
v-if="transaction.type !== TransactionType.ModifyBalance"
|
||||
@click="transaction.type = TransactionType.Transfer"></f7-button>
|
||||
<f7-button :text="tt('Modify Balance')" :active="transaction.type === TransactionType.ModifyBalance"
|
||||
<f7-button round :text="tt('Modify Balance')" :active="transaction.type === TransactionType.ModifyBalance"
|
||||
v-if="pageTypeAndMode?.type === TransactionEditPageType.Transaction && transaction.type === TransactionType.ModifyBalance"></f7-button>
|
||||
</f7-segmented>
|
||||
</f7-subnavbar>
|
||||
|
||||
@@ -1572,9 +1572,17 @@ html[dir="rtl"] .list.transaction-info-list li.transaction-info .transaction-foo
|
||||
.date-popover-menu .popover-inner,
|
||||
.category-popover-menu .popover-inner,
|
||||
.account-popover-menu .popover-inner,
|
||||
.more-popover-menu .popover-inner{
|
||||
.more-popover-menu .popover-inner {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
|
||||
> .list {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.transaction-calendar-container .dp__theme_light,
|
||||
.transaction-calendar-container .dp__theme_dark {
|
||||
--dp-background-color: var(--f7-list-strong-bg-color);
|
||||
}
|
||||
|
||||
.transaction-calendar-container .dp__main .dp__menu {
|
||||
|
||||
Reference in New Issue
Block a user