Refactor server resources view to add loading indicators for managed and unmanaged containers
This commit is contained in:
@@ -16,12 +16,20 @@
|
|||||||
'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
|
'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
|
||||||
'bg-coollabs' => $activeTab === 'managed',
|
'bg-coollabs' => $activeTab === 'managed',
|
||||||
]) wire:click="loadManagedContainers">
|
]) wire:click="loadManagedContainers">
|
||||||
Managed</div>
|
Managed
|
||||||
|
<div class="flex flex-col items-center justify-center">
|
||||||
|
<x-loading wire:loading wire:target="loadManagedContainers" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div @class([
|
<div @class([
|
||||||
'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
|
'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
|
||||||
'bg-coollabs' => $activeTab === 'unmanaged',
|
'bg-coollabs' => $activeTab === 'unmanaged',
|
||||||
]) wire:click="loadUnmanagedContainers">
|
]) wire:click="loadUnmanagedContainers">
|
||||||
Unmanaged</div>
|
Unmanaged
|
||||||
|
<div class="flex flex-col items-center justify-center">
|
||||||
|
<x-loading wire:loading wire:target="loadUnmanagedContainers" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@if ($containers->count() > 0)
|
@if ($containers->count() > 0)
|
||||||
|
Reference in New Issue
Block a user