This completes the migration from Livewire's legacy `id="model.property"` pattern to explicit properties with manual synchronization. This allows disabling the `legacy_model_binding` feature flag. **Components Migrated (Final Session - 9 components):** - Server/Proxy.php (1 field) - Service/EditDomain.php (1 field) - Fixed Collection/string bug & parent sync - Application/Previews.php (2 fields - array handling) - Service/EditCompose.php (4 fields) - Service/FileStorage.php (6 fields) - Service/Database.php (7 fields) - Service/ServiceApplicationView.php (10 fields) - Application/General.php (53 fields) - LARGEST migration - Application/PreviewsCompose.php (1 field) **Total Migration Summary:** - 25+ components migrated across all phases - 150+ explicit properties added - 0 legacy bindings remaining (verified via grep) - All wire:model, id, @entangle bindings updated - All updater hooks renamed (updatedApplicationX → updatedX) **Technical Changes:** - Added explicit public properties (camelCase) - Implemented syncData(bool $toModel) bidirectional sync - Updated validation rules (removed model. prefix) - Updated all action methods (mount, submit, instantSave) - Fixed updater hooks: updatedBuildPack, updatedBaseDirectory, updatedIsStatic - Updated Blade views (id & wire:model bindings) - Applied Collection/string confusion fixes - Added model refresh + re-sync pattern **Critical Fixes:** - EditDomain.php Collection/string confusion (use intermediate variables) - EditDomain.php parent component sync (refresh + re-sync after save) - General.php domain field empty (syncData at end of mount) - General.php wire:model bindings (application.* → property) - General.php updater hooks (wrong naming convention) **Files Modified:** 34 files - 17 PHP Livewire components - 17 Blade view templates - 1 MIGRATION_REPORT.md (documentation) **Ready to disable legacy_model_binding flag in config/livewire.php** 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
3 KiB
PHP
55 lines
3 KiB
PHP
<div>
|
|
<form class="flex flex-col gap-2 pb-6" wire:submit='submit'>
|
|
<div class="flex items-start gap-2">
|
|
<div class="">
|
|
<h1>Storage Details</h1>
|
|
<div class="subtitle">{{ $storage->name }}</div>
|
|
<div class="flex items-center gap-2 pb-4">
|
|
<div>Current Status:</div>
|
|
@if ($isUsable)
|
|
<span
|
|
class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded dark:text-green-100 dark:bg-green-800">
|
|
Usable
|
|
</span>
|
|
@else
|
|
<span
|
|
class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text-red-100 dark:bg-red-800">
|
|
Not Usable
|
|
</span>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<x-forms.button canGate="update" :canResource="$storage" type="submit">Save</x-forms.button>
|
|
|
|
@can('delete', $storage)
|
|
<x-modal-confirmation title="Confirm Storage Deletion?" isErrorButton buttonTitle="Delete"
|
|
submitAction="delete({{ $storage->id }})" :actions="[
|
|
'The selected storage location will be permanently deleted from Coolify.',
|
|
'If the storage location is in use by any backup jobs those backup jobs will only store the backup locally on the server.',
|
|
]" confirmationText="{{ $storage->name }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Storage Name below"
|
|
shortConfirmationLabel="Storage Name" :confirmWithPassword="false" step2ButtonText="Permanently Delete" />
|
|
@endcan
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<x-forms.input canGate="update" :canResource="$storage" label="Name" id="name" />
|
|
<x-forms.input canGate="update" :canResource="$storage" label="Description" id="description" />
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<x-forms.input canGate="update" :canResource="$storage" required label="Endpoint" id="endpoint" />
|
|
<x-forms.input canGate="update" :canResource="$storage" required label="Bucket" id="bucket" />
|
|
<x-forms.input canGate="update" :canResource="$storage" required label="Region" id="region" />
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<x-forms.input canGate="update" :canResource="$storage" required type="password" label="Access Key"
|
|
id="key" />
|
|
<x-forms.input canGate="update" :canResource="$storage" required type="password" label="Secret Key"
|
|
id="secret" />
|
|
</div>
|
|
@can('validateConnection', $storage)
|
|
<x-forms.button class="mt-4" isHighlighted wire:click="testConnection">
|
|
Validate Connection
|
|
</x-forms.button>
|
|
@endcan
|
|
</form>
|
|
</div>
|