User settings: new option to show the Location OSM ID

openfoodfacts · May 31, 2024 · de956a1 · de956a1
1 parent 40403c6
commit de956a1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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 />