This commit is contained in:
Andras Bacsai
2023-05-25 14:05:44 +02:00
parent ea2a13dff2
commit d2b0823cd0
40 changed files with 284 additions and 279 deletions

View File

@@ -1,5 +1,5 @@
<div x-data="{ deleteApplication: false }">
<h2>Danger Zone</h2>
<x-naked-modal show="deleteApplication" />
<x-inputs.button x-on:click.prevent="deleteApplication = true">Delete this application</x-inputs.button>
<x-forms.button x-on:click.prevent="deleteApplication = true">Delete this application</x-forms.button>
</div>

View File

@@ -1,12 +1,12 @@
<form wire:submit.prevent='submit' class="flex flex-col max-w-fit">
<div class="flex gap-2">
<x-inputs.input placeholder="NODE_ENV" noDirty id="key" label="Name" required />
<x-inputs.input placeholder="production" noDirty id="value" label="Value" required />
<x-inputs.checkbox noDirty class="flex-col items-center" id="is_build_time" label="Build Variable?" />
<x-forms.input placeholder="NODE_ENV" noDirty id="key" label="Name" required />
<x-forms.input placeholder="production" noDirty id="value" label="Value" required />
<x-forms.checkbox noDirty class="flex-col items-center" id="is_build_time" label="Build Variable?" />
</div>
<div class="pt-2">
<x-inputs.button type="submit">
<x-forms.button type="submit">
Add
</x-inputs.button>
</x-forms.button>
</div>
</form>

View File

@@ -1,17 +1,17 @@
<div x-data="{ deleteEnvironment: false }">
<form wire:submit.prevent='submit' class="flex flex-col max-w-fit">
<div class="flex gap-2">
<x-inputs.input label="Name" id="env.key" />
<x-inputs.input label="Value" id="env.value" />
<x-inputs.checkbox disabled class="flex-col items-center" id="env.is_build_time" label="Build Variable?" />
<x-forms.input label="Name" id="env.key" />
<x-forms.input label="Value" id="env.value" />
<x-forms.checkbox disabled class="flex-col items-center" id="env.is_build_time" label="Build Variable?" />
</div>
<div class="pt-2">
<x-inputs.button type="submit">
<x-forms.button type="submit">
Update
</x-inputs.button>
<x-inputs.button x-on:click.prevent="deleteEnvironment = true">
</x-forms.button>
<x-forms.button x-on:click.prevent="deleteEnvironment = true">
Delete
</x-inputs.button>
</x-forms.button>
</div>
</form>
<x-naked-modal show="deleteEnvironment" message="Are you sure you want to delete {{ $env->key }}?" />

View File

