26 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| @props([
 | |
|     'status' => 'Running',
 | |
| ])
 | |
| <div class="flex items-center">
 | |
|     <x-loading wire:loading.delay.longer />
 | |
|     <span wire:loading.remove.delay.longer class="flex items-center">
 | |
|     <div class="badge badge-success "></div>
 | |
|     <div class="pl-2 pr-1 text-xs font-bold tracking-wider text-success">
 | |
|         {{ str($status)->before(':')->headline() }}
 | |
|     </div>
 | |
|     @if (!str($status)->startsWith('Proxy') && !str($status)->contains('('))
 | |
|         @if (str($status)->contains('unhealthy'))
 | |
|             <x-helper helper="Unhealthy state. <span class='dark:text-warning text-coollabs'>This doesn't mean that the resource is malfunctioning.</span><br><br>- If the resource is accessible, it indicates that no health check is configured - it is not mandatory.<br>- If the resource is not accessible (returning 404 or 503), it may indicate that a health check is needed and has not passed. <span class='dark:text-warning text-coollabs'>Your action is required.</span>"  >
 | |
|                 <x-slot:icon>
 | |
|                     <svg class="hidden w-4 h-4 dark:text-warning lg:block" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
 | |
|                         <path fill="currentColor" d="M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71m-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73M116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0m28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16"></path>
 | |
|                     </svg>
 | |
|                 </x-slot:icon>
 | |
|             </x-helper>
 | |
|         {{-- @else
 | |
|             <div class="text-xs dark:text-success">({{ str($status)->after(':') }})</div> --}}
 | |
|         @endif
 | |
|     @endif
 | |
|     </span>
 | |
| </div>
 | 
