move files

src/router/desktop.js

@@ -8,14 +8,21 @@ import SignUpPage from '@/views/desktop/SignupPage.vue';
 import UnlockPage from '@/views/desktop/UnlockPage.vue';
 
 import HomePage from '@/views/desktop/HomePage.vue';
-import TransactionsPage from '@/views/desktop/TransactionsPage.vue';
+
+import TransactionListPage from '@/views/desktop/transactions/ListPage.vue';
+
 import StatisticsTransactionPage from '@/views/desktop/statistics/TransactionPage.vue';
-import AccountsPage from '@/views/desktop/AccountsPage.vue';
-import TransactionCategoriesPage from '@/views/desktop/TransactionCategoriesPage.vue';
-import TransactionTagsPage from '@/views/desktop/TransactionTagsPage.vue';
-import ExchangeRatesPage from '@/views/desktop/ExchangeRatesPage.vue';
+
+import AccountListPage from '@/views/desktop/accounts/ListPage.vue';
+
+import TransactionCategoryListPage from '@/views/desktop/categories/ListPage.vue';
+
+import TransactionTagListPage from '@/views/desktop/tags/ListPage.vue';
+
 import UserSettingsPage from '@/views/desktop/user/UserSettingsPage.vue';
 import AppSettingsPage from '@/views/desktop/app/AppSettingsPage.vue';