@@ -2,15 +2,15 @@
<form wire:submit.prevent='submit' class="flex flex-col">
<div class="flex gap-2">
<h2>General</h2>
<x-inputs.button type="submit">
<x-forms.button type="submit">
Save
</x-inputs.button>
</x-forms.button>
</div>
<x-inputs.checkbox instantSave id="is_static" label="Static website?" />
<x-forms.checkbox instantSave id="is_static" label="Static website?" />
<div class="flex flex-col gap-2 pb-4">
<div class="flex flex-col items-end gap-2 xl:flex-row">
<x-inputs.input class="w-full" id="application.name" label="Name" required />
<x-inputs.input placeholder="https://coolify.io" class="w-full" id="application.fqdn" label="Domains"
<x-forms.input class="w-full" id="application.name" label="Name" required />
<x-forms.input placeholder="https://coolify.io" 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>
@@ -18,67 +18,67 @@
<div class="pb-6">
<div class="text-sm">Set Random Domain</div>
@if ($global_wildcard_domain)
<x-inputs.button isHighlighted wire:click="generateGlobalRandomDomain">Global Wildcard
</x-inputs.button>
<x-forms.button isHighlighted wire:click="generateGlobalRandomDomain">Global Wildcard
</x-forms.button>
@endif
@if ($project_wildcard_domain)
<x-inputs.button isHighlighted wire:click="generateProjectRandomDomain">Project Wildcard
</x-inputs.button>
<x-forms.button isHighlighted wire:click="generateProjectRandomDomain">Project Wildcard
</x-forms.button>
@endif
</div>
@endif
<x-inputs.select id="application.build_pack" label="Build Pack" required>
<x-forms.select id="application.build_pack" label="Build Pack" required>
<option value="nixpacks">Nixpacks</option>
<option disabled value="docker">Docker</option>
<option disabled value="compose">Compose</option>
</x-inputs.select>
</x-forms.select>
@if ($application->settings->is_static)
<x-inputs.select id="application.static_image" label="Static Image" required>
<x-forms.select id="application.static_image" label="Static Image" required>
<option value="nginx:alpine">nginx:alpine</option>
<option disabled value="apache:alpine">apache:alpine</option>
</x-inputs.select>
</x-forms.select>
@endif
<div class="flex flex-col gap-2 pb-6 xl:flex-row">
<x-inputs.input placeholder="pnpm install" id="application.install_command" label="Install Command" />
<x-inputs.input placeholder="pnpm build" id="application.build_command" label="Build Command" />
<x-inputs.input placeholder="pnpm start" id="application.start_command" label="Start Command" />
<x-forms.input placeholder="pnpm install" id="application.install_command" label="Install Command" />
<x-forms.input placeholder="pnpm build" id="application.build_command" label="Build Command" />
<x-forms.input placeholder="pnpm start" id="application.start_command" label="Start Command" />
</div>
<div class="flex flex-col gap-2 xl:flex-row">
<x-inputs.input placeholder="/" id="application.base_directory" label="Base Directory"
<x-forms.input placeholder="/" id="application.base_directory" label="Base Directory"
helper="Directory to use as root. Useful for monorepos." />
@if ($application->settings->is_static)
<x-inputs.input placeholder="/dist" id="application.publish_directory" label="Publish Directory"
<x-forms.input placeholder="/dist" id="application.publish_directory" label="Publish Directory"
required />
@else
<x-inputs.input placeholder="/" id="application.publish_directory" label="Publish Directory" />
<x-forms.input placeholder="/" id="application.publish_directory" label="Publish Directory" />
@endif
</div>
<div class="flex flex-col gap-2 xl:flex-row">
@if ($application->settings->is_static)
<x-inputs.input id="application.ports_exposes" label="Ports Exposes" readonly />
<x-forms.input id="application.ports_exposes" label="Ports Exposes" readonly />
@else
<x-inputs.input placeholder="3000,3001" id="application.ports_exposes" label="Ports Exposes"
required helper="A comma separated list of ports you would like to expose for the proxy." />
<x-forms.input placeholder="3000,3001" id="application.ports_exposes" label="Ports Exposes" required
helper="A comma separated list of ports you would like to expose for the proxy." />
@endif
<x-inputs.input placeholder="3000:3000" id="application.ports_mappings" label="Ports Mappings"
<x-forms.input placeholder="3000:3000" 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>
<h3>Advanced</h3>
<div class="flex flex-col">
<x-inputs.checkbox helper="More logs will be visible during a deployment." instantSave id="is_debug"
<x-forms.checkbox helper="More logs will be visible during a deployment." instantSave id="is_debug"
label="Debug" />
<x-inputs.checkbox
<x-forms.checkbox
helper="Your application will be available only on https if your domain starts with https://..."
instantSave id="is_force_https" label="Force Https" />
<x-inputs.checkbox helper="Automatically deploy new commits based on Git webhooks." instantSave
<x-forms.checkbox helper="Automatically deploy new commits based on Git webhooks." 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_lfs_allowed" label="Git LFS Allowed?" />
{{-- <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_http2" label="Is Http2?" /> --}}
{{-- <x-forms.checkbox helper="Preview deployments" instantSave id="is_previews" label="Previews?" /> --}}
<x-forms.checkbox instantSave id="is_git_submodules_allowed" label="Git Submodules Allowed?" />
<x-forms.checkbox instantSave id="is_git_lfs_allowed" label="Git LFS Allowed?" />
{{-- <x-forms.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
<x-forms.checkbox disabled instantSave id="is_custom_ssl" label="Is Custom SSL?" />
<x-forms.checkbox disabled instantSave id="is_http2" label="Is Http2?" /> --}}
</div>
</form>
</div>

View File

@@ -2,20 +2,20 @@
<form wire:submit.prevent='submit' class="flex flex-col">
<div class="flex gap-2">
<h2>Resource Limits</h2>
<x-inputs.button type='submit'>Save</x-inputs.button>
<x-forms.button type='submit'>Save</x-forms.button>
</div>
<div>Limit your container resources by CPU & memory.</div>
<h3>CPU</h3>
<x-inputs.input placeholder="1.5" label="Number of CPUs" id="application.limits_cpus" />
<x-inputs.input placeholder="0-2" label="CPU set to use" id="application.limits_cpuset" />
<x-inputs.input placeholder="1024" label="CPU Weight" id="application.limits_cpu_shares" />
<x-forms.input placeholder="1.5" label="Number of CPUs" id="application.limits_cpus" />
<x-forms.input placeholder="0-2" label="CPU set to use" id="application.limits_cpuset" />
<x-forms.input placeholder="1024" label="CPU Weight" id="application.limits_cpu_shares" />
<h3>Memory</h3>
<x-inputs.input placeholder="69b or 420k or 1337m or 1g" label="Limit" id="application.limits_memory" />
<x-inputs.input placeholder="69b or 420k or 1337m or 1g" label="Swap" id="application.limits_memory_swap" />
<x-inputs.input placeholder="0-100" type="number" min="0" max="100" label="Swappiness"
<x-forms.input placeholder="69b or 420k or 1337m or 1g" label="Limit" id="application.limits_memory" />
<x-forms.input placeholder="69b or 420k or 1337m or 1g" label="Swap" id="application.limits_memory_swap" />
<x-forms.input placeholder="0-100" type="number" min="0" max="100" label="Swappiness"
id="application.limits_memory_swappiness" />
<x-inputs.input placeholder="69b or 420k or 1337m or 1g" label="Soft Limit"
<x-forms.input placeholder="69b or 420k or 1337m or 1g" label="Soft Limit"
id="application.limits_memory_reservation" />
<x-inputs.checkbox label="Disable OOM kill" id="application.limits_memory_oom_kill" />
<x-forms.checkbox label="Disable OOM kill" id="application.limits_memory_oom_kill" />
</form>
</div>

View File

@@ -1,7 +1,7 @@
<div x-init="$wire.loadImages">
<div class="flex gap-2">
<h2>Rollback</h2>
<x-inputs.button isHighlighted wire:click='loadImages'>Refresh</x-inputs.button>
<x-forms.button isHighlighted wire:click='loadImages'>Refresh</x-forms.button>
</div>
<div wire:loading wire:target='loadImages'>
<x-loading />
@@ -23,13 +23,13 @@
</div>
<div class="flex justify-end p-2">
@if (data_get($image, 'is_current'))
<x-inputs.button disabled tooltip="This image is currently running.">
<x-forms.button disabled tooltip="This image is currently running.">
Rollback
</x-inputs.button>
</x-forms.button>
@else
<x-inputs.button wire:click="rollbackImage('{{ data_get($image, 'tag') }}')">
<x-forms.button wire:click="rollbackImage('{{ data_get($image, 'tag') }}')">
Rollback
</x-inputs.button>
</x-forms.button>
@endif
</div>
</div>

View File

@@ -2,7 +2,7 @@
<form wire:submit.prevent='submit' class="flex flex-col gap-2">
<div class="flex gap-4">
<h2>Source</h2>
<x-inputs.button type="submit">Save</x-inputs.button>
<x-forms.button type="submit">Save</x-forms.button>
<a target="_blank" href="{{ $application->gitCommits }}">
Commits
<x-external-link />
@@ -13,9 +13,9 @@
<span class="text-xs">public</span>
@endif
</div> --}}
<x-inputs.input placeholder="coollabsio/coolify-example" id="application.git_repository" label="Repository" />
<x-inputs.input placeholder="main" id="application.git_branch" label=" Branch" />
<x-inputs.input placeholder="HEAD" id="application.git_commit_sha" placeholder="HEAD" label="Commit SHA" />
<x-forms.input placeholder="coollabsio/coolify-example" id="application.git_repository" label="Repository" />
<x-forms.input placeholder="main" id="application.git_branch" label=" Branch" />
<x-forms.input placeholder="HEAD" id="application.git_commit_sha" placeholder="HEAD" label="Commit SHA" />
</form>

