remember last selected file type in import transaction dialog (#412)

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

@@ -224,6 +224,28 @@
             </v-card>
         </v-col>
 
+        <v-col cols="12">
+            <v-card :title="tt('Import Transaction Dialog')">
+                <v-form>
+                    <v-card-text>
+                        <v-row>
+                            <v-col cols="12" md="6">
+                                <v-select
+                                    item-title="displayName"
+                                    item-value="value"
+                                    persistent-placeholder
+                                    :label="tt('Remember Last Selected File Type')"
+                                    :placeholder="tt('Remember Last Selected File Type')"
+                                    :items="enableDisableOptions"
+                                    v-model="rememberLastSelectedFileTypeInImportTransactionDialog"
+                                />
+                            </v-col>
+                        </v-row>
+                    </v-card-text>
+                </v-form>
+            </v-card>
+        </v-col>
+
         <v-col cols="12">
             <v-card :title="tt('Insights Explorer Page')">
                 <v-form>
@@ -441,6 +463,11 @@ const showAddTransactionButtonInDesktopNavbar = computed<boolean>({
     set: (value) => settingsStore.setShowAddTransactionButtonInDesktopNavbar(value)
 });
 
+const rememberLastSelectedFileTypeInImportTransactionDialog = computed<boolean>({
+    get: () => settingsStore.appSettings.rememberLastSelectedFileTypeInImportTransactionDialog,
+    set: (value) => settingsStore.setRememberLastSelectedFileTypeInImportTransactionDialog(value)
+});
+
 const insightsExplorerDefaultDateRangeType = computed<number>({
     get: () => settingsStore.appSettings.insightsExplorerDefaultDateRangeType,
     set: (value) => settingsStore.setInsightsExplorerDefaultDateRangeType(value)

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

@@ -82,7 +82,7 @@
                                                     <template #prepend>
                                                         <v-checkbox :disabled="loading || enabling || disabling"
                                                                     :model-value="enabledApplicationCloudSettings[settingItem.settingKey]"
-                                                                    @update:model-value="enabledApplicationCloudSettings[settingItem.settingKey] = !!$event">
+                                                                    @update:model-value="updateSettingSelected(settingItem, !!$event)">
                                                             <template #label>
                                                                 <span>{{ tt(settingItem.settingName) }}</span>
                                                                 <v-icon class="ms-2 me-0" start size="16" :icon="mdiCellphone" v-if="settingItem.mobile"/>
@@ -159,6 +159,7 @@ const {
     isAllSettingsSelected,
     hasSettingSelectedButNotAllChecked,
     updateSettingsSelected,
+    updateSettingSelected,
     selectAllSettings,
     selectNoneSettings,
     selectInvertSettings,

src/views/desktop/transactions/import/ImportDialog.vue

@@ -278,6 +278,7 @@ import { ref, computed, useTemplateRef, watch } from 'vue';
 
 import { useI18n } from '@/locales/helpers.ts';
 
+import { useSettingsStore } from '@/stores/setting.ts';
 import { useAccountsStore } from '@/stores/account.ts';
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.ts';
 import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
@@ -339,6 +340,7 @@ const {
     getLocalizedFileEncodingName
 } = useI18n();
 
+const settingsStore = useSettingsStore();
 const accountsStore = useAccountsStore();
 const transactionCategoriesStore = useTransactionCategoriesStore();
 const transactionTagsStore = useTransactionTagsStore();
@@ -545,9 +547,52 @@ function getDisplayCount(count: number): string {
     return numeralSystem.value.formatNumber(count);
 }
 
+function loadInitFileTypeFromSettings(): void {
+    if (!settingsStore.appSettings.lastSelectedFileTypeInImportTransactionDialog) {
+        return;
+    }
+
+    const lastSelectedFileTypes = settingsStore.appSettings.lastSelectedFileTypeInImportTransactionDialog.split('|');
+    const lastSelectedFileType = lastSelectedFileTypes[0];
+
+    if (!lastSelectedFileType || !allSupportedImportFileTypesMap.value[lastSelectedFileType]) {
+        return;
+    }
+
+    fileType.value = lastSelectedFileType;
+
+    const fileSubTypes = allSupportedImportFileTypesMap.value[lastSelectedFileType].subTypes;
+
+    if (!fileSubTypes || fileSubTypes.length < 1) {
+        return;
+    }
+
+    const lastSelectedFileSubType = lastSelectedFileTypes[1];
+
+    if (lastSelectedFileSubType) {
+        for (const subType of fileSubTypes) {
+            if (subType.type === lastSelectedFileSubType) {
+                fileSubType.value = lastSelectedFileSubType;
+                return;
+            }
+        }
+    }
+
+    const firstFileSubType = fileSubTypes[0];
+
+    if (firstFileSubType) {
+        fileSubType.value = firstFileSubType.type;
+    }
+}
+
 function open(): Promise<void> {
     fileType.value = 'ezbookkeeping';
     fileSubType.value = 'ezbookkeeping_csv';
+
+    if (settingsStore.appSettings.rememberLastSelectedFileTypeInImportTransactionDialog && settingsStore.appSettings.lastSelectedFileTypeInImportTransactionDialog) {
+        loadInitFileTypeFromSettings();
+    }
+
     fileEncoding.value = 'auto';
     detectingFileEncoding.value = false;
     autoDetectedFileEncoding.value = undefined;
@@ -912,9 +957,13 @@ function close(completed: boolean): void {
     showState.value = false;
 }
 
-watch(fileType, () => {
+watch(fileType, (newValue) => {
     if (allFileSubTypes.value && allFileSubTypes.value.length) {
         fileSubType.value = allFileSubTypes.value[0]!.type;
+    } else {
+        if (settingsStore.appSettings.rememberLastSelectedFileTypeInImportTransactionDialog) {
+            settingsStore.setLastSelectedFileTypeInImportTransactionDialog(`${newValue}|`);
+        }
     }
 
     importFile.value = null;
@@ -924,6 +973,10 @@ watch(fileType, () => {
 });
 
 watch(fileSubType, (newValue) => {
+    if (settingsStore.appSettings.rememberLastSelectedFileTypeInImportTransactionDialog) {
+        settingsStore.setLastSelectedFileTypeInImportTransactionDialog(`${fileType.value}|${newValue}`);
+    }
+
     let supportedExtensions: string | undefined = findExtensionByType(allFileSubTypes.value, newValue);
 
     if (!supportedExtensions) {