Run process in the background example

[DevOpsCraftsman]

Hi! Evryone!

I know there is already a progress bar example for background process feedback visualization.
But I think a more simple example could be added.

My proposition:

<button class="btn" hx-post="/pre_run" hx-swap="outerHTML">
  Run
</button>

The pre_run endpoint does not yet run the process, but just returns a new button with the load trigger that actually launches it on the server and wait for its completion:

<button class="btn" hx-post="/run" hx-trigger="load" hx-swap="outerHTML">
  Running…
</button>

After completion, the response returns a simple button telling we’re done:

<button class="btn">
  Success!
</button>

Of course, if there is failure we can returns the first button with another content like "Error… Please retry".

What do you think?

[DevOpsCraftsman]

Answering myself :

It's already handled by this in a lot more elegant way:

https://htmx.org/attributes/hx-indicator/

[DevOpsCraftsman]

I want to, but didn't find how... Where I'm supposed to click?
(I fear I can't, because my own messages are considered as comments, not answers...)

[ivangretsky]

Sorry. I am new to github discussions. And it seems like we cannot close or mark the idea discussion as resolved. My bad.

[78wesley]

https://github.blog/changelog/2023-03-14-adding-the-ability-to-close-github-discussions/

[ivangretsky]

@DevOpsCraftsman does the new option suggested by @78wesley work for you?

[DevOpsCraftsman]

Done, thanks!