Chargement…
{:else if loadError}
⚠
{:else if Object.keys(byAgent).length === 0}
{loadError}
Aucun agent connecté
{:else}
{#each sortedAgents as [agentId, containers]}
{#if containers.length > 0}
{@const first = containers[0]}
{#each grouped.projects as [projectName, projectContainers]}
{@const projKey = projectKey(agentId, projectName)}
{@const isProjectExpanded = collapsedProjects[projKey] === false}
{@const isProjPending = projectActionPending === projKey}
{@const isGroupAutoUpdateOpen = groupAutoUpdate?.agentId === agentId && groupAutoUpdate?.projectName === projectName}
{@const anyAutoUpdateEnabled = projectContainers.some(e => autoUpdateStates[autoUpdateKey(agentId, e.container.id)]?.policy?.enabled)}
{#if isProjectExpanded}
{/each}
{#if grouped.standalone.length > 0}
{/if}
{@render ActionBtn({ label: "Logs", variant: "cyan", loading: false,
onclick: () => openProjectLogs(agentId, projectName, projectContainers) })}
{@render ActionBtn({ label: "Stop All", variant: "ghost", loading: isProjPending,
onclick: () => doProjectAction(agentId, projectName, projectContainers, 'stop') })}
{@render ActionBtn({ label: "Restart All", variant: "ghost", loading: isProjPending,
onclick: () => doProjectAction(agentId, projectName, projectContainers, 'restart') })}
{#if openKebab === projKey}
{/if}
| Nom | Image | État | Ports | Actions |
|---|---|---|---|---|
|
{container.name}
|
{container.image} | {container.state} |
{#each uniquePorts(container.ports) as port}
{port.host_port}:{port.container_port}
{/each}
|
{@render ActionBtn({ label: "Logs", variant: "cyan", loading: false,
onclick: () => openLogs(agent_id, container.id, container.name) })}
{#if container.state !== "running"}
{@render ActionBtn({ label: "Start", variant: "green", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "start") })}
{:else}
{@render ActionBtn({ label: "Stop", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "stop") })}
{@render ActionBtn({ label: "Restart", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "restart") })}
{/if}
{@render AutoUpdateBtn(agent_id, container.id)}
|
{#each projectContainers.slice().sort((a, b) => a.container.name.localeCompare(b.container.name)) as { agent_id, container } (container.id)}
{/each}
{/if}
{container.name}
{container.state}
{container.image}
{#if uniquePorts(container.ports).length > 0}
{#each uniquePorts(container.ports) as port}
{port.host_port}:{port.container_port}
{/each}
{/if}
{@render ActionBtn({ label: "Logs", variant: "cyan", loading: false,
onclick: () => openLogs(agent_id, container.id, container.name) })}
{#if container.state !== "running"}
{@render ActionBtn({ label: "Start", variant: "green", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "start") })}
{:else}
{@render ActionBtn({ label: "Stop", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "stop") })}
{@render ActionBtn({ label: "Restart", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "restart") })}
{/if}
{@render AutoUpdateBtn(agent_id, container.id)}
{#if grouped.projects.length > 0}
{/if}
Standalone
{/if}
| Nom | Image | État | Ports | Actions |
|---|---|---|---|---|
|
{container.name}
|
{container.image} | {container.state} |
{#each uniquePorts(container.ports) as port}
{port.host_port}:{port.container_port}
{/each}
|
{@render ActionBtn({ label: "Logs", variant: "cyan", loading: false,
onclick: () => openLogs(agent_id, container.id, container.name) })}
{#if container.state !== "running"}
{@render ActionBtn({ label: "Start", variant: "green", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "start") })}
{:else}
{@render ActionBtn({ label: "Stop", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "stop") })}
{@render ActionBtn({ label: "Restart", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "restart") })}
{/if}
{@render AutoUpdateBtn(agent_id, container.id)}
|
{#each grouped.standalone as { agent_id, container } (container.id)}
{/each}
{container.name}
{container.state}
{container.image}
{#if uniquePorts(container.ports).length > 0}
{#each uniquePorts(container.ports) as port}
{port.host_port}:{port.container_port}
{/each}
{/if}
{@render ActionBtn({ label: "Logs", variant: "cyan", loading: false,
onclick: () => openLogs(agent_id, container.id, container.name) })}
{#if container.state !== "running"}
{@render ActionBtn({ label: "Start", variant: "green", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "start") })}
{:else}
{@render ActionBtn({ label: "Stop", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "stop") })}
{@render ActionBtn({ label: "Restart", variant: "ghost", loading: actionPending === container.id,
onclick: () => doAction(agent_id, container.id, "restart") })}
{/if}
{@render AutoUpdateBtn(agent_id, container.id)}
Chargement…
{:else if loadError}
⚠
{:else if sortedAgentImages.length === 0}
{loadError}
Aucune image disponible
{:else}
{#if agentImages.some(i => i.is_orphan)}
{/if}
{#if collapsedImages[agentId] === false}
| Tags | ID | Taille | Date | Actions |
|---|---|---|---|---|
|
{#if img.tags?.length > 0}
{#each img.tags as tag}
{tag}
{/each}
{:else}
<none>
{/if}
{#if img.is_orphan}
orphan
{/if}
|
{shortId(img.id)} | {formatSize(img.size)} | {formatDate(img.created_at)} | {#if img.is_orphan} {/if} |
{#each displayedImages.slice().sort((a, b) => (a.tags[0] ?? a.id).localeCompare(b.tags[0] ?? b.id)) as img (img.id)}
{/each}
{#if img.tags?.length > 0}
{#each img.tags as tag}
{tag}
{/each}
{:else}
<none>
{/if}
{#if img.is_orphan}
orphan
{/if}
{#if img.is_orphan}
{/if}
{shortId(img.id)}
{formatSize(img.size)}
{formatDate(img.created_at)}
Chargement…
{:else if loadError}
⚠
{:else if sortedAgentVolumes.length === 0}
{loadError}
Aucun volume disponible
{:else}
{#if agentVolumes.some(v => v.is_orphan)}
{/if}
{#if collapsedVolumes[agentId] === false}
| Nom | Driver | Mountpoint | Actions |
|---|---|---|---|
|
{vol.name}
{#if vol.is_orphan}
orphan
{/if}
|
{vol.driver} | {vol.mountpoint} | {#if vol.is_orphan} {/if} |
{#each displayedVolumes.slice().sort((a, b) => a.name.localeCompare(b.name)) as vol (vol.name)}
{/each}
{vol.name}
{#if vol.is_orphan}
orphan
{/if}
{#if vol.is_orphan}
{/if}
{vol.driver}
{vol.mountpoint}
Chargement…
{:else if loadError}
⚠
{:else if sortedAgentNetworks.length === 0}
{loadError}
Aucun réseau disponible
{:else}
{#if agentNetworks.some(n => n.is_orphan)}
{/if}
{#if collapsedNetworks[agentId] === false}
| Nom | Driver | Scope | ID | Actions |
|---|---|---|---|---|
|
{net.name}
{#if net.is_orphan}
orphan
{/if}
|
{net.driver} | {net.scope} | {shortId(net.id)} | {#if net.is_orphan} {/if} |
{#each displayedNetworks.slice().sort((a, b) => a.name.localeCompare(b.name)) as net (net.id)}
{/each}
{net.name}
{#if net.is_orphan}
orphan
{/if}
{#if net.is_orphan}
{/if}
{net.driver}
{net.scope}
{shortId(net.id)}