dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

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
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 @@
</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 @@
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 @@
<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 @@
</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 @@
</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