20b4288916
- Replace manual regex parsing with DockerImageParser in ApplicationsController - Fix double-decoration bug where image names like nginx@sha256:hash would become nginx:hash@sha256 causing malformed references - Add auto-parse feature in Livewire DockerImage component - Users can now paste complete references like nginx:stable@sha256:abc123... and fields auto-populate - Update UI placeholder with examples: nginx, docker.io/nginx:latest, ghcr.io/user/app:v1.2.3, nginx:stable@sha256:abc123... - Add comprehensive unit tests for auto-parse functionality - All tests passing (20 tests, 73 assertions) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
1.8 KiB
PHP
29 lines
1.8 KiB
PHP
<div x-data x-init="$nextTick(() => { if ($refs.autofocusInput) $refs.autofocusInput.focus(); })">
|
|
<h1>Create a new Application</h1>
|
|
<div class="pb-4">You can deploy an existing Docker Image from any Registry.</div>
|
|
<form wire:submit="submit">
|
|
<div class="flex gap-2 pt-4 pb-1">
|
|
<h2>Docker Image</h2>
|
|
<x-forms.button type="submit">Save</x-forms.button>
|
|
</div>
|
|
<div class="space-y-4">
|
|
<x-forms.input id="imageName" label="Image Name" placeholder="nginx, docker.io/nginx:latest, ghcr.io/user/app:v1.2.3, or nginx:stable@sha256:abc123..."
|
|
helper="Enter the Docker image name with optional registry. You can also paste a complete reference like 'nginx:stable@sha256:abc123...' and the fields below will be auto-filled."
|
|
required autofocus />
|
|
<div class="relative grid grid-cols-1 gap-4 md:grid-cols-2">
|
|
<x-forms.input id="imageTag" label="Tag (optional)" placeholder="latest"
|
|
helper="Enter a tag like 'latest' or 'v1.2.3'. Leave empty if using SHA256." />
|
|
<div
|
|
class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 hidden md:flex items-center justify-center z-10">
|
|
<div
|
|
class="px-2 py-1 bg-white dark:bg-coolgray-100 border border-neutral-300 dark:border-coolgray-300 rounded text-xs font-bold text-neutral-500 dark:text-neutral-400">
|
|
OR
|
|
</div>
|
|
</div>
|
|
<x-forms.input id="imageSha256" label="SHA256 Digest (optional)"
|
|
placeholder="59e02939b1bf39f16c93138a28727aec520bb916da021180ae502c61626b3cf0"
|
|
helper="Enter only the 64-character hex digest (without 'sha256:' prefix)" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|