This commit is contained in:
Andras Bacsai 2023-05-18 13:49:49 +02:00
parent b58a3bf209
commit d4c35dc6c8
5 changed files with 39 additions and 16 deletions

View File

@ -25,7 +25,7 @@ textarea {
@apply textarea; @apply textarea;
} }
select { select {
@apply select select-sm disabled:opacity-40; @apply select select-sm disabled:opacity-40 font-normal;
} }
button[type="button"] { button[type="button"] {

View File

@ -15,6 +15,23 @@
@else @else
{{ $id }} {{ $id }}
@endif @endif
@if ($helper)
<div class="-mb-1 dropdown dropdown-right">
<label tabindex="0" class="cursor-pointer text-warning">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="w-4 h-4 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</label>
<div tabindex="0"
class="border-2 shadow whitespace-nowrap w-max-fit border-coolgray-500 card compact dropdown-content bg-coolgray-200">
<div class="card-body">
{!! $helper !!}
</div>
</div>
</div>
@endif
</div> </div>
<div class="flex-1"></div> <div class="flex-1"></div>
<input type="checkbox" @if ($disabled !== null) disabled @endif name={{ $id }} <input type="checkbox" @if ($disabled !== null) disabled @endif name={{ $id }}

View File

@ -22,18 +22,18 @@
<span class="text-warning">*</span> <span class="text-warning">*</span>
@endif @endif
@if ($helper) @if ($helper)
<div class="dropdown dropdown-right"> <div class="-mb-1 dropdown dropdown-right">
<label tabindex="0" class="btn btn-circle btn-ghost btn-xs text-warning"> <label tabindex="0" class="cursor-pointer text-warning">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="z-0 w-4 h-4 stroke-current"> class="w-4 h-4 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg> </svg>
</label> </label>
<div tabindex="0" <div tabindex="0"
class="w-64 border-2 shadow border-coolgray-500 card compact dropdown-content bg-coolgray-200"> class="border-2 shadow whitespace-nowrap w-max-fit border-coolgray-500 card compact dropdown-content bg-coolgray-200">
<div class="card-body"> <div class="card-body">
{{ $helper }} {!! $helper !!}
</div> </div>
</div> </div>
</div> </div>

View File

@ -12,7 +12,7 @@
{{ $id }} {{ $id }}
@endif @endif
@if ($required) @if ($required)
* <span class="text-warning">*</span>
@endif @endif
</label> </label>
<select {{ $attributes }} wire:model.defer={{ $id }}> <select {{ $attributes }} wire:model.defer={{ $id }}>

View File

@ -9,7 +9,8 @@
<div class="flex flex-col gap-2 pb-4"> <div class="flex flex-col gap-2 pb-4">
<div class="flex gap-2"> <div class="flex gap-2">
<x-inputs.input class="w-full" id="application.name" label="Name" required /> <x-inputs.input class="w-full" id="application.name" label="Name" required />
<x-inputs.input class="w-full" id="application.fqdn" label="Domains" /> <x-inputs.input class="w-full" id="application.fqdn" label="Domains"
helper="You can specify one domain with path or more with comma.<br><span class='inline-block font-bold text-warning'>Example</span>- http://app.coolify.io,https://cloud.coolify.io/dashboard<br>- http://app.coolify.io/api/v3" />
</div> </div>
<x-inputs.select id="application.build_pack" label="Build Pack" required> <x-inputs.select id="application.build_pack" label="Build Pack" required>
<option value="nixpacks">Nixpacks</option> <option value="nixpacks">Nixpacks</option>
@ -28,7 +29,8 @@
<x-inputs.input id="application.start_command" label="Start Command" /> <x-inputs.input id="application.start_command" label="Start Command" />
</div> </div>
<div class="flex gap-2"> <div class="flex gap-2">
<x-inputs.input id="application.base_directory" label="Base Directory" /> <x-inputs.input id="application.base_directory" label="Base Directory"
helper="Directory to use as root. Useful for monorepos." />
@if ($application->settings->is_static) @if ($application->settings->is_static)
<x-inputs.input id="application.publish_directory" label="Publish Directory" required /> <x-inputs.input id="application.publish_directory" label="Publish Directory" required />
@else @else
@ -39,21 +41,25 @@
@if ($application->settings->is_static) @if ($application->settings->is_static)
<x-inputs.input id="application.ports_exposes" label="Ports Exposes" readonly /> <x-inputs.input id="application.ports_exposes" label="Ports Exposes" readonly />
@else @else
<x-inputs.input id="application.ports_exposes" label="Ports Exposes" required /> <x-inputs.input id="application.ports_exposes" label="Ports Exposes" required
helper="A comma separated list of ports you would like to expose for the proxy." />
@endif @endif
<x-inputs.input id="application.ports_mappings" label="Ports Mappings" /> <x-inputs.input id="application.ports_mappings" label="Ports Mappings"
helper="A comma separated list of ports you would like to map to the host system. Useful when you do not want to use domains.<br><span class='inline-block font-bold text-warning'>Example</span>3000:3000,3002:3002" />
</div> </div>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<x-inputs.checkbox instantSave id="is_debug" label="Debug" /> <x-inputs.checkbox helper="More logs will be visible during a deployment." instantSave id="is_debug"
label="Debug" />
<x-inputs.checkbox instantSave id="is_static" label="Static website?" /> <x-inputs.checkbox instantSave id="is_static" label="Static website?" />
<x-inputs.checkbox helper="Git Webhooks won't deploy your application is you turn it off." instantSave
id="is_auto_deploy" label="Auto Deploy?" />
<x-inputs.checkbox helper="Preview deployments" instantSave id="is_previews" label="Previews?" />
<x-inputs.checkbox instantSave id="is_git_submodules_allowed" label="Git Submodules Allowed?" /> <x-inputs.checkbox instantSave id="is_git_submodules_allowed" label="Git Submodules Allowed?" />
<x-inputs.checkbox instantSave id="is_git_lfs_allowed" label="Git LFS Allowed?" /> <x-inputs.checkbox instantSave id="is_git_lfs_allowed" label="Git LFS Allowed?" />
<x-inputs.checkbox instantSave id="is_auto_deploy" label="Auto Deploy?" /> {{-- <x-inputs.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
<x-inputs.checkbox instantSave id="is_previews" label="Previews?" />
<x-inputs.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
<x-inputs.checkbox disabled instantSave id="is_custom_ssl" label="Is Custom SSL?" /> <x-inputs.checkbox disabled instantSave id="is_custom_ssl" label="Is Custom SSL?" />
<x-inputs.checkbox disabled instantSave id="is_http2" label="Is Http2?" /> <x-inputs.checkbox disabled instantSave id="is_http2" label="Is Http2?" /> --}}
</div> </div>
</form> </form>
</div> </div>