blomios/Containarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add port clickable

Browse Source
This commit is contained in:
Blomios
2026-05-19 16:58:44 +02:00
parent d1db386e1d
commit b3176c4dfa
5 changed files with 62 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/src/routes/+page.svelte
View File

@ -898,9 +898,14 @@
<td class="px-4 py-3">
<div class="flex flex-wrap gap-1">
{#each uniquePorts(container.ports) as port}
<span class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20">
<a
href="http://{byAgent[agent_id]?.[0]?.ip_address ?? ''}:{port.host_port}"
target="_blank"
rel="noopener noreferrer"
class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20 hover:bg-signal-cyan/25 hover:border-signal-cyan/40 transition-colors cursor-pointer"
>
{port.host_port}:{port.container_port}
</span>
</a>
{/each}
</div>
</td>
@ -941,10 +946,14 @@
{#if uniquePorts(container.ports).length > 0}
<div class="flex flex-wrap gap-1 mb-3">
{#each uniquePorts(container.ports) as port}
<span class="font-mono text-xs px-1.5 py-0.5 rounded
bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20">
<a
href="http://{byAgent[agent_id]?.[0]?.ip_address ?? ''}:{port.host_port}"
target="_blank"
rel="noopener noreferrer"
class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20 hover:bg-signal-cyan/25 hover:border-signal-cyan/40 transition-colors cursor-pointer"
>
{port.host_port}:{port.container_port}
</span>
</a>
{/each}
</div>
{/if}
@ -1005,9 +1014,14 @@
<td class="px-4 py-3">
<div class="flex flex-wrap gap-1">
{#each uniquePorts(container.ports) as port}
<span class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20">
<a
href="http://{byAgent[agent_id]?.[0]?.ip_address ?? ''}:{port.host_port}"
target="_blank"
rel="noopener noreferrer"
class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20 hover:bg-signal-cyan/25 hover:border-signal-cyan/40 transition-colors cursor-pointer"
>
{port.host_port}:{port.container_port}
</span>
</a>
{/each}
</div>
</td>
@ -1048,10 +1062,14 @@
{#if uniquePorts(container.ports).length > 0}
<div class="flex flex-wrap gap-1 mb-3">
{#each uniquePorts(container.ports) as port}
<span class="font-mono text-xs px-1.5 py-0.5 rounded
bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20">
<a
href="http://{byAgent[agent_id]?.[0]?.ip_address ?? ''}:{port.host_port}"
target="_blank"
rel="noopener noreferrer"
class="font-mono text-xs px-1.5 py-0.5 rounded bg-signal-cyan/10 text-signal-cyan border border-signal-cyan/20 hover:bg-signal-cyan/25 hover:border-signal-cyan/40 transition-colors cursor-pointer"
>
{port.host_port}:{port.container_port}
</span>
</a>
{/each}
</div>
{/if}