Update coolify.html

This commit is contained in:
Lizandro Guarnizo
2026-05-26 10:12:07 -05:00
parent a489844c73
commit 304aa33a99
+18 -7
View File
@@ -307,8 +307,8 @@
<p class="text-xs text-gray-400 mt-0.5" x-text="proj.description || proj.uuid"></p>
</div>
<div x-show="proj.environments && proj.environments.length > 0" class="flex flex-wrap gap-1">
<template x-for="env in (proj.environments || [])" :key="env.id">
<span class="text-xs px-2 py-0.5 rounded-full bg-indigo-50 text-indigo-600" x-text="env.name"></span>
<template x-for="env in (proj.environments || [])" :key="env.id || env.uuid || env.name || env.environment || env">
<span class="text-xs px-2 py-0.5 rounded-full bg-indigo-50 text-indigo-600" x-text="projectEnvLabel(env)"></span>
</template>
</div>
<div class="pt-1 border-t border-gray-100">
@@ -630,10 +630,10 @@
<div class="flex-1 overflow-auto p-5 space-y-2">
<div x-show="projectEnvsLoading" class="text-sm text-gray-400 text-center py-4">Cargando entornos...</div>
<div x-show="!projectEnvsLoading && projectEnvsList.length === 0" class="text-sm text-gray-400 text-center py-4">Sin entornos.</div>
<template x-for="env in projectEnvsList" :key="env.id">
<template x-for="env in projectEnvsList" :key="env.id || env.uuid || env.name || env.environment || env">
<div class="bg-gray-50 rounded-lg px-3 py-2 text-sm">
<p class="font-semibold text-gray-700" x-text="env.name"></p>
<p x-show="env.description" class="text-xs text-gray-400 mt-0.5" x-text="env.description"></p>
<p class="font-semibold text-gray-700" x-text="projectEnvLabel(env)"></p>
<p x-show="projectEnvDescription(env)" class="text-xs text-gray-400 mt-0.5" x-text="projectEnvDescription(env)"></p>
</div>
</template>
</div>
@@ -733,6 +733,17 @@ document.addEventListener('alpine:init', () => {
},
// ─── Helpers ────────────────────────────────────
projectEnvLabel(env) {
if (!env) return '—';
if (typeof env === 'string') return env;
return env.name || env.environment || env.slug || env.uuid || env.branch || 'Entorno';
},
projectEnvDescription(env) {
if (!env || typeof env === 'string') return '';
return env.description || env.branch || env.fqdn || env.url || '';
},
flash(msg, ok = true) {
this.flashMsg = msg;
this.flashOk = ok;
@@ -1221,14 +1232,14 @@ document.addEventListener('alpine:init', () => {
// ─── Project envs ────────────────────────────────
async openProjectEnvs(proj) {
this.projectTarget = proj;
this.projectEnvsList = [];
this.projectEnvsList = Array.isArray(proj.environments) ? proj.environments : [];
this.projectEnvsModal = true;
this.projectEnvsLoading = true;
try {
const r = await fetch(`/app/coolify/projects/${proj.uuid}/environments`);
const j = await r.json();
this.projectEnvsList = Array.isArray(j) ? j
: (j.environments || j.data || []);
: (j.environments || j.data || j.items || j.projects_environments || []);
} catch(e) { this.flash('Error: ' + e.message, false); }
finally { this.projectEnvsLoading = false; }
},