From de956a1ced87ed11d74c9b94d55835c9756da2c6 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Fri, 31 May 2024 16:47:06 +0200
Subject: [PATCH] User settings: new option to show the Location OSM ID

---
 src/i18n/locales/en.json   |  4 +++-
 src/store.js               |  1 +
 src/views/UserSettings.vue | 11 ++++++++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 3be6d50340f..cd037ea7c3e 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -110,7 +110,8 @@
 		"AddPrice": "Add a price",
 		"AddToOFF": "Add to {name}",
 		"Country": "Country",
-		"Language": "Languages",
+		"Language": "Language",
+		"Locations": "Locations",
 		"Date": "Date",
 		"Delete": "Delete",
 		"Edit": "Edit",
@@ -379,6 +380,7 @@
 		"FavoriteCurrencies": "Favorite currencies",
 		"CurrencyRequired": "At least one currency is required",
 		"LanguageLabel": "Languages",
+		"LocationDisplayOSMID": "Display OSM ID",
 		"ProductDisplayBarcode": "Display barcode",
 		"Save": "Save",
 		"Title": "Settings",
diff --git a/src/store.js b/src/store.js
index a1823992bbc..8a0b5e81c87 100644
--- a/src/store.js
+++ b/src/store.js
@@ -15,6 +15,7 @@ export const useAppStore = defineStore('app', {
       proofs: [],
       proofTotal: null,
       product_display_barcode: false,
+      location_display_osm_id: false,
     },
   }),
   getters: {
diff --git a/src/views/UserSettings.vue b/src/views/UserSettings.vue
index eabbcf8b72f..ce532878b6b 100644
--- a/src/views/UserSettings.vue
+++ b/src/views/UserSettings.vue
@@ -8,6 +8,7 @@
       <v-col cols="12" sm="6">
         <v-card :title="$t('UserSettings.Display')" prepend-icon="mdi-laptop">
           <v-divider />
+          <!-- Country -->
           <v-card-text>
             <h3 class="mb-1">
               {{ $t('Common.Country') }}
@@ -19,6 +20,7 @@
               item-title="native"
               item-value="code"
             />
+            <!-- Language -->
             <h3 class="mb-1">
               {{ $t('Common.Language') }}
             </h3>
@@ -42,16 +44,19 @@
                 <v-icon size="small" icon="mdi-open-in-new" />
               </a>
             </p>
+            <!-- Products -->
             <h3 class="mt-4 mb-1">
               {{ $t('Common.Products') }}
             </h3>
+            <!-- Locations -->
             <v-checkbox v-model="appStore.user.product_display_barcode" :label="$t('UserSettings.ProductDisplayBarcode')" hide-details="auto" />
+            <h3 class="mt-4 mb-1">
+              {{ $t('Common.Locations') }}
+            </h3>
+            <v-checkbox v-model="appStore.user.location_display_osm_id" :label="$t('UserSettings.LocationDisplayOSMID')" hide-details="auto" />
           </v-card-text>
         </v-card>
       </v-col>
-    </v-row>
-
-    <v-row>
       <v-col cols="12" sm="6">
         <v-card :title="$t('UserSettings.AddingPrices')" prepend-icon="mdi-tag-plus-outline">
           <v-divider />