ui: improve s3 add view
This commit is contained in:
@@ -1,4 +1,6 @@
|
|||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
|
<div class="mb-4">For more details, please visit the <a class="underline dark:text-warning"
|
||||||
|
href="https://coolify.io/docs/knowledge-base/s3" target="_blank">Coolify Docs</a>.</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" />
|
||||||
@@ -7,14 +9,15 @@
|
|||||||
<x-forms.input required type="url" label="Endpoint" wire:model.blur="endpoint" />
|
<x-forms.input required type="url" label="Endpoint" wire:model.blur="endpoint" />
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<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 helper="Region only required for AWS. Leave it as-is for other providers."
|
||||||
|
label="Region" id="region" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<x-forms.input required type="password" label="Access Key" id="key" />
|
<x-forms.input required type="password" label="Access Key" id="key" />
|
||||||
<x-forms.input required type="password" label="Secret Key" id="secret" />
|
<x-forms.input required type="password" label="Secret Key" id="secret" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<x-forms.button type="submit">
|
<x-forms.button class="mt-4" type="submit">
|
||||||
Validate Connection & Continue
|
Validate Connection & Continue
|
||||||
</x-forms.button>
|
</x-forms.button>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
</div>
|
</div>
|
||||||
@if (!$storage->is_usable)
|
@if (!$storage->is_usable)
|
||||||
<div class="text-red-500">Not Usable</div>
|
<div class="text-red-500">Not Usable</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@empty
|
@empty
|
||||||
|
|||||||
Reference in New Issue
Block a user