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>
86 lines
5.2 KiB
PHP
86 lines
5.2 KiB
PHP
<div>
|
|
<form wire:submit='submit' class="flex flex-col items-center gap-4 p-4 bg-white border lg:items-start dark:bg-base dark:border-coolgray-300 border-neutral-200">
|
|
@if ($isReadOnly)
|
|
<div class="w-full p-2 text-sm rounded bg-warning/10 text-warning">
|
|
This volume is mounted as read-only and cannot be modified from the UI.
|
|
</div>
|
|
@if ($isFirst)
|
|
<div class="flex gap-2 items-end w-full md:flex-row flex-col">
|
|
@if (
|
|
$storage->resource_type === 'App\Models\ServiceApplication' ||
|
|
$storage->resource_type === 'App\Models\ServiceDatabase')
|
|
<x-forms.input id="name" label="Volume Name" required readonly
|
|
helper="Warning: Changing the volume name after the initial start could cause problems. Only use it when you know what are you doing." />
|
|
@else
|
|
<x-forms.input id="name" label="Volume Name" required readonly
|
|
helper="Warning: Changing the volume name after the initial start could cause problems. Only use it when you know what are you doing." />
|
|
@endif
|
|
@if ($isService || $startedAt)
|
|
<x-forms.input id="hostPath" readonly helper="Directory on the host system."
|
|
label="Source Path"
|
|
helper="Warning: Changing the source path after the initial start could cause problems. Only use it when you know what are you doing." />
|
|
<x-forms.input id="mountPath" label="Destination Path"
|
|
helper="Directory inside the container." required readonly />
|
|
@else
|
|
<x-forms.input id="hostPath" readonly helper="Directory on the host system."
|
|
label="Source Path"
|
|
helper="Warning: Changing the source path after the initial start could cause problems. Only use it when you know what are you doing." />
|
|
<x-forms.input id="mountPath" label="Destination Path"
|
|
helper="Directory inside the container." required readonly />
|
|
@endif
|
|
</div>
|
|
@else
|
|
<div class="flex gap-2 items-end w-full">
|
|
<x-forms.input id="name" required readonly />
|
|
<x-forms.input id="hostPath" readonly />
|
|
<x-forms.input id="mountPath" required readonly />
|
|
</div>
|
|
@endif
|
|
@else
|
|
@can('update', $resource)
|
|
@if ($isFirst)
|
|
<div class="flex gap-2 items-end w-full">
|
|
<x-forms.input id="name" label="Volume Name" required />
|
|
<x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path" />
|
|
<x-forms.input id="mountPath" label="Destination Path"
|
|
helper="Directory inside the container." required />
|
|
</div>
|
|
@else
|
|
<div class="flex gap-2 items-end w-full">
|
|
<x-forms.input id="name" required />
|
|
<x-forms.input id="hostPath" />
|
|
<x-forms.input id="mountPath" required />
|
|
</div>
|
|
@endif
|
|
<div class="flex gap-2">
|
|
<x-forms.button type="submit">
|
|
Update
|
|
</x-forms.button>
|
|
<x-modal-confirmation title="Confirm persistent storage deletion?" isErrorButton buttonTitle="Delete"
|
|
submitAction="delete" :actions="[
|
|
'The selected persistent storage/volume will be permanently deleted.',
|
|
'If the persistent storage/volume is actvily used by a resource data will be lost.',
|
|
]" confirmationText="{{ $storage->name }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Storage Name below"
|
|
shortConfirmationLabel="Storage Name" />
|
|
</div>
|
|
@else
|
|
@if ($isFirst)
|
|
<div class="flex gap-2 items-end w-full">
|
|
<x-forms.input id="name" label="Volume Name" required disabled />
|
|
<x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path"
|
|
disabled />
|
|
<x-forms.input id="mountPath" label="Destination Path"
|
|
helper="Directory inside the container." required disabled />
|
|
</div>
|
|
@else
|
|
<div class="flex gap-2 items-end w-full">
|
|
<x-forms.input id="name" required disabled />
|
|
<x-forms.input id="hostPath" disabled />
|
|
<x-forms.input id="mountPath" required disabled />
|
|
</div>
|
|
@endif
|
|
@endcan
|
|
@endif
|
|
</form>
|
|
</div>
|