allow users to set coordinate display type (#141)

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

@@ -690,7 +690,7 @@
                             </div>
                         </template>
                         <template #item.geoLocation="{ item }">
-                            <span v-if="item.geoLocation">{{ `(${item.geoLocation.longitude}, ${item.geoLocation.latitude})` }}</span>
+                            <span v-if="item.geoLocation">{{ `(${formatCoordinate(item.geoLocation, coordinateDisplayType)})` }}</span>
                             <span v-else-if="!item.geoLocation">{{ tt('None') }}</span>
                         </template>
                         <template #item.tagIds="{ item }">
@@ -889,6 +889,7 @@ import {
     getUtcOffsetByUtcOffsetMinutes,
     getTimezoneOffsetMinutes
 } from '@/lib/datetime.ts';
+import { formatCoordinate } from '@/lib/coordinate.ts';
 import {
     getAccountMapByName
 } from '@/lib/account.ts';
@@ -1015,6 +1016,7 @@ const showAccountBalance = computed<boolean>(() => settingsStore.appSettings.sho
 const currentTimezoneOffsetMinutes = computed<number>(() => getTimezoneOffsetMinutes(settingsStore.appSettings.timeZone));
 
 const defaultCurrency = computed<string>(() => userStore.currentUserDefaultCurrency);
+const coordinateDisplayType = computed<number>(() => userStore.currentUserCoordinateDisplayType);
 
 const allSteps = computed<StepBarItem[]>(() => {
     const steps: StepBarItem[] = [

src/views/desktop/transactions/list/dialogs/EditDialog.vue

@@ -278,7 +278,7 @@
                                         v-model:menu="geoMenuState"
                                     >
                                         <template #selection>
-                                            <span class="cursor-pointer" v-if="transaction.geoLocation">{{ `(${transaction.geoLocation.longitude}, ${transaction.geoLocation.latitude})` }}</span>
+                                            <span class="cursor-pointer" v-if="transaction.geoLocation">{{ `(${formatCoordinate(transaction.geoLocation, coordinateDisplayType)})` }}</span>
                                             <span class="cursor-pointer" v-else-if="!transaction.geoLocation">{{ geoLocationStatusInfo }}</span>
                                         </template>
 
@@ -483,7 +483,7 @@ import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
 import { useTransactionsStore } from '@/stores/transaction.ts';
 import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.ts';
 
-import type { MapPosition } from '@/core/map.ts';
+import type { Coordinate } from '@/core/coordinate.ts';
 import { CategoryType } from '@/core/category.ts';
 import { TransactionType, TransactionEditScopeType } from '@/core/transaction.ts';
 import { TemplateType, ScheduledTemplateFrequencyType } from '@/core/template.ts';
@@ -499,6 +499,7 @@ import {
     getTimezoneOffsetMinutes,
     getCurrentUnixTime
 } from '@/lib/datetime.ts';
+import { formatCoordinate } from '@/lib/coordinate.ts';
 import { generateRandomUUID } from '@/lib/misc.ts';
 import {
     getTransactionPrimaryCategoryName,
@@ -567,6 +568,7 @@ const {
     transaction,
     defaultCurrency,
     defaultAccountId,
+    coordinateDisplayType,
     allTimezones,
     allVisibleAccounts,
     allAccountsMap,
@@ -1073,9 +1075,9 @@ function updateGeoLocation(forceUpdate: boolean): void {
     geoLocationStatus.value = GeoLocationStatus.Getting;
 }
 
-function updateSpecifiedGeoLocation(mapPosition: MapPosition): void {
+function updateSpecifiedGeoLocation(coordinate: Coordinate): void {
     if (isSupportGetGeoLocationByClick() && setGeoLocationByClickMap.value) {
-        transaction.value.setLatitudeAndLongitude(mapPosition.latitude, mapPosition.longitude);
+        transaction.value.setLatitudeAndLongitude(coordinate.latitude, coordinate.longitude);
         map.value?.setMarkerPosition(transaction.value.geoLocation);
     }
 }

src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue

@@ -263,6 +263,25 @@
 
                     <v-divider />
 
+                    <v-card-text>
+                        <v-row>
+                            <v-col cols="12" md="6">
+                                <v-select
+                                    item-title="displayName"
+                                    item-value="type"
+                                    persistent-placeholder
+                                    :disabled="loading || saving"
+                                    :label="tt('Geographic Location Format')"
+                                    :placeholder="tt('Geographic Location Format')"
+                                    :items="allCoordinateDisplayTypes"
+                                    v-model="newProfile.coordinateDisplayType"
+                                />
+                            </v-col>
+                        </v-row>
+                    </v-card-text>
+
+                    <v-divider />
+
                     <v-card-text>
                         <v-row>
                             <v-col cols="12" md="6">
@@ -360,6 +379,7 @@ const {
     allDigitGroupingSymbols,
     allDigitGroupingTypes,
     allCurrencyDisplayTypes,
+    allCoordinateDisplayTypes,
     allExpenseAmountColorTypes,
     allIncomeAmountColorTypes,
     allTransactionEditScopeTypes,