vito/resources/views/queues/partials/queues-list.blade.php
2024-03-24 09:56:34 +01:00

110 lines
5.7 KiB
PHP

<div x-data="{ deleteAction: '' }">
<x-card-header>
<x-slot name="title">{{ __("Queues") }}</x-slot>
<x-slot name="description">
{{ __("You can manage and create queues for your site via supervisor") }}
</x-slot>
<x-slot name="aside">
@include("queues.partials.create-queue")
</x-slot>
</x-card-header>
<x-live id="live-queues">
<div x-data="" class="space-y-3">
@if (count($queues) > 0)
@foreach ($queues as $queue)
<x-item-card>
<div class="flex flex-grow flex-col items-start justify-center">
<span class="mb-1 flex items-center lowercase text-red-600">
{{ $queue->command }}
</span>
<span class="text-sm text-gray-400">{{ __("User:") }} {{ $queue->user }}</span>
</div>
<div class="flex items-center">
@include("queues.partials.status", ["status" => $queue->status])
<div id="queue-actions-{{ $queue->id }}" class="inline-flex">
<x-icon-button
id="stop-{{ $queue->id }}"
hx-post="{{ route('servers.sites.queues.action', ['server' => $server, 'site' => $site, 'queue' => $queue, 'action' => 'stop']) }}"
hx-swap="outerHTML"
hx-select="#queue-actions-{{ $queue->id }}"
data-tooltip="Stop"
>
<x-heroicon name="o-stop" class="h-5 w-5" />
</x-icon-button>
<x-icon-button
id="resume-{{ $queue->id }}"
hx-post="{{ route('servers.sites.queues.action', ['server' => $server, 'site' => $site, 'queue' => $queue, 'action' => 'start']) }}"
hx-swap="outerHTML"
hx-select="#queue-actions-{{ $queue->id }}"
data-tooltip="Start"
>
<x-heroicon name="o-play" class="h-5 w-5" />
</x-icon-button>
<x-icon-button
id="restart-{{ $queue->id }}"
hx-post="{{ route('servers.sites.queues.action', ['server' => $server, 'site' => $site, 'queue' => $queue, 'action' => 'restart']) }}"
hx-swap="outerHTML"
hx-select="#queue-actions-{{ $queue->id }}"
data-tooltip="Restart"
>
<x-heroicon name="o-arrow-path" class="h-5 w-5" />
</x-icon-button>
<x-icon-button
id="logs-{{ $queue->id }}"
x-on:click="$dispatch('open-modal', 'show-log'); document.getElementById('log-content').firstChild.innerHTML = '';"
hx-get="{{ route('servers.sites.queues.logs', ['server' => $server, 'site' => $site, 'queue' => $queue]) }}"
hx-target="#log-content"
hx-select="#log-content"
data-tooltip="Logs"
>
<x-heroicon name="o-square-3-stack-3d" class="h-5 w-5" />
</x-icon-button>
<x-icon-button
x-on:click="deleteAction = '{{ route('servers.sites.queues.destroy', ['server' => $server, 'site' => $site, 'queue' => $queue]) }}'; $dispatch('open-modal', 'delete-queue')"
data-tooltip="Delete"
>
<x-heroicon name="o-trash" class="h-5 w-5" />
</x-icon-button>
</div>
</div>
</x-item-card>
@endforeach
@else
<x-simple-card>
<div class="text-center">
{{ __("You don't have any queues yet!") }}
</div>
</x-simple-card>
@endif
</div>
</x-live>
<x-confirmation-modal
name="delete-queue"
:title="__('Confirm')"
:description="__('Are you sure that you want to delete this queue?')"
method="delete"
x-bind:action="deleteAction"
/>
<x-modal name="show-log" max-width="4xl">
<div class="p-6">
<h2 class="mb-5 text-lg font-medium text-gray-900 dark:text-gray-100">
{{ __("View Log") }}
</h2>
<div id="log-content">
<x-console-view>
@if (session()->has("content"))
{{ session("content") }}
@else
Loading...
@endif
</x-console-view>
</div>
<div class="mt-6 flex justify-end">
<x-secondary-button type="button" x-on:click="$dispatch('close')">
{{ __("Close") }}
</x-secondary-button>
</div>
</div>
</x-modal>
</div>