Skip to content
Snippets Groups Projects
Commit f36d4391 authored by David Smadja's avatar David Smadja
Browse files

Add wait indicator when download button is clicked

parent f9d8aa60
No related branches found
No related tags found
1 merge request!288Resolve "Ajouter un loader sur la modale du bouton Sauvegarder/partager"
Pipeline #19054 passed
...@@ -244,6 +244,8 @@ ...@@ -244,6 +244,8 @@
let variablesHistory: string[] = $state([]) let variablesHistory: string[] = $state([])
let windowInnerWidth: number | undefined = $state(undefined) let windowInnerWidth: number | undefined = $state(undefined)
let saveButtonClicked: boolean = $state(false)
function auditSimulationQuery( function auditSimulationQuery(
audit: Audit, audit: Audit,
query: URLSearchParams, query: URLSearchParams,
...@@ -1247,10 +1249,21 @@ ...@@ -1247,10 +1249,21 @@
{#if (displayMode.parametersVariableName !== undefined || displayMode.testCasesIndex.length > 0) && (mobileLawTab || !displayMode.budget) && displayMode.edit === undefined} {#if (displayMode.parametersVariableName !== undefined || displayMode.testCasesIndex.length > 0) && (mobileLawTab || !displayMode.budget) && displayMode.edit === undefined}
<button <button
class="absolute -bottom-4 right-2 z-30 flex items-center gap-2 rounded border border-le-bleu bg-white px-5 py-2 text-sm font-bold uppercase tracking-[0.085em] text-le-bleu shadow-lg transition-all duration-200 ease-out-back hover:bg-gray-100 active:bg-gray-200 disabled:scale-90 disabled:opacity-0 lg:right-5 xl:right-10" class="absolute -bottom-4 right-2 z-30 flex items-center gap-2 rounded border border-le-bleu bg-white px-5 py-2 text-sm font-bold uppercase tracking-[0.085em] text-le-bleu shadow-lg transition-all duration-200 ease-out-back hover:bg-gray-100 active:bg-gray-200 disabled:scale-90 disabled:opacity-0 lg:right-5 xl:right-10"
onclick={shareTestCaseSimulationLink} onclick={async () => {
if (saveButtonClicked) {
return
}
saveButtonClicked = true
await shareTestCaseSimulationLink()
saveButtonClicked = false
}}
id="situation_savebutton" id="situation_savebutton"
> >
<span class="hidden lg:inline">Enregistrer / partager</span> <span class="hidden lg:inline"
>{saveButtonClicked
? "Génération en cours..."
: "Enregistrer / partager"}</span
>
<iconify-icon class="text-lg" icon="ri:share-fill" <iconify-icon class="text-lg" icon="ri:share-fill"
></iconify-icon> ></iconify-icon>
</button> </button>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment