Crud and loader/progressbar

[blondie63]

I've a bkp6/lv11 crud where i've a button that call a function that send emails
This function take time so i'd like to show a popup with a kind of loader or progress bar
Is there a simply way to do it ?

Thanks for help

[pxpm]

Hey @blondie63 , Not now.

We had in times a loader in Backpack. But we never used it and were not really happy about it's looks, so I think we removed it last version.

Happy to brainstorm in some suggestions. I think the biggest problem we had at the time, is that sometimes the loader looks better as a full page loader, other times having a load in button was better (like we have in inline create button).

We didn't find something we can generally use, so we always endup creating loaders to fit our needs.

Maybe it's time to revisit that 🤷‍♂️

In the meanwhile you can check the source of Inline Create button, I think when you save the entry, it shows you a loading indicator in the button.

Cheers

[blondie63]

do you mean this: CRUD::addButtonFromView('line', 'send_mail_users' , 'beginning'); ?

[karandatwani92]

Yes, you have to create a custom button for it and call the operation as Ajax requests.

You can take a look at delete button for reference vendor/backpack/crud/src/resources/views/crud/buttons/delete.blade.php
. This sends an Ajax request.

You can copy its definition and create a new button with the following:

php artisan backpack:button new-button-name --from=delete

Now, Modify it and use it per your need.

[blondie63]

@pxpm Do you like it ?

PopupSpin.mp4

[blondie63]

I've used Tailwindcss because i'm just using it in other blades but my previous developer import it in each blade with:

Now i'd like to use basset to have last tailwind 3.4.3 version global and optimized Can you advise me how to do it?

[karandatwani92]

Hey @blondie63

It's another question not related to this discussion. I request you open another discussion if you are still seeking a solution.

From what I understand with the given details, you need <script src="{{ basset('https://cdn.com/path/to/file.js') }}">

[pxpm]

@blondie63 for example in the case you present I would had preferred some loader only in the table, or even only the button displaying a loading indicator since nothing changes in table.

I think those full loaders are more appropriate when you are doing heavy changes on the background page, imagine that you removed the table and draw some Form or similar.

It's subjective, it's my opinion, and I think opinions vary a lot 🤷