Refactor modal-confirmation component

This commit is contained in:
Andras Bacsai 2024-10-28 23:02:05 +01:00
parent 2eef8ee433
commit 898433bc4a

View file

@ -178,7 +178,7 @@ class="flex absolute top-2 right-2 justify-center items-center w-8 h-8 rounded-f
</svg>
</button>
</div>
<div class="relative pb-8 w-auto">
<div class="relative w-auto">
@if (!empty($checkboxes))
<!-- Step 1: Select actions -->
<div x-show="step === 1">
@ -193,7 +193,7 @@ class="flex absolute top-2 right-2 justify-center items-center w-8 h-8 rounded-f
x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')" />
</div>
@endforeach
<div class="flex flex-wrap gap-2 justify-between mt-4">
<x-forms.button @click="modalOpen = false; resetModal()"
class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
@ -280,7 +280,8 @@ class="p-2 mt-1 w-full text-black rounded input">
<div class="flex flex-wrap gap-2 justify-between mt-4">
@if (!empty($checkboxes))
<x-forms.button @click="step--" class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
<x-forms.button @click="step--"
class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
Back
</x-forms.button>
@else
@ -290,7 +291,8 @@ class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
</x-forms.button>
@endif
<x-forms.button
x-bind:disabled="!disableTwoStepConfirmation && confirmWithText && userConfirmationText !== confirmationText"
x-bind:disabled="!disableTwoStepConfirmation && confirmWithText && userConfirmationText !==
confirmationText"
class="w-auto" isError
@click="
if (dispatchEvent) {
@ -333,7 +335,8 @@ class="w-full input" placeholder="Enter your password">
</div>
<div class="flex flex-wrap gap-2 justify-between mt-4">
<x-forms.button @click="step--" class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
<x-forms.button @click="step--"
class="w-24 dark:bg-coolgray-200 dark:hover:bg-coolgray-300">
Back
</x-forms.button>
<x-forms.button x-bind:disabled="!password" class="w-auto" isError