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

View File

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

View File

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

View File

@@ -1,7 +1,7 @@
@props([ @props([
'status' => 'Stopped', '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="flex items-center gap-2 " wire:loading.remove.delay.longer>
<div class="badge badge-error badge-xs"></div> <div class="badge badge-error badge-xs"></div>
<div class="text-xs font-medium tracking-wide text-error">{{ Str::headline($status) }}</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.navbar :service="$service" :parameters="$parameters" :query="$query" />
<livewire:project.service.compose-modal :service="$service" /> <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"> <div class="flex flex-col items-start gap-4 min-w-fit">
<a target="_blank" href="{{ $service->documentation() }}">Documentation <x-external-link /></a> <a target="_blank" href="{{ $service->documentation() }}">Documentation <x-external-link /></a>
<a :class="activeTab === 'service-stack' && 'text-white'" <a :class="activeTab === 'service-stack' && 'text-white'"