tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-14 02:15:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): Shadow UI redesign, domain management, and DNS autoconfigure (#11119)

Browse Source 
Co-authored-by: ShadowArcanist <162910371+ShadowArcanist@users.noreply.github.com>
This commit is contained in:
Andras BacsaiandShadowArcanist authored and GitHub committed 2026-08-03 23:11:54 +02:00
1 parent 0b843bb07c
commit 8ae56587d5
497 files changed
+44045 -22630
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/livewire/security/cloud-init-scripts.blade.php
+60 -27
View File
@@ -1,32 +1,65 @@
<div>
<x-security.navbar />
<div class="flex items-center gap-2">
<h2>Cloud-Init Scripts</h2>
@can('create', App\Models\CloudInitScript::class)
<x-modal-input buttonTitle="+ Add" title="New Cloud-Init Script">
<livewire:security.cloud-init-script-form />
</x-modal-input>
@endcan
</div>
<div class="pb-4 text-sm">Manage reusable cloud-init scripts for server initialization with Hetzner, Vultr, and DigitalOcean integrations.</div>
<x-slot:title>
Cloud-Init Scripts | Coolify
</x-slot>
<div class="grid gap-4 lg:grid-cols-2">
@forelse ($scripts as $script)
@can('view', $script)
<a wire:key="script-{{ $script->id }}" class="coolbox group"
href="{{ route('security.cloud-init-scripts.show', ['cloud_init_script_uuid' => $script->uuid]) }}" {{ wireNavigate() }}>
<div class="flex flex-col justify-center mx-6">
<div class="box-title">
{{ $script->name }}
</div>
<div class="box-description">
Cloud-init script
</div>
</div>
</a>
<x-security.navbar>
<x-slot:actions>
@can('create', App\Models\CloudInitScript::class)
<x-modal-input title="New Cloud-Init Script">
<x-slot:content>
<button type="button"
class="button bg-coollabs/10! text-coollabs! ring-1 ring-coollabs/25 hover:bg-coollabs/15! dark:bg-warning/15! dark:text-warning! dark:ring-warning/25 dark:hover:bg-warning/20!">
<x-reicon name="plus" class="size-3.5" />
New script
</button>
</x-slot:content>
<livewire:security.cloud-init-script-form />
</x-modal-input>
@endcan
@empty
<div class="text-neutral-500">No cloud-init scripts found. Create one to get started.</div>
@endforelse
</x-slot:actions>
</x-security.navbar>
<div class="application-settings-form">
<x-application.settings-section title="Cloud-init scripts"
description="Reusable initialization scripts for cloud servers." flush>
@if ($scripts->isEmpty())
<x-empty title="No cloud-init scripts"
description="Create a script to reuse it during server provisioning."
icon-name="file-content" size="sm" />
@else
<div class="grid grid-cols-1 gap-3 p-3 sm:grid-cols-2 lg:grid-cols-4">
@foreach ($scripts as $script)
@can('view', $script)
<a wire:key="cloud-init-script-{{ $script->id }}"
class="group flex min-h-28 min-w-0 flex-col rounded-xl border border-neutral-200 bg-white p-3 shadow-sm transition-all hover:-translate-y-px hover:border-neutral-300 hover:no-underline hover:shadow-md dark:border-white/[0.08] dark:bg-white/[0.025] dark:hover:border-white/[0.14]"
href="{{ route('security.cloud-init-scripts.show', ['cloud_init_script_uuid' => $script->uuid]) }}"
{{ wireNavigate() }}>
<div class="flex min-w-0 items-start 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.04] dark:text-fg-dim">
<x-reicon name="file-content" class="size-4" />
</div>
<div class="min-w-0 flex-1">
<h3
class="truncate text-[13px]! leading-4! font-semibold! text-black dark:text-fg">
{{ $script->name }}
</h3>
<p class="mt-0.5 text-[11px] text-neutral-500 dark:text-fg-faint">
Cloud-init script
</p>
</div>
</div>
<div class="mt-auto flex items-center pt-4">
<span class="text-[10px] text-neutral-400 dark:text-fg-faint">
Updated {{ $script->updated_at->diffForHumans() }}
</span>
</div>
</a>
@endcan
@endforeach
</div>
@endif
</x-application.settings-section>
</div>
</div>