+
+import ExchangeRatesPage from '@/views/desktop/ExchangeRatesPage.vue';
 import AboutPage from '@/views/desktop/AboutPage.vue';
 
 function checkLogin() {
@@ -80,8 +87,8 @@ const router = createRouter({
                     beforeEnter: checkLogin
                 },
                 {
-                    path: '/transactions',
-                    component: TransactionsPage,
+                    path: '/transaction/list',
+                    component: TransactionListPage,
                     beforeEnter: checkLogin,
                     props: route => ({
                         initDateType: route.query.dateType,
@@ -98,18 +105,18 @@ const router = createRouter({
                     beforeEnter: checkLogin
                 },
                 {
-                    path: '/accounts',
-                    component: AccountsPage,
+                    path: '/account/list',
+                    component: AccountListPage,
                     beforeEnter: checkLogin
                 },
                 {
-                    path: '/categories',
-                    component: TransactionCategoriesPage,
+                    path: '/category/list',
+                    component: TransactionCategoryListPage,
                     beforeEnter: checkLogin
                 },
                 {
-                    path: '/tags',
-                    component: TransactionTagsPage,
+                    path: '/tag/list',
+                    component: TransactionTagListPage,
                     beforeEnter: checkLogin
                 },
                 {

src/views/desktop/HomePage.vue

@@ -33,7 +33,7 @@
                         <span v-if="!loadingOverview || (transactionOverview && transactionOverview.thisMonth && transactionOverview.thisMonth.valid)">{{ transactionOverview && transactionOverview.thisMonth ? getDisplayIncomeAmount(transactionOverview.thisMonth) : '-' }}</span>
                         <v-skeleton-loader class="d-inline-block overview-card-skeleton" width="120px" type="text" :loading="true" v-else-if="loadingOverview && (!transactionOverview || !transactionOverview.thisMonth || !transactionOverview.thisMonth.valid)"></v-skeleton-loader>
                     </div>
-                    <v-btn size="small" to="/transactions?dateType=7">{{ $t('View Details') }}</v-btn>
+                    <v-btn size="small" to="/transaction/list?dateType=7">{{ $t('View Details') }}</v-btn>
                     <v-img class="overview-card-background" src="img/desktop/card-background.png"/>
                     <v-img class="overview-card-background-image" width="116px" src="img/desktop/document.svg"/>
                 </v-card-text>
@@ -115,7 +115,7 @@
                         :datetime="displayDateRange.today.displayTime"
                     >
                         <template #menus>
-                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.Today.type">
+                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transaction/list?dateType=' + allDateRanges.Today.type">
                                 <v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
                             </v-list-item>
                         </template>
@@ -131,7 +131,7 @@
                         :datetime="displayDateRange.thisWeek.startTime + '-' + displayDateRange.thisWeek.endTime"
                     >
                         <template #menus>
-                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisWeek.type">
+                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transaction/list?dateType=' + allDateRanges.ThisWeek.type">
                                 <v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
                             </v-list-item>
                         </template>
@@ -147,7 +147,7 @@
                         :datetime="displayDateRange.thisMonth.startTime + '-' + displayDateRange.thisMonth.endTime"
                     >
                         <template #menus>
-                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisMonth.type">
+                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transaction/list?dateType=' + allDateRanges.ThisMonth.type">
                                 <v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
                             </v-list-item>
                         </template>
@@ -163,7 +163,7 @@
                         :datetime="displayDateRange.thisYear.displayTime"
                     >
                         <template #menus>
-                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisYear.type">
+                            <v-list-item :prepend-icon="icons.viewDetails" :to="'/transaction/list?dateType=' + allDateRanges.ThisYear.type">
                                 <v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
                             </v-list-item>
                         </template>
@@ -185,8 +185,8 @@
 <script>
 import { useTheme } from 'vuetify';
 
-import IncomeExpenseOverviewCard from './overview/IncomeExpenseOverviewCard.vue';
-import MonthlyIncomeAndExpenseCard from './overview/MonthlyIncomeAndExpenseCard.vue';
+import IncomeExpenseOverviewCard from './overview/cards/IncomeExpenseOverviewCard.vue';
+import MonthlyIncomeAndExpenseCard from './overview/cards/MonthlyIncomeAndExpenseCard.vue';
 
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/setting.js';
@@ -385,8 +385,8 @@ export default {
             const minTime = e.monthStartTime;
             const maxTime = getUnixTimeBeforeUnixTime(getUnixTimeAfterUnixTime(minTime, 1, 'months'), 1, 'seconds');
             const type = e.transactionType;
-            
-            this.$router.push(`/transactions?type=${type}&dateType=${datetimeConstants.allDateRanges.Custom.type}&maxTime=${maxTime}&minTime=${minTime}`);
+
+            this.$router.push(`/transaction/list?type=${type}&dateType=${datetimeConstants.allDateRanges.Custom.type}&maxTime=${maxTime}&minTime=${minTime}`);
         },
         getDisplayCurrency(value, currencyCode) {
             return this.$locale.getDisplayCurrency(value, currencyCode, {

src/views/desktop/MainLayout.vue

@@ -27,7 +27,7 @@
                     </div>
                 </li>
                 <li class="nav-link">
-                    <router-link to="/transactions?dateType=7">
+                    <router-link to="/transaction/list?dateType=7">
                         <v-icon class="nav-item-icon" :icon="icons.transactions"/>
                         <span class="nav-item-title">{{ $t('Transaction List') }}</span>
                     </router-link>
@@ -44,19 +44,19 @@
                     </div>
                 </li>
                 <li class="nav-link">
-                    <router-link to="/accounts">
+                    <router-link to="/account/list">
                         <v-icon class="nav-item-icon" :icon="icons.accounts"/>
                         <span class="nav-item-title">{{ $t('Account List') }}</span>
                     </router-link>
                 </li>
                 <li class="nav-link">
-                    <router-link to="/categories">
+                    <router-link to="/category/list">
                         <v-icon class="nav-item-icon" :icon="icons.categories"/>
                         <span class="nav-item-title">{{ $t('Transaction Categories') }}</span>
                     </router-link>
                 </li>
                 <li class="nav-link">
-                    <router-link to="/tags">
+                    <router-link to="/tag/list">
                         <v-icon class="nav-item-icon" :icon="icons.tags"/>
                         <span class="nav-item-title">{{ $t('Transaction Tags') }}</span>
                     </router-link>

src/views/desktop/accounts/ListPage.vue

@@ -166,7 +166,7 @@
                                                             <div class="d-flex account-toolbar align-center">
                                                                 <v-btn class="px-2" density="comfortable" color="default" variant="text"
                                                                        :disabled="loading" :prepend-icon="icons.transactions"
-                                                                       :to="`/transactions?accountId=${accountOrSubAccountId(element)}`">
+                                                                       :to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`">
                                                                     {{ $t('Transaction List') }}
                                                                 </v-btn>
                                                                 <v-btn class="hover-display px-2 ml-2" density="comfortable" color="default" variant="text"

src/views/desktop/app/AppSettingsPage.vue

@@ -32,9 +32,9 @@
 </template>
 
 <script>
-import AppBasicSettingTab from './settings/AppBasicSettingTab.vue';
-import AppLockSettingTab from './settings/AppLockSettingTab.vue';
-import AppStatisticsSettingTab from './settings/AppStatisticsSettingTab.vue';
+import AppBasicSettingTab from './settings/tabs/AppBasicSettingTab.vue';
+import AppLockSettingTab from './settings/tabs/AppLockSettingTab.vue';
+import AppStatisticsSettingTab from './settings/tabs/AppStatisticsSettingTab.vue';
 
 import {
     mdiCogOutline,

src/views/desktop/app/settings/tabs/AppStatisticsSettingTab.vue

@@ -77,8 +77,8 @@ import { useSettingsStore } from '@/stores/setting.js';
 
 import statisticsConstants from '@/consts/statistics.js';
 
-import AccountFilterSettingsCard from '@/views/desktop/statistics/AccountFilterSettingsCard.vue';
-import CategoryFilterSettingsCard from '@/views/desktop/statistics/CategoryFilterSettingsCard.vue';
+import AccountFilterSettingsCard from '@/views/desktop/statistics/settings/cards/AccountFilterSettingsCard.vue';
+import CategoryFilterSettingsCard from '@/views/desktop/statistics/settings/cards/CategoryFilterSettingsCard.vue';
 
 export default {
     components: {

src/views/desktop/categories/ListPage.vue

@@ -186,7 +186,7 @@
 </template>
 
 <script>
-import PresetCategoryDialog from './categories/PresetCategoryDialog.vue';
+import PresetCategoryDialog from './list/dialogs/PresetCategoryDialog.vue';
 
 import { mapStores } from 'pinia';
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.js';

src/views/desktop/statistics/TransactionPage.vue

@@ -245,8 +245,8 @@ import {
     mdiDotsVertical,
 } from '@mdi/js';
 
-import AccountFilterSettingsCard from '@/views/desktop/statistics/AccountFilterSettingsCard.vue';
-import CategoryFilterSettingsCard from '@/views/desktop/statistics/CategoryFilterSettingsCard.vue';
+import AccountFilterSettingsCard from './settings/cards/AccountFilterSettingsCard.vue';
+import CategoryFilterSettingsCard from './settings/cards/CategoryFilterSettingsCard.vue';
 
 export default {
     components: {
@@ -530,7 +530,7 @@ export default {
             return formatPercent(value, precision, lowPrecisionValue);
         },
         getItemLinkUrl(item) {
-            return `/transactions?${this.statisticsStore.getTransactionListPageParams(item)}`;
+            return `/transaction/list?${this.statisticsStore.getTransactionListPageParams(item)}`;
         }
     }
 }

src/views/desktop/transactions/ListPage.vue

@@ -880,7 +880,7 @@ export default {
             return [];
         },
         getFilterLinkUrl() {
-            return `/transactions?${this.transactionsStore.getTransactionListPageParams()}`;
+            return `/transaction/list?${this.transactionsStore.getTransactionListPageParams()}`;
         }
     }
 };

src/views/desktop/user/UserSettingsPage.vue

@@ -40,10 +40,10 @@
 </template>
 
 <script>
-import UserBasicSettingTab from './settings/UserBasicSettingTab.vue';
-import UserSecuritySettingTab from './settings/UserSecuritySettingTab.vue';
-import UserTwoFactorAuthSettingTab from './settings/UserTwoFactorAuthSettingTab.vue';
-import UserDataManagementSettingTab from './settings/UserDataManagementSettingTab.vue';
+import UserBasicSettingTab from './settings/tabs/UserBasicSettingTab.vue';
+import UserSecuritySettingTab from './settings/tabs/UserSecuritySettingTab.vue';
+import UserTwoFactorAuthSettingTab from './settings/tabs/UserTwoFactorAuthSettingTab.vue';
+import UserDataManagementSettingTab from './settings/tabs/UserDataManagementSettingTab.vue';
 
 import {
     mdiAccountOutline,