formatting
This commit is contained in:
ayntk-ai
@@ -3,67 +3,67 @@
|
|||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<h2>General</h2>
|
<h2>General</h2>
|
||||||
@if ($server->id === 0)
|
@if ($server->id === 0)
|
||||||
<x-modal-confirmation buttonTitle="Save" title="Change Localhost" action="submit">
|
<x-modal-confirmation buttonTitle="Save" title="Change Localhost" action="submit">
|
||||||
You could lose a lot of functionalities if you change the server details of the server where Coolify
|
You could lose a lot of functionalities if you change the server details of the server where Coolify
|
||||||
is
|
is
|
||||||
running on.<br>Please think again.
|
running on.<br>Please think again.
|
||||||
</x-modal-confirmation>
|
</x-modal-confirmation>
|
||||||
@else
|
@else
|
||||||
<x-forms.button type="submit">Save</x-forms.button>
|
<x-forms.button type="submit">Save</x-forms.button>
|
||||||
@if ($server->isFunctional())
|
@if ($server->isFunctional())
|
||||||
<x-slide-over closeWithX fullScreen>
|
|
||||||
<x-slot:title>Validate & configure</x-slot:title>
|
|
||||||
<x-slot:content>
|
|
||||||
<livewire:server.validate-and-install :server="$server" ask />
|
|
||||||
</x-slot:content>
|
|
||||||
<x-forms.button @click="slideOverOpen=true" wire:click.prevent='validateServer' isHighlighted>
|
|
||||||
Revalidate server
|
|
||||||
</x-forms.button>
|
|
||||||
</x-slide-over>
|
|
||||||
@endif
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
@if ($server->isFunctional())
|
|
||||||
Server is reachable and validated.
|
|
||||||
@else
|
|
||||||
You can't use this server until it is validated.
|
|
||||||
@endif
|
|
||||||
@if ((!$server->settings->is_reachable || !$server->settings->is_usable) && $server->id !== 0)
|
|
||||||
<x-slide-over closeWithX fullScreen>
|
<x-slide-over closeWithX fullScreen>
|
||||||
<x-slot:title>Validate & configure</x-slot:title>
|
<x-slot:title>Validate & configure</x-slot:title>
|
||||||
<x-slot:content>
|
<x-slot:content>
|
||||||
<livewire:server.validate-and-install :server="$server" />
|
<livewire:server.validate-and-install :server="$server" ask />
|
||||||
</x-slot:content>
|
</x-slot:content>
|
||||||
<x-forms.button @click="slideOverOpen=true"
|
<x-forms.button @click="slideOverOpen=true" wire:click.prevent='validateServer' isHighlighted>
|
||||||
class="w-full mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100"
|
Revalidate server
|
||||||
wire:click.prevent='validateServer' isHighlighted>
|
|
||||||
Validate Server & Install Docker Engine
|
|
||||||
</x-forms.button>
|
</x-forms.button>
|
||||||
</x-slide-over>
|
</x-slide-over>
|
||||||
@if ($server->validation_logs)
|
|
||||||
<h4>Previous Validation Logs</h4>
|
|
||||||
<div class="pb-8">
|
|
||||||
{!! $server->validation_logs !!}
|
|
||||||
</div>
|
|
||||||
@endif
|
@endif
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
@if ($server->isFunctional())
|
||||||
|
Server is reachable and validated.
|
||||||
|
@else
|
||||||
|
You can't use this server until it is validated.
|
||||||
|
@endif
|
||||||
|
@if ((!$server->settings->is_reachable || !$server->settings->is_usable) && $server->id !== 0)
|
||||||
|
<x-slide-over closeWithX fullScreen>
|
||||||
|
<x-slot:title>Validate & configure</x-slot:title>
|
||||||
|
<x-slot:content>
|
||||||
|
<livewire:server.validate-and-install :server="$server" />
|
||||||
|
</x-slot:content>
|
||||||
|
<x-forms.button @click="slideOverOpen=true"
|
||||||
|
class="w-full mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100"
|
||||||
|
wire:click.prevent='validateServer' isHighlighted>
|
||||||
|
Validate Server & Install Docker Engine
|
||||||
|
</x-forms.button>
|
||||||
|
</x-slide-over>
|
||||||
|
@if ($server->validation_logs)
|
||||||
|
<h4>Previous Validation Logs</h4>
|
||||||
|
<div class="pb-8">
|
||||||
|
{!! $server->validation_logs !!}
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
@endif
|
@endif
|
||||||
@if ((!$server->settings->is_reachable || !$server->settings->is_usable) && $server->id === 0)
|
@if ((!$server->settings->is_reachable || !$server->settings->is_usable) && $server->id === 0)
|
||||||
<x-forms.button class="mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100"
|
<x-forms.button class="mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100"
|
||||||
wire:click.prevent='checkLocalhostConnection' isHighlighted>
|
wire:click.prevent='checkLocalhostConnection' isHighlighted>
|
||||||
Validate Server
|
Validate Server
|
||||||
</x-forms.button>
|
</x-forms.button>
|
||||||
@endif
|
@endif
|
||||||
@if ($server->isForceDisabled() && isCloud())
|
@if ($server->isForceDisabled() && isCloud())
|
||||||
<div class="pt-4 font-bold text-red-500">The system has disabled the server because you have exceeded the
|
<div class="pt-4 font-bold text-red-500">The system has disabled the server because you have exceeded the
|
||||||
number of servers for which you have paid.</div>
|
number of servers for which you have paid.</div>
|
||||||
@endif
|
@endif
|
||||||
<div class="flex flex-col gap-2 pt-4">
|
<div class="flex flex-col gap-2 pt-4">
|
||||||
<div class="flex flex-col w-full gap-2 lg:flex-row">
|
<div class="flex flex-col w-full gap-2 lg:flex-row">
|
||||||
<x-forms.input id="server.name" label="Name" required />
|
<x-forms.input id="server.name" label="Name" required />
|
||||||
<x-forms.input id="server.description" label="Description" />
|
<x-forms.input id="server.description" label="Description" />
|
||||||
@if (!$server->settings->is_swarm_worker && !$server->settings->is_build_server)
|
@if (!$server->settings->is_swarm_worker && !$server->settings->is_build_server)
|
||||||
<x-forms.input placeholder="https://example.com" id="wildcard_domain" label="Wildcard Domain"
|
<x-forms.input placeholder="https://example.com" id="wildcard_domain" label="Wildcard Domain"
|
||||||
helper='A wildcard domain allows you to receive a randomly generated domain for your new applications. <br><br>For instance, if you set "https://example.com" as your wildcard domain, your applications will receive domains like "https://randomId.example.com".' />
|
helper='A wildcard domain allows you to receive a randomly generated domain for your new applications. <br><br>For instance, if you set "https://example.com" as your wildcard domain, your applications will receive domains like "https://randomId.example.com".' />
|
||||||
@endif
|
@endif
|
||||||
<div class="w-full" x-data="{
|
<div class="w-full" x-data="{
|
||||||
open: false,
|
open: false,
|
||||||
@@ -90,15 +90,13 @@
|
|||||||
@input="open = true"
|
@input="open = true"
|
||||||
class="w-full input"
|
class="w-full input"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
wire:model.debounce.300ms="server.settings.server_timezone"
|
wire:model.debounce.300ms="server.settings.server_timezone">
|
||||||
>
|
|
||||||
<div x-show="open" class="absolute z-50 w-full mt-1 bg-white dark:bg-coolgray-100 border border-gray-300 dark:border-white rounded-md shadow-lg max-h-60 overflow-auto">
|
<div x-show="open" class="absolute z-50 w-full mt-1 bg-white dark:bg-coolgray-100 border border-gray-300 dark:border-white rounded-md shadow-lg max-h-60 overflow-auto">
|
||||||
<template x-for="timezone in timezones.filter(tz => tz.toLowerCase().includes(search.toLowerCase()))" :key="timezone">
|
<template x-for="timezone in timezones.filter(tz => tz.toLowerCase().includes(search.toLowerCase()))" :key="timezone">
|
||||||
<div
|
<div
|
||||||
@click="search = timezone; open = false; $wire.set('server.settings.server_timezone', timezone)"
|
@click="search = timezone; open = false; $wire.set('server.settings.server_timezone', timezone)"
|
||||||
class="px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-800 dark:text-gray-200"
|
class="px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-800 dark:text-gray-200"
|
||||||
x-text="timezone"
|
x-text="timezone"></div>
|
||||||
></div>
|
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -114,106 +112,106 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-64">
|
<div class="w-64">
|
||||||
@if ($server->isFunctional())
|
@if ($server->isFunctional())
|
||||||
@if (!$server->isLocalhost())
|
@if (!$server->isLocalhost())
|
||||||
<x-forms.checkbox instantSave id="server.settings.is_build_server"
|
<x-forms.checkbox instantSave id="server.settings.is_build_server"
|
||||||
label="Use it as a build server?" />
|
label="Use it as a build server?" />
|
||||||
<div class="flex items-center gap-1 pt-6">
|
<div class="flex items-center gap-1 pt-6">
|
||||||
<h3 class="">Cloudflare Tunnels
|
<h3 class="">Cloudflare Tunnels
|
||||||
</h3>
|
</h3>
|
||||||
<x-helper class="inline-flex"
|
<x-helper class="inline-flex"
|
||||||
helper="If you are using Cloudflare Tunnels, enable this. It will proxy all SSH requests to your server through Cloudflare.<br><span class='dark:text-warning'>Coolify does not install or set up Cloudflare (cloudflared) on your server.</span>" />
|
helper="If you are using Cloudflare Tunnels, enable this. It will proxy all SSH requests to your server through Cloudflare.<br><span class='dark:text-warning'>Coolify does not install or set up Cloudflare (cloudflared) on your server.</span>" />
|
||||||
</div>
|
</div>
|
||||||
@if ($server->settings->is_cloudflare_tunnel)
|
@if ($server->settings->is_cloudflare_tunnel)
|
||||||
<x-forms.checkbox instantSave id="server.settings.is_cloudflare_tunnel" label="Enabled" />
|
<x-forms.checkbox instantSave id="server.settings.is_cloudflare_tunnel" label="Enabled" />
|
||||||
@else
|
|
||||||
<x-modal-input buttonTitle="Configure" title="Cloudflare Tunnels">
|
|
||||||
<livewire:server.configure-cloudflare-tunnels :server_id="$server->id" />
|
|
||||||
</x-modal-input>
|
|
||||||
@endif
|
|
||||||
@if (!$server->isBuildServer())
|
|
||||||
<h3 class="pt-6">Swarm <span class="text-xs text-neutral-500">(experimental)</span></h3>
|
|
||||||
<div class="pb-4">Read the docs <a class='underline dark:text-white'
|
|
||||||
href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>.
|
|
||||||
</div>
|
|
||||||
@if ($server->settings->is_swarm_worker)
|
|
||||||
<x-forms.checkbox disabled instantSave type="checkbox"
|
|
||||||
id="server.settings.is_swarm_manager"
|
|
||||||
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
|
||||||
label="Is it a Swarm Manager?" />
|
|
||||||
@else
|
|
||||||
<x-forms.checkbox instantSave type="checkbox" id="server.settings.is_swarm_manager"
|
|
||||||
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
|
||||||
label="Is it a Swarm Manager?" />
|
|
||||||
@endif
|
|
||||||
|
|
||||||
@if ($server->settings->is_swarm_manager)
|
|
||||||
<x-forms.checkbox disabled instantSave type="checkbox"
|
|
||||||
id="server.settings.is_swarm_worker"
|
|
||||||
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
|
||||||
label="Is it a Swarm Worker?" />
|
|
||||||
@else
|
|
||||||
<x-forms.checkbox instantSave type="checkbox" id="server.settings.is_swarm_worker"
|
|
||||||
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
|
||||||
label="Is it a Swarm Worker?" />
|
|
||||||
@endif
|
|
||||||
@endif
|
|
||||||
@endif
|
|
||||||
@else
|
@else
|
||||||
<div class="flex items-center gap-1 pt-6">
|
<x-modal-input buttonTitle="Configure" title="Cloudflare Tunnels">
|
||||||
<h3 class="">Cloudflare Tunnels
|
<livewire:server.configure-cloudflare-tunnels :server_id="$server->id" />
|
||||||
</h3>
|
</x-modal-input>
|
||||||
<x-helper class="inline-flex"
|
@endif
|
||||||
helper="If you are using Cloudflare Tunnels, enable this. It will proxy all SSH requests to your server through Cloudflare.<br><span class='dark:text-warning'>Coolify does not install or set up Cloudflare (cloudflared) on your server.</span>" />
|
@if (!$server->isBuildServer())
|
||||||
</div>
|
<h3 class="pt-6">Swarm <span class="text-xs text-neutral-500">(experimental)</span></h3>
|
||||||
@if ($server->settings->is_cloudflare_tunnel)
|
<div class="pb-4">Read the docs <a class='underline dark:text-white'
|
||||||
<x-forms.checkbox instantSave id="server.settings.is_cloudflare_tunnel" label="Enabled" />
|
href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>.
|
||||||
@else
|
</div>
|
||||||
<x-modal-input buttonTitle="Configure" title="Cloudflare Tunnels">
|
@if ($server->settings->is_swarm_worker)
|
||||||
<livewire:server.configure-cloudflare-tunnels :server_id="$server->id" />
|
<x-forms.checkbox disabled instantSave type="checkbox"
|
||||||
</x-modal-input>
|
id="server.settings.is_swarm_manager"
|
||||||
@endif
|
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
||||||
|
label="Is it a Swarm Manager?" />
|
||||||
|
@else
|
||||||
|
<x-forms.checkbox instantSave type="checkbox" id="server.settings.is_swarm_manager"
|
||||||
|
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
||||||
|
label="Is it a Swarm Manager?" />
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@if ($server->settings->is_swarm_manager)
|
||||||
|
<x-forms.checkbox disabled instantSave type="checkbox"
|
||||||
|
id="server.settings.is_swarm_worker"
|
||||||
|
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
||||||
|
label="Is it a Swarm Worker?" />
|
||||||
|
@else
|
||||||
|
<x-forms.checkbox instantSave type="checkbox" id="server.settings.is_swarm_worker"
|
||||||
|
helper="For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>."
|
||||||
|
label="Is it a Swarm Worker?" />
|
||||||
|
@endif
|
||||||
|
@endif
|
||||||
|
@endif
|
||||||
|
@else
|
||||||
|
<div class="flex items-center gap-1 pt-6">
|
||||||
|
<h3 class="">Cloudflare Tunnels
|
||||||
|
</h3>
|
||||||
|
<x-helper class="inline-flex"
|
||||||
|
helper="If you are using Cloudflare Tunnels, enable this. It will proxy all SSH requests to your server through Cloudflare.<br><span class='dark:text-warning'>Coolify does not install or set up Cloudflare (cloudflared) on your server.</span>" />
|
||||||
|
</div>
|
||||||
|
@if ($server->settings->is_cloudflare_tunnel)
|
||||||
|
<x-forms.checkbox instantSave id="server.settings.is_cloudflare_tunnel" label="Enabled" />
|
||||||
|
@else
|
||||||
|
<x-modal-input buttonTitle="Configure" title="Cloudflare Tunnels">
|
||||||
|
<livewire:server.configure-cloudflare-tunnels :server_id="$server->id" />
|
||||||
|
</x-modal-input>
|
||||||
|
@endif
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@if ($server->isFunctional())
|
@if ($server->isFunctional())
|
||||||
<h3 class="pt-4">Settings</h3>
|
<h3 class="pt-4">Settings</h3>
|
||||||
<div class="flex flex-col gap-2">
|
<div class="flex flex-col gap-2">
|
||||||
<div class="flex flex-col flex-wrap gap-2 sm:flex-nowrap">
|
<div class="flex flex-col flex-wrap gap-2 sm:flex-nowrap">
|
||||||
@if ($server->settings->is_force_cleanup_enabled)
|
@if ($server->settings->is_force_cleanup_enabled)
|
||||||
<div class="w-64">
|
<div class="w-64">
|
||||||
<x-forms.checkbox
|
<x-forms.checkbox
|
||||||
helper="This will cleanup build caches / unused images / etc every 10 minutes."
|
helper="This will cleanup build caches / unused images / etc every 10 minutes."
|
||||||
instantSave id="server.settings.is_force_cleanup_enabled"
|
instantSave id="server.settings.is_force_cleanup_enabled"
|
||||||
label="Force Cleanup Docker Engine" />
|
label="Force Cleanup Docker Engine" />
|
||||||
</div>
|
|
||||||
@else
|
|
||||||
<x-forms.input id="cleanup_after_percentage" label="Disk cleanup threshold (%)" required
|
|
||||||
helper="The disk cleanup task will run when the disk usage exceeds this threshold." />
|
|
||||||
<div class="w-64">
|
|
||||||
<x-forms.checkbox
|
|
||||||
helper="This will cleanup build caches / unused images / etc every 10 minutes."
|
|
||||||
instantSave id="server.settings.is_force_cleanup_enabled"
|
|
||||||
label="Force Cleanup Docker Engine" />
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap gap-2 sm:flex-nowrap">
|
@else
|
||||||
<x-forms.input id="server.settings.concurrent_builds" label="Number of concurrent builds" required
|
<x-forms.input id="cleanup_after_percentage" label="Disk cleanup threshold (%)" required
|
||||||
helper="You can specify the number of simultaneous build processes/deployments that should run concurrently." />
|
helper="The disk cleanup task will run when the disk usage exceeds this threshold." />
|
||||||
<x-forms.input id="server.settings.dynamic_timeout" label="Deployment timeout (seconds)" required
|
<div class="w-64">
|
||||||
helper="You can define the maximum duration for a deployment to run before timing it out." />
|
<x-forms.checkbox
|
||||||
|
helper="This will cleanup build caches / unused images / etc every 10 minutes."
|
||||||
|
instantSave id="server.settings.is_force_cleanup_enabled"
|
||||||
|
label="Force Cleanup Docker Engine" />
|
||||||
</div>
|
</div>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-2 pt-4 pb-2">
|
<div class="flex flex-wrap gap-2 sm:flex-nowrap">
|
||||||
<h3>Sentinel</h3>
|
<x-forms.input id="server.settings.concurrent_builds" label="Number of concurrent builds" required
|
||||||
{{-- @if ($server->isSentinelEnabled()) --}}
|
helper="You can specify the number of simultaneous build processes/deployments that should run concurrently." />
|
||||||
{{-- <x-forms.button wire:click='restartSentinel'>Restart</x-forms.button> --}}
|
<x-forms.input id="server.settings.dynamic_timeout" label="Deployment timeout (seconds)" required
|
||||||
{{-- @endif --}}
|
helper="You can define the maximum duration for a deployment to run before timing it out." />
|
||||||
</div>
|
</div>
|
||||||
<div>Metrics are disabled until a few bugs are fixed.</div>
|
</div>
|
||||||
{{-- <div class="w-64">
|
<div class="flex items-center gap-2 pt-4 pb-2">
|
||||||
|
<h3>Sentinel</h3>
|
||||||
|
{{-- @if ($server->isSentinelEnabled()) --}}
|
||||||
|
{{-- <x-forms.button wire:click='restartSentinel'>Restart</x-forms.button> --}}
|
||||||
|
{{-- @endif --}}
|
||||||
|
</div>
|
||||||
|
<div>Metrics are disabled until a few bugs are fixed.</div>
|
||||||
|
{{-- <div class="w-64">
|
||||||
<x-forms.checkbox instantSave id="server.settings.is_metrics_enabled" label="Enable Metrics" />
|
<x-forms.checkbox instantSave id="server.settings.is_metrics_enabled" label="Enable Metrics" />
|
||||||
</div>
|
</div>
|
||||||
<div class="pt-4">
|
<div class="pt-4">
|
||||||
@@ -229,4 +227,4 @@
|
|||||||
</div> --}}
|
</div> --}}
|
||||||
@endif
|
@endif
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user