Selfupdating / On-The-Fly / Dynamic Modal Form on Resources (Tutorial)
Hey - so this is a follow-up to #Selfupdating Modal-Form and an attempt to better state the problem and provide the found solution for future use.
The problem:
Let's say you have to create an Action on a Resource (table) but the required form-entries (like which Inputs are required, which selects, or whatnot) depend on the record or a relation on the record you are working on. (I'm using the EditAction for this, but this should work on any other action as well!)
In my scenario the form-content relied on a model called "Config" and to add method to the madness, a secondary model we call "Parent". In here we call the model that the Resource displays just "Entity", to avoid confusion. So Entity belongs to Parent via parent_id. Config belongs to parent via parent_id. Entity and Config are linked via a BelongsToMany-relationship with a pivot-value called "value", which holds the set value. Now we have a Select on our form that set's the parent_id for Entity and we want the form to display all Config-models with the same parent_id as our select currently uses as selected value and update itself whenever the selected value (parent_id) changes.
The following thread will provide the solution to this, which has been found with extensive help of @pboivin and a pointer in the right direction by @smiliyas. Thank you guys.
The problem:
Let's say you have to create an Action on a Resource (table) but the required form-entries (like which Inputs are required, which selects, or whatnot) depend on the record or a relation on the record you are working on. (I'm using the EditAction for this, but this should work on any other action as well!)
In my scenario the form-content relied on a model called "Config" and to add method to the madness, a secondary model we call "Parent". In here we call the model that the Resource displays just "Entity", to avoid confusion. So Entity belongs to Parent via parent_id. Config belongs to parent via parent_id. Entity and Config are linked via a BelongsToMany-relationship with a pivot-value called "value", which holds the set value. Now we have a Select on our form that set's the parent_id for Entity and we want the form to display all Config-models with the same parent_id as our select currently uses as selected value and update itself whenever the selected value (parent_id) changes.
The following thread will provide the solution to this, which has been found with extensive help of @pboivin and a pointer in the right direction by @smiliyas. Thank you guys.
Solution
So that's it. Just add those 3 funtions after
BUT I HAVE TO WARN YOU:
- First: This solution works nicely, but any model-policy you set on Entity is completely ignored! So those won't help you! I strongly advise to add a visible-function to your EditAction, so only users that have the appropiate authority can change anything. In my app I'm using it like this:
- Second: Remember that everytime the Select for parent_id is changed, a request get's fired to your database. There is a theoretical attack-surface if you have a large configs-table and one does inject some JavaScript to rapidly change said select! So use this solution with causion.
EditAction::make()BUT I HAVE TO WARN YOU:
- First: This solution works nicely, but any model-policy you set on Entity is completely ignored! So those won't help you! I strongly advise to add a visible-function to your EditAction, so only users that have the appropiate authority can change anything. In my app I'm using it like this:
->visible(fn() => Auth::user()->hasRole(['Admin', 'SuperAdmin']))- Second: Remember that everytime the Select for parent_id is changed, a request get's fired to your database. There is a theoretical attack-surface if you have a large configs-table and one does inject some JavaScript to rapidly change said select! So use this solution with causion.
