mirror of
https://github.com/vitodeploy/vito.git
synced 2025-07-02 14:36:17 +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
@ -1,5 +1,5 @@
|
||||
<x-server-layout :server="$server">
|
||||
<x-slot name="pageTitle">{{ __("Cronjobs") }}</x-slot>
|
||||
|
||||
<livewire:cronjobs.cronjobs-list :server="$server"/>
|
||||
@include("cronjobs.partrials.cronjobs-list")
|
||||
</x-server-layout>
|
||||
|
||||
116
resources/views/cronjobs/partrials/create-cronjob.blade.php
Normal file
116
resources/views/cronjobs/partrials/create-cronjob.blade.php
Normal file
@ -0,0 +1,116 @@
|
||||
<div>
|
||||
<x-primary-button x-data="" x-on:click.prevent="$dispatch('open-modal', 'create-cronjob')">
|
||||
{{ __("Create Cronjob") }}
|
||||
</x-primary-button>
|
||||
|
||||
<x-modal name="create-cronjob">
|
||||
<form
|
||||
id="create-cronjob-form"
|
||||
hx-post="{{ route("servers.cronjobs.store", ["server" => $server]) }}"
|
||||
hx-swap="outerHTML"
|
||||
hx-select="#create-cronjob-form"
|
||||
class="p-6"
|
||||
x-data="{
|
||||
frequency: '{{ old("frequency", "* * * * *") }}',
|
||||
custom: '{{ old("custom", "") }}',
|
||||
}"
|
||||
>
|
||||
@csrf
|
||||
|
||||
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
|
||||
{{ __("Create Cronjob") }}
|
||||
</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">
|
||||
@php
|
||||
$user = old("user", "vito");
|
||||
@endphp
|
||||
|
||||
<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($user === 'root') selected @endif>root</option>
|
||||
<option value="{{ $server->ssh_user }}" @if($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">
|
||||
@php
|
||||
$frequency = old("frequency", "* * * * *");
|
||||
@endphp
|
||||
|
||||
<x-input-label for="frequency" :value="__('Frequency')" />
|
||||
<x-select-input id="frequency" name="frequency" class="mt-1 w-full" x-model="frequency">
|
||||
<option value="" selected disabled>
|
||||
{{ __("Select") }}
|
||||
</option>
|
||||
<option value="* * * * *" @if($frequency === '* * * * *') selected @endif>
|
||||
{{ __("Every minute") }}
|
||||
</option>
|
||||
<option value="0 * * * *" @if($frequency === '0 * * * *') selected @endif>
|
||||
{{ __("Hourly") }}
|
||||
</option>
|
||||
<option value="0 0 * * *" @if($frequency === '0 0 * * *') selected @endif>
|
||||
{{ __("Daily") }}
|
||||
</option>
|
||||
<option value="0 0 * * 0" @if($frequency === '0 0 * * 0') selected @endif>
|
||||
{{ __("Weekly") }}
|
||||
</option>
|
||||
<option value="0 0 1 * *" @if($frequency === '0 0 1 * *') selected @endif>
|
||||
{{ __("Monthly") }}
|
||||
</option>
|
||||
<option value="custom">{{ __("Custom") }}</option>
|
||||
</x-select-input>
|
||||
@error("frequency")
|
||||
<x-input-error class="mt-2" :messages="$message" />
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div x-show="frequency === 'custom'" class="mt-6">
|
||||
<x-input-label for="custom" :value="__('Custom Frequency')" />
|
||||
<x-text-input
|
||||
value="{{ old('custom') }}"
|
||||
id="custom"
|
||||
name="custom"
|
||||
type="text"
|
||||
class="mt-1 w-full"
|
||||
placeholder="* * * * *"
|
||||
/>
|
||||
@error("custom")
|
||||
<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>
|
||||
52
resources/views/cronjobs/partrials/cronjobs-list.blade.php
Normal file
52
resources/views/cronjobs/partrials/cronjobs-list.blade.php
Normal file
@ -0,0 +1,52 @@
|
||||
<div x-data="{ deleteAction: '' }">
|
||||
<x-card-header>
|
||||
<x-slot name="title">{{ __("Cronjobs") }}</x-slot>
|
||||
<x-slot name="description">
|
||||
{{ __("Your server's Cronjobs are here. You can manage them") }}
|
||||
</x-slot>
|
||||
<x-slot name="aside">
|
||||
@include("cronjobs.partrials.create-cronjob")
|
||||
</x-slot>
|
||||
</x-card-header>
|
||||
<x-live id="live-cronjobs">
|
||||
<div x-data="" class="space-y-3">
|
||||
@if (count($cronjobs) > 0)
|
||||
@foreach ($cronjobs as $cronjob)
|
||||
<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">
|
||||
{{ $cronjob->command }}
|
||||
</span>
|
||||
<span class="text-sm text-gray-400">
|
||||
{{ $cronjob->frequency_label }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
@include("cronjobs.partrials.status", ["status" => $cronjob->status])
|
||||
<div class="inline">
|
||||
<x-icon-button
|
||||
x-on:click="deleteAction = '{{ route('servers.cronjobs.destroy', ['server' => $server, 'cronJob' => $cronjob]) }}'; $dispatch('open-modal', 'delete-cronjob')"
|
||||
>
|
||||
<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 haven't connected to any server providers yet!") }}
|
||||
</div>
|
||||
</x-simple-card>
|
||||
@endif
|
||||
</div>
|
||||
</x-live>
|
||||
<x-confirmation-modal
|
||||
name="delete-cronjob"
|
||||
:title="__('Confirm')"
|
||||
:description="__('Are you sure that you want to delete this cronjob?')"
|
||||
method="delete"
|
||||
x-bind:action="deleteAction"
|
||||
/>
|
||||
</div>
|
||||
11
resources/views/cronjobs/partrials/status.blade.php
Normal file
11
resources/views/cronjobs/partrials/status.blade.php
Normal file
@ -0,0 +1,11 @@
|
||||
@if ($status == \App\Enums\CronjobStatus::READY)
|
||||
<x-status status="success">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\CronjobStatus::CREATING)
|
||||
<x-status status="warning">{{ $status }}</x-status>
|
||||
@endif
|
||||
|
||||
@if ($status == \App\Enums\CronjobStatus::DELETING)
|
||||
<x-status status="danger">{{ $status }}</x-status>
|
||||
@endif
|
||||
Reference in New Issue
Block a user