Refactor storage create form for better usability and validation

This commit is contained in:
Andras Bacsai 2024-05-15 14:10:03 +02:00
parent 56a450a936
commit aa0a9bde76
2 changed files with 3 additions and 4 deletions

View File

@ -1,12 +1,11 @@
<div> <div class="w-full">
<div class="subtitle">S3 Storage used to save backups / files.</div>
<form class="flex flex-col gap-2" wire:submit='submit'> <form class="flex flex-col gap-2" wire:submit='submit'>
<div class="flex gap-2"> <div class="flex gap-2">
<x-forms.input required label="Name" id="name" /> <x-forms.input required label="Name" id="name" />
<x-forms.input label="Description" id="description" /> <x-forms.input label="Description" id="description" />
</div> </div>
<x-forms.input required type="url" label="Endpoint" id="endpoint" />
<div class="flex gap-2"> <div class="flex gap-2">
<x-forms.input required type="url" label="Endpoint" id="endpoint" />
<x-forms.input required label="Bucket" id="bucket" /> <x-forms.input required label="Bucket" id="bucket" />
<x-forms.input required label="Region" id="region" /> <x-forms.input required label="Region" id="region" />
</div> </div>

View File

@ -1,7 +1,7 @@
<div> <div>
<div class="flex items-start gap-2"> <div class="flex items-start gap-2">
<h1>S3 Storages</h1> <h1>S3 Storages</h1>
<x-modal-input buttonTitle="+ Add" title="New S3 Storage"> <x-modal-input buttonTitle="+ Add" title="New S3 Storage" :closeOutside="false">
<livewire:storage.create /> <livewire:storage.create />
</x-modal-input> </x-modal-input>
</div> </div>