From de64009e236ee548bbb3f5bf30686e98e334af6a Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Sat, 14 Sep 2024 11:50:11 -0300
Subject: [PATCH] link a google maps

---
 .../src/routes/id_producto/[id]/+page.server.ts   |  4 +++-
 .../src/routes/id_producto/[id]/+page.svelte      | 15 +++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/sepa/sitio2/src/routes/id_producto/[id]/+page.server.ts b/sepa/sitio2/src/routes/id_producto/[id]/+page.server.ts
index ea2b6e3..26ee84a 100644
--- a/sepa/sitio2/src/routes/id_producto/[id]/+page.server.ts
+++ b/sepa/sitio2/src/routes/id_producto/[id]/+page.server.ts
@@ -14,7 +14,9 @@ export const load: PageServerLoad = async ({ params }) => {
 			productos_descripcion: precios.productos_descripcion,
 			sucursales_latitud: sucursales.sucursales_latitud,
 			sucursales_longitud: sucursales.sucursales_longitud,
-			sucursales_nombre: sucursales.sucursales_nombre
+			sucursales_nombre: sucursales.sucursales_nombre,
+			sucursales_calle: sucursales.sucursales_calle,
+			sucursales_numero: sucursales.sucursales_numero
 		})
 		.from(precios)
 		.where(
diff --git a/sepa/sitio2/src/routes/id_producto/[id]/+page.svelte b/sepa/sitio2/src/routes/id_producto/[id]/+page.svelte
index 7978d75..39733d3 100644
--- a/sepa/sitio2/src/routes/id_producto/[id]/+page.svelte
+++ b/sepa/sitio2/src/routes/id_producto/[id]/+page.svelte
@@ -54,9 +54,20 @@
 					[
 						`precio: ${pesosFormatter.format(precio.productos_precio_lista)}`,
 						`sucursal: ${precio.sucursales_nombre}`,
+						`dirección: ${precio.sucursales_calle} ${precio.sucursales_numero}`,
+						() => {
+							const a = document.createElement('a');
+							const params = new URLSearchParams({
+								query: `${precio.sucursales_calle} ${precio.sucursales_numero}`
+							});
+							a.href = `https://www.google.com/maps/search/?api=1&${params.toString()}`;
+							a.target = '_blank';
+							a.append('ver en Google Maps');
+							return a;
+						},
 						`descripcion del producto segun el comercio: ${precio.productos_descripcion}`
-					].forEach((text) => {
-						div.append(text);
+					].forEach((el) => {
+						div.append(typeof el === 'function' ? el() : el);
 						div.append(document.createElement('br'));
 					});
 					return div;