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;