rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): restyle public access domains summary

Browse source 
Show configured domain count in a bordered card with helper copy and a
Manage link, and update the feature test assertions to match.
This commit is contained in:
Andras Bacsai 2026-08-06 14:30:06 +02:00
parent 0be13113d1
commit 66b202adfe
2 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
resources/views/livewire/project/application/general.blade.php
View file

@ -30,7 +30,7 @@
<section id="public-access-section" @class([
'border-b border-neutral-200 pb-5 dark:border-white/[0.07]' => $buildPack !== 'dockercompose',
])>
<h3 class="mb-4 text-sm font-semibold text-black dark:text-fg">Public access</h3>
<h3 class="mb-3 text-sm font-semibold text-black dark:text-fg">Public access</h3>
@php
$domainCount = 0;
if ($buildPack === 'dockercompose') {
@ -49,24 +49,28 @@
$domainCount = countDomains($fqdn);
}
@endphp
<div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<p class="text-sm text-neutral-500 dark:text-fg-dim">
@if ($domainCount === 0)
No domains set.
@elseif ($domainCount === 1)
1 domain set.
@else
{{ $domainCount }} domains set.
@endif
</p>
<a class="button shrink-0"
<div class="flex flex-col gap-3 rounded-lg border border-neutral-200 bg-neutral-50/60 px-4 py-3 sm:flex-row sm:items-center dark:border-white/[0.07] dark:bg-white/[0.025]">
<div class="flex min-w-0 flex-1 items-center gap-3">
<div class="flex size-9 shrink-0 items-center justify-center rounded-md bg-neutral-200/70 text-neutral-600 dark:bg-white/[0.07] dark:text-fg-dim">
<x-reicon name="globe" class="size-4" />
</div>
<div class="min-w-0">
<p class="text-sm font-medium text-black dark:text-fg">
{{ $domainCount }} configured {{ Str::plural('domain', $domainCount) }}
</p>
<p class="text-xs text-neutral-500 dark:text-fg-dim">
Domains, DNS checks, and redirect settings
</p>
</div>
</div>
<a class="inline-flex shrink-0 items-center gap-1.5 self-start text-sm font-medium text-coollabs hover:underline sm:self-auto dark:text-warning"
href="{{ route('project.application.domains', [
'project_uuid' => $application->environment->project->uuid,
'environment_uuid' => $application->environment->uuid,
'application_uuid' => $application->uuid,
]) }}" {{ wireNavigate() }}>
<x-reicon name="globe" class="size-4" />
Manage domains
Manage
<x-reicon name="arrow-right" class="size-3.5" />
</a>
</div>
</section>

5
tests/Feature/ApplicationInternalAccessSectionTest.php
View file

@ -9,7 +9,10 @@
expect($generalSettings)
->toContain('id="access-section" title="Access"')
->toContain('<h3 class="mb-4 text-sm font-semibold text-black dark:text-fg">Public access</h3>')
->toContain('<h3 class="mb-3 text-sm font-semibold text-black dark:text-fg">Public access</h3>')
->toContain("Str::plural('domain', \$domainCount)")
->toContain('Domains, DNS checks, and redirect settings')
->toContain('<x-reicon name="arrow-right" class="size-3.5" />')
->toContain('<livewire:project.application.internal-access')
->not->toContain('wire:init="loadCurrentInternalHostname"')
->and($internalAccessSettings)