danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust Docker host badges and task type column

Browse source
This commit is contained in:
rcourtman 2025-10-29 10:53:17 +00:00
parent 93faaacbd1
commit b606a0db99
2 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend-modern/src/components/Docker/DockerHostSummaryTable.tsx
View file

@ -251,9 +251,12 @@ export const DockerHostSummaryTable: Component<DockerHostSummaryTableProps> = (p
({summary.host.hostname})
</span>
</Show>
<span class="text-[9px] px-1 py-0 rounded text-[8px] font-medium bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400 whitespace-nowrap">
Docker
</span>
<Show when={summary.host.dockerVersion}>
<span class="text-[9px] px-1 py-0 rounded text-[8px] font-medium bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400 whitespace-nowrap">
Docker {summary.host.dockerVersion}
<span class="text-[9px] text-gray-500 dark:text-gray-400 whitespace-nowrap">
v{summary.host.dockerVersion}
</span>
</Show>
</div>

19
frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
View file

@ -1166,6 +1166,7 @@ const DockerServiceRow: Component<{
<thead class="bg-gray-100 dark:bg-gray-900/40 text-[10px] uppercase tracking-wide text-gray-600 dark:text-gray-200">
<tr>
<th class="py-1 pr-2 text-left font-medium">Task</th>
<th class="py-1 px-2 text-left font-medium w-[80px]">Type</th>
<th class="py-1 px-2 text-left font-medium">Node</th>
<th class="py-1 px-2 text-left font-medium">State</th>
<th class="py-1 px-2 text-left font-medium w-[120px]">CPU</th>
@ -1209,19 +1210,21 @@ const DockerServiceRow: Component<{
return (
<tr class="hover:bg-gray-100 dark:hover:bg-gray-800/40">
<td class="py-1 pr-2">
<div class="flex items-center gap-2 text-sm text-gray-900 dark:text-gray-100">
<div class="flex items-center gap-1 text-sm text-gray-900 dark:text-gray-100">
<span class="truncate font-medium" title={taskTitle()}>
{taskLabel()}
</span>
<span
class={`hidden sm:inline-flex items-center rounded px-2 py-0.5 text-[10px] font-medium whitespace-nowrap ${typeBadgeClass(
'task',
)}`}
>
Task
</span>
</div>
</td>
<td class="py-1 px-2">
<span
class={`inline-flex items-center rounded px-2 py-0.5 text-[10px] font-medium whitespace-nowrap ${typeBadgeClass(
'task',
)}`}
>
Task
</span>
</td>
<td class="py-1 px-2 text-gray-600 dark:text-gray-400">
{task.nodeName || task.nodeId || '—'}
</td>