View File

@@ -1,12 +1,12 @@
<form wire:submit.prevent='submit' class="flex flex-col px-2 pt-10 max-w-fit">
<div class="flex gap-2">
<x-inputs.input placeholder="pv-name" noDirty id="name" label="Name" required />
<x-inputs.input placeholder="/root" noDirty id="host_path" label="Source Path" />
<x-inputs.input placeholder="/tmp/root" noDirty id="mount_path" label="Destination Path" required />
<x-forms.input placeholder="pv-name" noDirty id="name" label="Name" required />
<x-forms.input placeholder="/root" noDirty id="host_path" label="Source Path" />
<x-forms.input placeholder="/tmp/root" noDirty id="mount_path" label="Destination Path" required />
</div>
<div class="pt-2">
<x-inputs.button type="submit">
<x-forms.button type="submit">
Add
</x-inputs.button>
</x-forms.button>
</div>
</form>

View File

@@ -1,17 +1,17 @@
<div x-data="{ deleteStorage: false }">
<form wire:submit.prevent='submit' class="flex flex-col px-2 max-w-fit">
<div class="flex gap-2">
<x-inputs.input id="storage.name" label="Name" required />
<x-inputs.input id="storage.host_path" label="Source Path" />
<x-inputs.input id="storage.mount_path" label="Destination Path" required />
<x-forms.input id="storage.name" label="Name" required />
<x-forms.input id="storage.host_path" label="Source Path" />
<x-forms.input id="storage.mount_path" label="Destination Path" required />
</div>
<div class="pt-2">
<x-inputs.button type="submit">
<x-forms.button type="submit">
Update
</x-inputs.button>
<x-inputs.button x-on:click.prevent="deleteStorage = true">
</x-forms.button>
<x-forms.button x-on:click.prevent="deleteStorage = true">
Delete
</x-inputs.button>
</x-forms.button>
</div>
</form>
<x-naked-modal show="deleteStorage" message="Are you sure you want to delete {{ $storage->name }}?" />