Fix Livewire BindingResolutionException: replace @this calls in pushed scripts with #[On] + Livewire.emit
- Add #[On] attributes to 5 Livewire component methods:
- LayerManager::saveManualGeojson
- ProjectForm::setLocation
- ProjectMap::selectFeature (already had #[On])
- TaskForm::closeModal
- TaskKanban::updateTaskStatus
- Replace @this.method() in @push('scripts') with Livewire.emit() calls
- Fix DataTable event payloads from objects {id: X} to scalars X for:
- FeatureTable::map-select-feature
- InspectionTable::map-view-inspection, edit-inspection, delete-inspection
This commit is contained in:
Javier Braña
@@ -5,6 +5,7 @@ namespace App\Livewire\Layers;
|
||||
use Livewire\Component;
|
||||
use Livewire\WithFileUploads;
|
||||
use Livewire\Attributes\Layout;
|
||||
use Livewire\Attributes\On;
|
||||
use App\Models\Project;
|
||||
use App\Models\Phase;
|
||||
use App\Models\Layer;
|
||||
@@ -251,6 +252,7 @@ class LayerManager extends Component
|
||||
|
||||
// ── Save drawn GeoJSON ────────────────────────────────────────────────────
|
||||
|
||||
#[On('save-manual-geojson')]
|
||||
public function saveManualGeojson($geojsonString)
|
||||
{
|
||||
if (!$this->selectedLayer) {
|
||||
|
||||
@@ -69,15 +69,15 @@ class FeatureTable extends DataTableComponent
|
||||
->html(),
|
||||
|
||||
Column::make('Acciones')
|
||||
->label(fn ($row) =>
|
||||
'<div class="flex justify-end">
|
||||
<button wire:click="$dispatch(\'map-select-feature\', { id: ' . $row->id . ' })"
|
||||
class="btn btn-xs btn-primary gap-1" title="Editar elemento">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
|
||||
Abrir
|
||||
</button>
|
||||
</div>')
|
||||
->html(),
|
||||
->label(fn ($row) =>
|
||||
'<div class="flex justify-end">'
|
||||
. '<button wire:click="$dispatch(\'map-select-feature\', ' . $row->id . ')"'
|
||||
. 'class="btn btn-xs btn-primary gap-1" title="Editar elemento">'
|
||||
. '<svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>'
|
||||
. 'Abrir'
|
||||
. '</button>'
|
||||
. '</div>')
|
||||
->html(),
|
||||
];
|
||||
}
|
||||
|
||||
|
||||
@@ -85,21 +85,21 @@ class InspectionTable extends DataTableComponent
|
||||
Column::make('Acciones')
|
||||
->label(fn ($row) =>
|
||||
'<div class="flex justify-end gap-1">'
|
||||
. '<button wire:click="$dispatch(\'map-view-inspection\', { id: ' . $row->id . ' })"'
|
||||
. '<button wire:click="$dispatch(\'map-view-inspection\', ' . $row->id . ')"'
|
||||
. 'class="btn btn-xs btn-ghost" title="Ver inspección">'
|
||||
. '<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>'
|
||||
. '</button>'
|
||||
. '@can("edit inspections")'
|
||||
. '<button wire:click="$dispatch(\'edit-inspection\', { id: ' . $row->id . ' })"'
|
||||
. '<button wire:click="$dispatch(\'edit-inspection\', ' . $row->id . ')"'
|
||||
. 'class="btn btn-xs btn-ghost" title="Editar inspección">'
|
||||
. '<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>'
|
||||
. '</button>'
|
||||
. '@endcan'
|
||||
. '@can("delete inspections")'
|
||||
. '<button wire:click="$dispatch(\'delete-inspection\', { id: ' . $row->id . ' })"'
|
||||
. '<button wire:click="$dispatch(\'delete-inspection\', ' . $row->id . ')"'
|
||||
. 'class="btn btn-xs btn-ghost btn-error" title="Eliminar inspección"'
|
||||
. 'onclick="return confirm(\'¿Eliminar esta inspección? No se puede deshacer.\');">'
|
||||
. '<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>'
|
||||
. '<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"/></svg>'
|
||||
. '</button>'
|
||||
. '@endcan'
|
||||
. '</div>')
|
||||
@@ -111,15 +111,15 @@ class InspectionTable extends DataTableComponent
|
||||
{
|
||||
$images = $row->media->where('category', 'image')->values();
|
||||
$count = $images->count();
|
||||
|
||||
|
||||
if ($count === 0) {
|
||||
return '<span class="text-base-content/30 text-xs">—</span>';
|
||||
}
|
||||
|
||||
$thumbnails = $images->take(3)->map(fn ($m) =>
|
||||
'<a href="' . $m->url . '" target="_blank" class="inline-block mr-1">
|
||||
<img src="' . $m->url . '" class="w-8 h-8 object-cover rounded border border-base-300" alt="' . e($m->name) . '" loading="lazy" />
|
||||
</a>'
|
||||
$thumbnails = $images->take(3)->map(fn ($m) =>
|
||||
'<a href="' . $m->url . '" target="_blank" class="inline-block mr-1">'
|
||||
. '<img src="' . $m->url . '" class="w-8 h-8 object-cover rounded border border-base-300" alt="' . e($m->name) . '" loading="lazy" />'
|
||||
. '</a>'
|
||||
)->implode('');
|
||||
|
||||
$more = $count > 3 ? '<span class="text-xs text-base-content/50 ml-1">+' . ($count - 3) . '</span>' : '';
|
||||
@@ -154,4 +154,4 @@ class InspectionTable extends DataTableComponent
|
||||
->filter(fn (Builder $query, string $value) => $query->where('inspections.user_id', $value)),
|
||||
];
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -4,6 +4,7 @@ namespace App\Livewire\Projects;
|
||||
|
||||
use Livewire\Component;
|
||||
use Livewire\Attributes\Layout;
|
||||
use Livewire\Attributes\On;
|
||||
use App\Models\Project;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
use Illuminate\Support\Facades\Gate;
|
||||
@@ -49,6 +50,8 @@ class ProjectForm extends Component
|
||||
}
|
||||
|
||||
// Called from JS after map click / marker drag + reverse geocode
|
||||
|
||||
#[On('set-location')]
|
||||
public function setLocation(string $lat, string $lng, string $address = '', string $country = ''): void
|
||||
{
|
||||
$this->lat = $lat;
|
||||
|
||||
@@ -8,6 +8,7 @@ use App\Models\User;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
use Illuminate\Support\Str;
|
||||
use Livewire\Attributes\Layout;
|
||||
use Livewire\Attributes\On;
|
||||
use Livewire\Attributes\Validate;
|
||||
use Livewire\Component;
|
||||
use Livewire\WithFileUploads;
|
||||
@@ -171,6 +172,7 @@ class TaskForm extends Component
|
||||
$this->closeModal();
|
||||
}
|
||||
|
||||
#[On('close-modal')]
|
||||
public function closeModal(): void
|
||||
{
|
||||
$this->showModal = false;
|
||||
|
||||
@@ -63,6 +63,7 @@ class TaskKanban extends Component
|
||||
// Trigger re-render
|
||||
}
|
||||
|
||||
#[On('update-task-status')]
|
||||
public function updateTaskStatus(Task $task, string $status): void
|
||||
{
|
||||
abort_unless(Auth::user()->can('update', $task), 403);
|
||||
|
||||
Reference in New Issue
Block a user