How to pass data from view to Resource TextInput?

Guys, need help! I have Resource with $form where custom view renders svg image with different clickable areas, I need to pass clicked svg path id from that view to $form TextInput, how can I do that?

Solution

another reference: https://livewire.laravel.com/docs/javascript#using-javascript-in-livewire-components

Laravel

JavaScript | Laravel

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

Jump to solution

Ffantastique2233 Guys, need help! I have Resource with $form where custom view renders svg image ...

LeandroFerreira•5/9/24, 5:01 AM

What code are you doing?

LLeandroFerreira What code are you doing?

fantastique2233OP•5/9/24, 7:38 AM

In filament.map.svg i've a svg map, when I click on certain area I get an id of the area in console, but I can't figured out how to pass the id to the TextInput::make('obj_id')

Ffantastique2233 In filament.map.svg i've a svg map, when I click on certain area I get an id of ...

LeandroFerreira•5/9/24, 6:58 PM

would you like to set a value?

LLeandroFerreira would you like to set a value?

fantastique2233OP•5/9/24, 6:58 PM

yes

Ffantastique2233 yes

LeandroFerreira•5/9/24, 7:00 PM

hum.. maybe
?

LLeandroFerreira hum.. maybe `$wire.$set('data.obj_id', 'new_value')` ?

fantastique2233OP•5/9/24, 7:03 PM

I didn't create Livewire component just view for svg, should I create it for that?

Ffantastique2233 I didn't create Livewire component just view for svg, should I create it for tha...

LeandroFerreira•5/9/24, 7:04 PM

could you share the code you are using in this view?

LLeandroFerreira could you share the code you are using in this view?

fantastique2233OP•5/9/24, 7:09 PM

here it is - https://codepen.io/steamn/pen/BaeadXM

CodePenSteamn

BaeadXM

...

Ffantastique2233 here it is - https://codepen.io/steamn/pen/BaeadXM

LeandroFerreira•5/9/24, 7:11 PM

Did you try my code? Any console errors?

LLeandroFerreira Did you try my code? Any console errors?

fantastique2233OP•5/9/24, 7:13 PM

Sorry, but I don't know how to use it(

Ffantastique2233 Sorry, but I don't know how to use it(

LeandroFerreira•5/9/24, 7:13 PM

on click?

LLeandroFerreira on click?

fantastique2233OP•5/9/24, 7:17 PM

$wire is not defined in console

Ffantastique2233 $wire is not defined in console

LeandroFerreira•5/9/24, 7:57 PM

I think you can use something like this

LLeandroFerreira I think you can use something like this ```html <div x-data> <svg> ...

fantastique2233OP•5/9/24, 8:10 PM

my svg file is too big and complex (it's map overlay), so I can't follow your suggestion.

Is it possible to use $wire.$set inside JS script like on that screenshot?

Ffantastique2233 my svg file is too big and complex (it's map overlay), so I can't follow your su...

LeandroFerreira•5/9/24, 8:12 PM

I think so, but I think you should use alpineJs
https://alpinejs.dev/

Alpine.js

A rugged, minimal framework for composing behavior directly in your markup.

Solution

LeandroFerreira•5/9/24, 8:14 PM

another reference: https://livewire.laravel.com/docs/javascript#using-javascript-in-livewire-components

Laravel

JavaScript | Laravel

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

LLeandroFerreira another reference: https://livewire.laravel.com/docs/javascript#using-javascript...

fantastique2233OP•5/9/24, 8:20 PM

Wrapping the script with @script @endscript solved the issue!

thank you so much Leandro!