From 2b1a28717d7ba7a2ba7476de19fa200e1b9e08e9 Mon Sep 17 00:00:00 2001
From: Alaskan Puffin <alaskanpuffin@protonmail.com>
Date: Fri, 30 Jun 2023 08:04:07 -0800
Subject: [PATCH] Add location field to favorites form

Signed-off-by: Alaskan Puffin <alaskanpuffin@protonmail.com>
---
 src/components/FavoriteEditionForm.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components/FavoriteEditionForm.vue b/src/components/FavoriteEditionForm.vue
index d9ecbc80f..f2f623209 100644
--- a/src/components/FavoriteEditionForm.vue
+++ b/src/components/FavoriteEditionForm.vue
@@ -43,6 +43,12 @@
 				:placeholder="commentPH"
 				:readonly="!favorite.isUpdateable"
 				rows="1" />
+			<span class="icon icon-address" />
+			<input
+				v-model="location"
+				type="text"
+				:placeholder="locationPH"
+				:readonly="!favorite.isUpdateable">
 		</div>
 		<div class="buttons">
 			<NcButton
@@ -92,9 +98,12 @@ export default {
 			name: this.favorite.name,
 			category: this.favorite.category,
 			comment: this.favorite.comment,
+			lat: this.favorite.lat,
+			lng: this.favorite.lng,
 			namePH: t('maps', 'Favorite name'),
 			categoryPH: t('maps', 'Category'),
 			commentPH: t('maps', 'Comment'),
+			locationPH: t('maps', 'Location'),
 			newCategoryOption: null,
 			selectedCategory: {
 				label: this.favorite.category,
@@ -117,6 +126,16 @@ export default {
 				? [this.newCategoryOption, ...categoryOptions]
 				: categoryOptions
 		},
+		location: {
+			get() {
+				return `${this.lat},${this.lng}`
+			},
+			set(value) {
+				const [lat, lng] = value.split(',')
+				this.lat = lat
+				this.lng = lng
+			},
+		},
 	},
 
 	watch: {
@@ -139,6 +158,8 @@ export default {
 				multiselectKey: this.favorite.category,
 			}
 			this.comment = this.favorite.comment
+			this.lat = this.favorite.lat
+			this.lng = this.favorite.lng
 		},
 		onSearchChange(query) {
 			if (query === '' || Object.keys(this.categories).includes(query)) {
@@ -160,6 +181,8 @@ export default {
 				name: this.name,
 				category: this.category,
 				comment: this.comment,
+				lat: this.lat,
+				lng: this.lng,
 			}
 			this.$emit('edit', editedFav)
 		},