This commit is contained in:
Andras Bacsai 2023-12-06 15:30:04 +01:00
parent fcef5d902e
commit 61efdfb7c1
5 changed files with 6 additions and 6 deletions

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Degraded',
])
{{-- <x-loading wire:loading.delay /> --}}
<x-loading wire:loading.delay.longer />
<div class="flex items-center gap-2" wire:loading.remove.delay.longer>
<div class="badge badge-warning badge-xs"></div>
<div class="text-xs font-medium tracking-wide text-warning">{{ Str::headline($status) }}</div>

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Restarting',
])
{{-- <x-loading wire:loading.delay /> --}}
<x-loading wire:loading.delay.longer />
<div class="flex items-center gap-2" wire:loading.remove.delay.longer>
<div class="badge badge-warning badge-xs"></div>
<div class="text-xs font-medium tracking-wide text-warning">{{ Str::headline($status) }}</div>

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Running',
])
{{-- <x-loading wire:loading.delay.longer /> --}}
<x-loading wire:loading.delay.longer />
<div class="flex items-center gap-2 " wire:loading.remove.delay.longer>
<div class="badge badge-success badge-xs"></div>
<div class="text-xs font-medium tracking-wide text-success">{{ Str::headline($status) }}</div>

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Stopped',
])
{{-- <x-loading wire:loading.delay.longer /> --}}
<x-loading wire:loading.delay.longer />
<div class="flex items-center gap-2 " wire:loading.remove.delay.longer>
<div class="badge badge-error badge-xs"></div>
<div class="text-xs font-medium tracking-wide text-error">{{ Str::headline($status) }}</div>

View File

@ -1,7 +1,7 @@
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'service-stack' }" x-init="$wire.checkStatus">
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'service-stack' }" x-init="$wire.checkStatus" wire:poll.10000ms="checkStatus">
<livewire:project.service.navbar :service="$service" :parameters="$parameters" :query="$query" />
<livewire:project.service.compose-modal :service="$service" />
<div class="flex h-full pt-6" wire:poll.10000ms="checkStatus">
<div class="flex h-full pt-6" >
<div class="flex flex-col items-start gap-4 min-w-fit">
<a target="_blank" href="{{ $service->documentation() }}">Documentation <x-external-link /></a>
<a :class="activeTab === 'service-stack' && 'text-white'"