f88e3c5b29
ui: fixes here and there
41 lines
1.9 KiB
PHP
41 lines
1.9 KiB
PHP
<div x-init="$wire.loadImages">
|
|
<div class="flex items-center gap-2">
|
|
<h2>Rollback</h2>
|
|
<x-forms.button wire:click='loadImages(true)'>Reload Available Images</x-forms.button>
|
|
</div>
|
|
<div class="pb-4 ">You can easily rollback to a previously built <span class="text-warning">(local)</span> images quickly.</div>
|
|
<div wire:target='loadImages'>
|
|
<div class="flex flex-wrap">
|
|
@forelse ($images as $image)
|
|
<div class="w-2/4 p-2">
|
|
<div class="rounded shadow-lg bg-coolgray-200">
|
|
<div class="p-2">
|
|
<div class="">
|
|
@if (data_get($image, 'is_current'))
|
|
<span class="font-bold text-warning">LIVE</span>
|
|
|
|
|
@endif
|
|
SHA: {{ data_get($image, 'tag') }}
|
|
</div>
|
|
<div class="text-xs">{{ data_get($image, 'created_at') }}</div>
|
|
</div>
|
|
<div class="flex justify-end p-2">
|
|
@if (data_get($image, 'is_current'))
|
|
<x-forms.button disabled tooltip="This image is currently running.">
|
|
Rollback
|
|
</x-forms.button>
|
|
@else
|
|
<x-forms.button class="bg-coolgray-100" wire:click="rollbackImage('{{ data_get($image, 'tag') }}')">
|
|
Rollback
|
|
</x-forms.button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@empty
|
|
<div>No images found locally.</div>
|
|
@endforelse
|
|
</div>
|
|
</div>
|
|
</div>
|