feat(server): fall back Sentinel URL to request host

Use the current request scheme/host when no FQDN or public IP is set,
skipping loopback hosts. Polish boarding/server create cards, optional
listbox tooltips, and cover the layout and Sentinel URL behavior in tests.
This commit is contained in:
Andras Bacsai committed 2026-08-07 15:41:39 +02:00
1 parent 28f57aafb8
commit de4e74b4cd
14 files changed
+203 -89

No files matched your search

@@ -3,7 +3,7 @@
New Server | Coolify
</x-slot>
<div class="mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div class="mb-5 flex min-h-9 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<h1 class="min-w-0 text-[24px]! leading-7! font-semibold! tracking-tight!">New server</h1>
<div class="flex flex-wrap items-center gap-2">
@if ($selectedType)
@@ -11,27 +11,6 @@
Change method
</a>
@endif
@if ($selectedType && $selectedType !== 'manual' && ! $selectedTokenUuid)
@php
$tokenProvider = $selectedType === 'digital-ocean' ? 'digitalocean' : $selectedType;
$tokenProviderName = $selectedType === 'digital-ocean'
? 'DigitalOcean'
: str($selectedType)->headline();
@endphp
@can('create', App\Models\CloudProviderToken::class)
<x-modal-input title="New {{ $tokenProviderName }} token">
<x-slot:content>
<button type="button"
class="button button-highlighted">
<x-reicon name="plus" class="size-3.5" />
New token
</button>
</x-slot:content>
<livewire:security.cloud-provider-token-form :modal_mode="true" :provider="$tokenProvider"
wire:key="new-server-token-{{ $tokenProvider }}" />
</x-modal-input>
@endcan
@endif
</div>
</div>
@@ -24,7 +24,6 @@
'uuid' => $server->uuid,
'name' => $server->name,
'description' => $server->description ?: 'No description',
'address' => $server->ip,
'href' => route('server.show', ['server_uuid' => $server->uuid]),
'status' => $isReady ? 'Ready' : ($server->settings->force_disabled ? 'Disabled' : 'Validation required'),
'statusType' => $isReady ? 'success' : 'error',
@@ -41,7 +40,7 @@
const query = this.search.trim().toLowerCase();
if (!query) return this.servers;
return this.servers.filter(server =>
[server.name, server.description, server.address, server.status]
[server.name, server.description, server.status]
.some(value => String(value || '').toLowerCase().includes(query))
);
},
@@ -109,7 +108,7 @@
<h2 class="truncate text-[13px]! leading-4! font-semibold! text-black dark:text-fg"
x-text="server.name"></h2>
<p class="mt-0.5 truncate text-[11px] text-neutral-500 dark:text-fg-faint"
x-text="server.address"></p>
x-text="server.description"></p>
</div>
</div>
<div class="mt-auto flex items-center pt-4">
@@ -126,14 +125,13 @@
<div x-show="viewMode === 'table'"
class="overflow-x-auto rounded-xl border border-neutral-200 bg-white shadow-sm dark:border-white/[0.08] dark:bg-white/[0.025]">
<div
class="grid min-w-[680px] grid-cols-[minmax(0,1fr)_minmax(10rem,.7fr)_9.5rem] border-b border-neutral-200 bg-neutral-50 px-4 py-2.5 text-[11px] font-medium text-neutral-500 dark:border-white/[0.08] dark:bg-white/[0.025] dark:text-fg-faint">
class="grid min-w-[480px] grid-cols-[minmax(0,1fr)_9.5rem] border-b border-neutral-200 bg-neutral-50 px-4 py-2.5 text-[11px] font-medium text-neutral-500 dark:border-white/[0.08] dark:bg-white/[0.025] dark:text-fg-faint">
<div>Server</div>
<div>Address</div>
<div>Status</div>
</div>
<template x-for="server in filteredServers" :key="server.uuid">
<a :href="server.href" {{ wireNavigate() }}
class="grid min-h-14 min-w-[680px] grid-cols-[minmax(0,1fr)_minmax(10rem,.7fr)_9.5rem] items-center border-b border-neutral-200 px-4 py-2.5 text-[12px] transition-colors last:border-b-0 hover:bg-neutral-50 hover:no-underline dark:border-white/[0.07] dark:hover:bg-white/[0.025]">
class="grid min-h-14 min-w-[480px] grid-cols-[minmax(0,1fr)_9.5rem] items-center border-b border-neutral-200 px-4 py-2.5 text-[12px] transition-colors last:border-b-0 hover:bg-neutral-50 hover:no-underline dark:border-white/[0.07] dark:hover:bg-white/[0.025]">
<div class="flex min-w-0 items-center gap-3">
<div
class="flex size-8 shrink-0 items-center justify-center rounded-lg border border-neutral-200 bg-neutral-50 text-neutral-500 dark:border-white/[0.08] dark:bg-white/[0.035] dark:text-fg-dim">
@@ -146,7 +144,6 @@
x-text="server.description"></p>
</div>
</div>
<div class="truncate text-neutral-500 dark:text-fg-dim" x-text="server.address"></div>
<div>
<x-status-badge dynamic>
<span class="size-1.5 rounded-full"
@@ -2,8 +2,16 @@
@if ($limit_reached)
<x-limit-reached name="servers" />
@elseif ($current_step === 1)
<x-server.provider-token-picker provider="digitalocean" providerLabel="DigitalOcean"
routeType="digital-ocean" :tokens="$available_tokens" />
<div class="flex flex-col gap-6">
<x-server.provider-token-picker provider="digitalocean" providerLabel="DigitalOcean"
routeType="digital-ocean" :tokens="$available_tokens" />
<p class="text-[11px] text-neutral-500 dark:text-fg-faint">
New to DigitalOcean?
<a href="https://coolify.io/digitalocean" target="_blank"
class="font-medium text-coollabs hover:underline dark:text-warning">Create an account</a>
through Coolify's referral link.
</p>
</div>
@elseif ($current_step === 2)
<div wire:init="loadDigitalOceanData">
@if ($loading_data)
@@ -79,7 +79,7 @@
<div x-data="{ advancedOpen: false }"
class="mt-5 border-t border-neutral-200 pt-4 dark:border-white/[0.08]">
<button type="button" @click="advancedOpen = !advancedOpen"
class="flex w-full items-center justify-between gap-3 text-left text-[13px] font-medium text-neutral-600 dark:text-fg-dim"
class="flex w-full cursor-pointer items-center justify-between gap-3 text-left text-[13px] font-medium text-neutral-600 dark:text-fg-dim"
:aria-expanded="advancedOpen">
Advanced settings
<x-reicon name="chevron-down" class="size-3.5 transition-transform"
@@ -2,8 +2,16 @@
@if ($limit_reached)
<x-limit-reached name="servers" />
@elseif ($current_step === 1)
<x-server.provider-token-picker provider="vultr" providerLabel="Vultr"
:tokens="$available_tokens" />
<div class="flex flex-col gap-6">
<x-server.provider-token-picker provider="vultr" providerLabel="Vultr"
:tokens="$available_tokens" />
<p class="text-[11px] text-neutral-500 dark:text-fg-faint">
New to Vultr?
<a href="https://coolify.io/vultr" target="_blank"
class="font-medium text-coollabs hover:underline dark:text-warning">Create an account</a>
through Coolify's affiliate link.
</p>
</div>
@elseif ($current_step === 2)
<div wire:init="loadVultrData">
@if ($loading_data)