5463f4d496
Add comprehensive cloud-init script management interface in the Security section, allowing users to create, edit, delete, and reuse cloud-init scripts across their team. New Components: - CloudInitScripts: Main listing page with grid view of scripts - CloudInitScriptForm: Modal form for create/edit operations Features: - Create new cloud-init scripts with name and content - Edit existing scripts - Delete scripts with confirmation (requires typing script name) - View script preview (first 200 characters) - Scripts are encrypted in database - Full authorization using CloudInitScriptPolicy - Real-time updates via Livewire events UI Location: - Added to Security section nav: /security/cloud-init-scripts - Positioned between Cloud Tokens and API Tokens - Follows existing security UI patterns Files Created: - app/Livewire/Security/CloudInitScripts.php - app/Livewire/Security/CloudInitScriptForm.php - resources/views/livewire/security/cloud-init-scripts.blade.php - resources/views/livewire/security/cloud-init-script-form.blade.php Files Modified: - routes/web.php - Added route - resources/views/components/security/navbar.blade.php - Added nav link 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
57 lines
2.9 KiB
PHP
57 lines
2.9 KiB
PHP
<div>
|
|
<x-security.navbar />
|
|
<div class="flex gap-2">
|
|
<h2 class="pb-4">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.</div>
|
|
|
|
<div class="grid gap-4 lg:grid-cols-2">
|
|
@forelse ($scripts as $script)
|
|
<div wire:key="script-{{ $script->id }}" class="box group">
|
|
<div class="flex flex-col gap-2 mx-6">
|
|
<div class="flex justify-between items-start">
|
|
<div class="flex-1">
|
|
<div class="box-title">{{ $script->name }}</div>
|
|
<div class="text-xs text-neutral-500 dark:text-neutral-400">
|
|
Created {{ $script->created_at->diffForHumans() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-2">
|
|
<div class="text-xs text-neutral-500 dark:text-neutral-400 mb-1">Script Preview:</div>
|
|
<pre
|
|
class="p-2 text-xs rounded bg-neutral-100 dark:bg-coolgray-100 overflow-x-auto max-h-32 overflow-y-auto">{{ Str::limit($script->script, 200) }}</pre>
|
|
</div>
|
|
|
|
<div class="flex gap-2 mt-2">
|
|
@can('update', $script)
|
|
<x-modal-input buttonTitle="Edit" title="Edit Cloud-Init Script">
|
|
<livewire:security.cloud-init-script-form :scriptId="$script->id"
|
|
wire:key="edit-{{ $script->id }}" />
|
|
</x-modal-input>
|
|
@endcan
|
|
|
|
@can('delete', $script)
|
|
<x-modal-confirmation title="Confirm Script Deletion?" isErrorButton buttonTitle="Delete"
|
|
submitAction="deleteScript({{ $script->id }})" :actions="[
|
|
'This cloud-init script will be permanently deleted.',
|
|
'This action cannot be undone.',
|
|
]" confirmationText="{{ $script->name }}"
|
|
confirmationLabel="Please confirm the deletion by entering the script name below"
|
|
shortConfirmationLabel="Script Name" :confirmWithPassword="false"
|
|
step2ButtonText="Delete Script" />
|
|
@endcan
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@empty
|
|
<div class="text-neutral-500">No cloud-init scripts found. Create one to get started.</div>
|
|
@endforelse
|
|
</div>
|
|
</div>
|