How to show JS confirm alert with TD elements ?

[sergeynilov]

I make listing of data/table with TD elements for data cells and I have a question if there is a way
to make delete button with JS confirm alert and javascript code/axios request if user selected “Yes”
to run request on server side?

Please examples.

    "laravel/framework": "^9.19",
    "orchid/crud": "^3.8",
    "orchid/platform": "^13.6",

Thanks!

[gioacchinopoletto]

I have used a simple button with ->confirm() attribute. Inside the attribute you can insert the confirmation message.

Inside the screen commandBar() function show like this:

Button::make(__('Delete'))
                ->icon('trash')
                ->confirm(__('Are you sure?'))
                ->method('remove')

Inside a TD on table layout show like this:

TD::make(__('Actions'))
                ->cantHide()
                ->align(TD::ALIGN_CENTER)
                ->width('100px')
                ->render(function (YourModel $yourModelVariable) {
                    return DropDown::make()
                        ->icon('options-vertical')
                        ->list([

                            Link::make(__('Edit'))
                                ->route(...)
                                ->icon('pencil'),

                            Button::make(__('Delete'))
                                ->icon('trash')
                                ->confirm(__('Are you sure?'))
                                ->method('remove', [
                                    'id' => $yourModelVariable->id,
                                ])
                                ,
                        ]);
            }),