cleans up bugs and adds icons

amir20 · Dec 31, 2024 · 87ccae4 · 87ccae4
1 parent 21afba5
commit 87ccae4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/assets/components/HostViewer/HostLog.vue b/assets/components/HostViewer/HostLog.vue
@@ -2,10 +2,14 @@
   <ScrollableView :scrollable="scrollable" v-if="host">
     <template #header>
       <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="flex flex-1 gap-1.5 truncate @container md:gap-2">
+        <div class="flex flex-1 gap-1.5 truncate md:gap-2">
+          <ph:computer-tower />
           <div class="inline-flex font-mono text-sm">
             <div class="font-semibold">{{ host.name }}</div>
           </div>
+          <Tag class="mobile-hidden font-mono" size="small">
+            {{ $t("label.container", containers.length) }}
+          </Tag>
         </div>
         <MultiContainerStat class="ml-auto" :containers="containers" />
         <MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
@@ -33,7 +37,7 @@ const store = useContainerStore();
 const { containersByHost } = storeToRefs(store);
 const { hosts } = useHosts();
 const host = computed(() => hosts.value[id]);
-const containers = computed(() => containersByHost.value[id] ?? []);
+const containers = computed(() => containersByHost.value?.[id].filter((c) => c.state === "running") ?? []);
 const viewer = useTemplateRef<ComponentExposed<typeof ViewerWithSource>>("viewer");
 provideLoggingContext(containers, { showContainerName: true, showHostname: false });
 </script>
diff --git a/assets/components/ServiceViewer/ServiceLog.vue b/assets/components/ServiceViewer/ServiceLog.vue
@@ -3,6 +3,7 @@
     <template #header>
       <div class="mx-2 flex items-center gap-2 md:ml-4">
         <div class="flex flex-1 gap-1.5 truncate @container md:gap-2">
+          <ph:stack-simple />
           <div class="inline-flex font-mono text-sm">
             <div class="font-semibold">{{ service.name }}</div>
           </div>