mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 14:17:18 +00:00
fix(ui): polish create flows and terminal navigation
Open the global terminal outside Livewire navigation, clarify that image tag and SHA256 digest are mutually exclusive, inset the GitLab empty state, and show loading on Dockerfile create. Add regression tests.
This commit is contained in:
1 parent
c07f66cb5e
commit
fff83884da
9 files changed
+62
-12
No files matched your search
@@ -89,7 +89,7 @@
|
||||
</li>
|
||||
@can('canAccessTerminal')
|
||||
<li>
|
||||
<a title="Terminal" {{ wireNavigate() }}
|
||||
<a title="Terminal"
|
||||
class="{{ request()->is('terminal*') ? 'menu-item-active menu-item' : 'menu-item' }}"
|
||||
:class="collapsed && 'lg:justify-center lg:px-0'" href="{{ route('terminal') }}">
|
||||
<x-reicon name="browser-terminal" class="menu-item-icon" />
|
||||
|
||||
@@ -14,9 +14,14 @@
|
||||
placeholder="nginx, ghcr.io/user/app:v1.2.3, or nginx:stable@sha256:…"
|
||||
helper="Paste a complete image reference, or enter a name and use one of the optional fields below."
|
||||
required autofocus />
|
||||
<div class="grid gap-4 sm:grid-cols-2">
|
||||
<div class="grid gap-3 sm:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] sm:items-end"
|
||||
aria-label="Tag and SHA256 digest are mutually exclusive">
|
||||
<x-forms.input id="imageTag" label="Tag" placeholder="latest"
|
||||
helper="Use a mutable tag such as latest or v1.2.3." />
|
||||
<div
|
||||
class="flex items-center justify-center text-xs font-semibold text-neutral-400 sm:h-9 dark:text-fg-faint">
|
||||
<span>OR</span>
|
||||
</div>
|
||||
<x-forms.input id="imageSha256" label="SHA256 digest"
|
||||
placeholder="59e02939b1bf39f16c93138a28727aec…"
|
||||
helper="Use the 64-character digest without the sha256: prefix." />
|
||||
|
||||
@@ -7,15 +7,17 @@
|
||||
<p>Connect a GitLab App before selecting a private repository.</p>
|
||||
</div>
|
||||
</div>
|
||||
<x-empty title="No GitLab Apps"
|
||||
description="Create an app to grant Coolify access to selected repositories."
|
||||
icon-name="sources">
|
||||
<x-slot:contents>
|
||||
<x-modal-input buttonTitle="+ Add GitLab App" title="New GitLab App" closeOutside="false">
|
||||
<livewire:source.gitlab.create />
|
||||
</x-modal-input>
|
||||
</x-slot:contents>
|
||||
</x-empty>
|
||||
<div class="application-settings-section-body">
|
||||
<x-empty title="No GitLab Apps"
|
||||
description="Create an app to grant Coolify access to selected repositories."
|
||||
icon-name="sources">
|
||||
<x-slot:contents>
|
||||
<x-modal-input buttonTitle="+ Add GitLab App" title="New GitLab App" closeOutside="false">
|
||||
<livewire:source.gitlab.create />
|
||||
</x-modal-input>
|
||||
</x-slot:contents>
|
||||
</x-empty>
|
||||
</div>
|
||||
</section>
|
||||
@elseif ($current_step === 'gitlab_apps')
|
||||
<section class="application-settings-section">
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<h2>Dockerfile</h2>
|
||||
<p>Create an application directly from a Dockerfile without connecting a Git repository.</p>
|
||||
</div>
|
||||
<x-forms.button type="submit" isHighlighted>Create application</x-forms.button>
|
||||
<x-forms.button type="submit" wire:target="submit" isHighlighted>Create application</x-forms.button>
|
||||
</div>
|
||||
<div class="application-settings-section-body p-0!">
|
||||
<x-forms.textarea useMonacoEditor monacoEditorLanguage="dockerfile" rows="20"
|
||||
|
||||
Reference in new issue
Block a user