ui ui ui ui ui ui ux ux ux ux ux ux
This commit is contained in:
		@@ -1,14 +1,14 @@
 | 
			
		||||
<div class="flex flex-col-reverse gap-2">
 | 
			
		||||
    @forelse($executions as $execution)
 | 
			
		||||
        <form wire:key="{{ data_get($execution, 'id') }}" class="relative flex flex-col p-4 border-dotted border-1 bg-coolgray-100"
 | 
			
		||||
            @class([
 | 
			
		||||
        <form wire:key="{{ data_get($execution, 'id') }}"
 | 
			
		||||
            class="relative flex flex-col p-4 border-dotted border-1 bg-coolgray-100" @class([
 | 
			
		||||
                'border-green-500' => data_get($execution, 'status') === 'success',
 | 
			
		||||
                'border-red-500' => data_get($execution, 'status') === 'failed',
 | 
			
		||||
            ])>
 | 
			
		||||
            @if (data_get($execution, 'status') === 'running')
 | 
			
		||||
            <div class="absolute top-2 right-2">
 | 
			
		||||
                <x-loading />
 | 
			
		||||
            </div>
 | 
			
		||||
                <div class="absolute top-2 right-2">
 | 
			
		||||
                    <x-loading />
 | 
			
		||||
                </div>
 | 
			
		||||
            @endif
 | 
			
		||||
            <div>Database: {{ data_get($execution, 'database_name', 'N/A') }}</div>
 | 
			
		||||
            <div>Status: {{ data_get($execution, 'status') }}</div>
 | 
			
		||||
@@ -26,8 +26,12 @@
 | 
			
		||||
                    <x-forms.button class=" hover:bg-coolgray-400"
 | 
			
		||||
                        wire:click="download({{ data_get($execution, 'id') }})">Download</x-forms.button>
 | 
			
		||||
                @endif
 | 
			
		||||
                <x-forms.button isError wire:click="deleteBackup({{ data_get($execution, 'id') }})"
 | 
			
		||||
                    wire:confirm.prompt="Are you sure?\n\nType DELETE to confirm|DELETE">Delete</x-forms.button>
 | 
			
		||||
                <x-modal-confirmation isErrorButton action="deleteBackup({{ data_get($execution, 'id') }})">
 | 
			
		||||
                    <x-slot:button-title>
 | 
			
		||||
                        Delete
 | 
			
		||||
                    </x-slot:button-title>
 | 
			
		||||
                    This will delete this backup. It is not reversible.<br>Please think again.
 | 
			
		||||
                </x-modal-confirmation>
 | 
			
		||||
            </div>
 | 
			
		||||
        </form>
 | 
			
		||||
    @empty
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user