rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor modal-confirmation component

Browse source
This commit is contained in:
Andras Bacsai 2024-10-28 23:02:05 +01:00
parent 2eef8ee433
commit 898433bc4a
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
resources/views/components/modal-confirmation.blade.php
View file

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