Make Compose panel editable: create/edit/delete projects
The YAML view was read-only with no way to create a new project at all. Add save/remove AJAX actions (validated via a real `podman compose ... config` dry-run, written to a .new sibling and only renamed into place on success) and a New Project/Save/Delete UI backed by an editable textarea instead of a <pre>. Also strip ANSI escape codes from compose command output so podman's own provider banner doesn't show as literal garbage in error alerts. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -337,6 +337,19 @@
|
||||
.podman-compose-proj.active { background: var(--surface-2); box-shadow: inset 2px 0 0 var(--accent); }
|
||||
.podman-compose-proj .path { font-size: 11px; color: var(--text-faint); margin-top: 2px; font-family: var(--font-mono); }
|
||||
.podman-yaml { background: #0f1114; color: #c7ccd4; font-family: var(--font-mono); font-size: 12.4px; padding: 16px 18px; height: 420px; overflow: auto; line-height: 1.7; white-space: pre-wrap; }
|
||||
/*
|
||||
* !important: this is now a real <textarea>, not a read-only <pre> —
|
||||
* Unraid's own webGui/styles/default-base.css targets textarea the same
|
||||
* way it targets input[type="text"] (see .podman-search's comment for
|
||||
* the exact rule), forcing border-width:0/border-bottom-width:1px/
|
||||
* background:transparent/border-radius:0, which would otherwise make the
|
||||
* whole editor look like a barely-visible underline instead of an actual
|
||||
* text area.
|
||||
*/
|
||||
.podman-yaml-editor {
|
||||
display: block; width: 100%; box-sizing: border-box; resize: vertical;
|
||||
border: none !important; border-radius: 0 !important; outline: none;
|
||||
}
|
||||
|
||||
.podman-field-row { display: grid; grid-template-columns: 220px 1fr; gap: 16px; padding: 14px 18px; border-bottom: 1px solid var(--border); align-items: start; }
|
||||
.podman-field-row:last-child { border-bottom: none; }
|
||||
|
||||
Reference in New Issue
Block a user