dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor(cloudflare-tunnel): enhance layout and structure of Cloudflare Tunnel documentation and confirmation modal

Browse Source
This commit is contained in:
Andras Bacsai
2025-06-06 18:52:57 +02:00
parent 2576e868b5
commit dcb793f9f4
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/views/livewire/server/cloudflare-tunnel.blade.php
View File

@@ -78,10 +78,11 @@
</div> </div>
@endif @endif
@if (!$isCloudflareTunnelsEnabled && $server->isFunctional()) @if (!$isCloudflareTunnelsEnabled && $server->isFunctional())
<h3>Automated <a href="https://coolify.io/docs/knowledge-base/cloudflare/tunnels/server-ssh" <div class="flex flex-col pb-2">
target="_blank" <h3>Automated </h3>
class="text-xs underline hover:text-yellow-600 dark:hover:text-yellow-200">Docs</a></h3> <a href="https://coolify.io/docs/knowledge-base/cloudflare/tunnels/server-ssh" target="_blank"
class="text-xs underline hover:text-yellow-600 dark:hover:text-yellow-200">Docs<x-external-link /></a>
</div>
<div class="flex gap-2"> <div class="flex gap-2">
<x-slide-over @automated.window="slideOverOpen = true" fullScreen> <x-slide-over @automated.window="slideOverOpen = true" fullScreen>
<x-slot:title>Cloudflare Tunnel Configuration</x-slot:title> <x-slot:title>Cloudflare Tunnel Configuration</x-slot:title>
@@ -107,14 +108,16 @@
@endscript @endscript
</div> </div>
<h3 class="pt-6 pb-2">Manual</h3> <h3 class="pt-6 pb-2">Manual</h3>
<x-modal-confirmation buttonFullWidth title="I manually configured Cloudflare Tunnel?" <div class="pl-2">
buttonTitle="I manually configured Cloudflare Tunnel" submitAction="manualCloudflareConfig" <x-modal-confirmation buttonFullWidth title="I manually configured Cloudflare Tunnel?"
:actions="[ buttonTitle="I manually configured Cloudflare Tunnel" submitAction="manualCloudflareConfig"
'You set everything up manually, including in Cloudflare and on the server (cloudflared is running).', :actions="[
'If you missed something, the connection will not work.', 'You set everything up manually, including in Cloudflare and on the server (cloudflared is running).',
]" confirmationText="I manually configured Cloudflare Tunnel" 'If you missed something, the connection will not work.',
confirmationLabel="Please type the confirmation text to confirm that you manually configured Cloudflare Tunnel." ]" confirmationText="I manually configured Cloudflare Tunnel"
shortConfirmationLabel="Confirmation text" step3ButtonText="Confirm" /> confirmationLabel="Please type the confirmation text to confirm that you manually configured Cloudflare Tunnel."
shortConfirmationLabel="Confirmation text" step3ButtonText="Confirm" />
</div>
@endif @endif
</div> </div>
</div> </div>