From 52f586f81594c4da62f7939a298d7ba8abf0ac83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javier=20Bra=C3=B1a?= <javier.bgutierrez@gmail.com>
Date: Wed, 27 May 2026 19:48:29 +0200
Subject: [PATCH] Fix: selectFeature and window.openViewer JS syntax in
 project-map.blade.php

---
 resources/views/livewire/projects/project-map.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/livewire/projects/project-map.blade.php b/resources/views/livewire/projects/project-map.blade.php
index bf2f237..e6649c4 100644
--- a/resources/views/livewire/projects/project-map.blade.php
+++ b/resources/views/livewire/projects/project-map.blade.php
@@ -1,7 +1,7 @@
 <div x-data="{ formFullscreen: $wire.entangle('formFullscreen') }" 
      class="flex flex-col lg:flex-row gap-0 h-screen p-1">
     <!-- Columna izquierda: Mapa -->
-    <div x-show="!formFullscreen" x-cloak class="w-full lg:w-2/3 relative">
+    <div x-show="!formFullscreen" x-cloak class="w-full lg:w-2/3 flex-1 relative">
         <div id="map" style="height: 100%; min-height: 500px; width: 100%;" wire:ignore></div>
 
         <!-- Panel lateral de capas -->
@@ -262,9 +262,9 @@
                             let content = `<b>${props.name || 'Elemento'}</b><br>
                                          {{ __("Progress") }}: ${props.progress || 0}%<br>
                                          {{ __("Responsible") }}: ${props.responsible || '-'}<br>
-                                         <button class="btn btn-xs btn-primary mt-1" onclick="selectFeature(' + featId + ')">✏️ Editar</button>`;
+                                         <button class="btn btn-xs btn-primary mt-1" onclick="selectFeature('${featId}')">✏️ Editar</button>`;
                             layer.bindPopup(content);
-                            layer.on('click', function() { selectFeature(featId); });
+                            layer.on('click', function() { selectFeature(' + featId + '); });
                         }
                     });
                     layers[{{ $phase->id }}] = phaseLayer;
@@ -348,7 +348,7 @@
                 m.forEach(marker => {
                     const popupContent = `<b>${marker.name}</b><br>
                                          <img src="${marker.image_url}" class="max-w-[200px] max-h-[150px] rounded cursor-pointer"
-                                              onclick="window.openViewer(' + marker.image_url + ', ' + marker.image_name + ')" />`;
+                                              onclick="window.openViewer('${marker.image_url}', '${marker.image_name}')" />`;
                     L.marker([marker.lat, marker.lng], { icon: photoIcon })
                         .bindPopup(popupContent)
                         .addTo(imageMarkersLayer);