mirror of
https://github.com/vitodeploy/vito.git
synced 2025-07-04 23:42:34 +00:00
Migrate to HTMX (#114)
Dropped Livewire Added HTMX Added Blade code lint Drop Mysql and Redis Migrate to SQLite
This commit is contained in:
Saeed Vaziry
GitHub
110
resources/views/queues/partials/create-queue.blade.php
Normal file
110
resources/views/queues/partials/create-queue.blade.php
Normal file
@ -0,0 +1,110 @@
|
||||
<div>
|
||||
<x-primary-button x-data="" x-on:click.prevent="$dispatch('open-modal', 'create-queue')">
|
||||
{{ __("Create Queue") }}
|
||||
</x-primary-button>
|
||||
|
||||
<x-modal name="create-queue">
|
||||
<form
|
||||
id="create-queue-form"
|
||||
hx-post="{{ route("servers.sites.queues.store", ["server" => $server, "site" => $site]) }}"
|
||||
hx-swap="outerHTML"
|
||||
hx-select="#create-queue-form"
|
||||
class="p-6"
|
||||
>
|
||||
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
|
||||
{{ __("Create Queue") }}
|
||||
</h2>
|
||||
|
||||
<div class="mt-6">
|
||||
<x-input-label for="command" :value="__('Command')" />
|
||||
<x-text-input
|
||||
value="{{ old('command') }}"
|
||||
id="command"
|
||||
name="command"
|
||||
type="text"
|
||||
class="mt-1 w-full"
|
||||
/>
|
||||
@error("command")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<x-input-label for="user" :value="__('User')" />
|
||||
<x-select-input id="user" name="user" class="mt-1 w-full">
|
||||
<option value="" selected disabled>
|
||||
{{ __("Select") }}
|
||||
</option>
|
||||
<option value="root" @if(old('user') == 'root') selected @endif>root</option>
|
||||
<option value="{{ $server->ssh_user }}" @if(old('user') == $server->ssh_user) selected @endif>
|
||||
{{ $server->ssh_user }}
|
||||
</option>
|
||||
</x-select-input>
|
||||
@error("user")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<x-input-label for="auto_start" :value="__('Auto Start')" />
|
||||
<x-select-input id="auto_start" name="auto_start" class="mt-1 w-full">
|
||||
<option value="" selected disabled>
|
||||
{{ __("Select") }}
|
||||
</option>
|
||||
<option value="1" @if(old('auto_start')) selected @endif>
|
||||
{{ __("Yes") }}
|
||||
</option>
|
||||
<option value="0" @if(!old('auto_start')) selected @endif>
|
||||
{{ __("No") }}
|
||||
</option>
|
||||
</x-select-input>
|
||||
@error("auto_start")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<x-input-label for="auto_restart" :value="__('Auto Restart')" />
|
||||
<x-select-input id="auto_restart" name="auto_restart" class="mt-1 w-full">
|
||||
<option value="" selected disabled>
|
||||
{{ __("Select") }}
|
||||
</option>
|
||||
<option value="1" @if(old('auto_restart')) selected @endif>
|
||||
{{ __("Yes") }}
|
||||
</option>
|
||||
<option value="0" @if(!old('auto_restart')) selected @endif>
|
||||
{{ __("No") }}
|
||||
</option>
|
||||
</x-select-input>
|
||||
@error("auto_restart")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<x-input-label for="numprocs" :value="__('Numprocs')" />
|
||||
<x-text-input
|
||||
value="{{ old('numprocs') }}"
|
||||
id="numprocs"
|
||||
name="numprocs"
|
||||
type="text"
|
||||
class="mt-1 w-full"
|
||||
placeholder="2"
|
||||
/>
|
||||
@error("numprocs")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mt-6 flex justify-end">
|
||||
<x-secondary-button type="button" x-on:click="$dispatch('close')">
|
||||
{{ __("Cancel") }}
|
||||
</x-secondary-button>
|
||||
|
||||
<x-primary-button class="ml-3" hx-disable>
|
||||
{{ __("Create") }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-modal>
|
||||
</div>
|
||||
74
resources/views/queues/partials/queues-list.blade.php
Normal file
74
resources/views/queues/partials/queues-list.blade.php
Normal file
@ -0,0 +1,74 @@
|
||||
<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 }}"
|
||||
>
|
||||
Stop
|
||||
</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 }}"
|
||||
>
|
||||
Start
|
||||
</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 }}"
|
||||
>
|
||||
Restart
|
||||
</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')"
|
||||
>
|
||||
<x-heroicon-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"
|
||||
/>
|
||||
</div>
|
||||
35
resources/views/queues/partials/status.blade.php
Normal file
35
resources/views/queues/partials/status.blade.php
Normal file
@ -0,0 +1,35 @@
|
||||
@if ($status == \App\Enums\QueueStatus::RUNNING)
|
||||
<x-status status="success">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::CREATING)
|
||||
<x-status status="warning">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::FAILED)
|
||||
<x-status status="danger">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::RESTARTING)
|
||||
<x-status status="warning">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::STARTING)
|
||||
<x-status status="warning">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::STOPPING)
|
||||
<x-status status="warning">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::STOPPED)
|
||||
<x-status status="danger">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::FAILED)
|
||||
<x-status status="danger">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\QueueStatus::DELETING)
|
||||
<x-status status="danger">{{ $status }}</x-status>
|
||||
@endif
|
||||
Reference in New Issue
Block a user