39 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| <div class="flex flex-col gap-4">
 | |
|     @forelse($executions as $execution)
 | |
|         <a wire:click="selectTask({{ data_get($execution, 'id') }})" @class([
 | |
|             'flex flex-col border-l-2 transition-colors p-4 cursor-pointer',
 | |
|             'bg-white hover:bg-gray-100 dark:bg-coolgray-100 dark:hover:bg-coolgray-200',
 | |
|             'text-black dark:text-white',
 | |
|             'bg-gray-200 dark:bg-coolgray-200' =>
 | |
|                 data_get($execution, 'id') == $selectedKey,
 | |
|             'border-green-500' => data_get($execution, 'status') === 'success',
 | |
|             'border-red-500' => data_get($execution, 'status') === 'failed',
 | |
|             'border-yellow-500' => data_get($execution, 'status') === 'running',
 | |
|         ])>
 | |
|             @if (data_get($execution, 'status') === 'running')
 | |
|                 <div class="absolute top-2 right-2">
 | |
|                     <x-loading />
 | |
|                 </div>
 | |
|             @endif
 | |
|             <div class="text-gray-700 dark:text-gray-300 font-semibold mb-1">Status: {{ data_get($execution, 'status') }}
 | |
|             </div>
 | |
|             <div class="text-gray-600 dark:text-gray-400 text-sm">
 | |
|                 Started At: {{ $this->formatDateInServerTimezone(data_get($execution, 'created_at', now())) }}
 | |
|             </div>
 | |
|         </a>
 | |
|         @if (data_get($execution, 'id') == $selectedKey)
 | |
|             <div class="p-4 mb-2 bg-gray-100 dark:bg-coolgray-200 rounded">
 | |
|                 @if (data_get($execution, 'message'))
 | |
|                     <div>
 | |
|                         <pre class="whitespace-pre-wrap">{{ data_get($execution, 'message') }}</pre>
 | |
|                     </div>
 | |
|                 @else
 | |
|                     <div>No output was recorded for this execution.</div>
 | |
|                 @endif
 | |
|             </div>
 | |
|         @endif
 | |
|     @empty
 | |
|         <div class="p-4 bg-gray-100 dark:bg-coolgray-100 rounded">No executions found.</div>
 | |
|     @endforelse
 | |
| </div>
 | 
