From 21afb01ea191c6d5b597884fae637ae1b8f49a7a Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Sat, 1 Jul 2023 19:26:04 +0200
Subject: [PATCH] Hide object types in object grid

---
 frontend/src/components/objectgrid.svelte           | 13 +++++++------
 .../organisms/connection/collection/stats.svelte    |  1 +
 .../src/organisms/connection/database/stats.svelte  |  1 +
 .../src/organisms/connection/host/status.svelte     |  1 +
 .../src/organisms/connection/host/systeminfo.svelte |  1 +
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/objectgrid.svelte b/frontend/src/components/objectgrid.svelte
index 288463f..6036926 100644
--- a/frontend/src/components/objectgrid.svelte
+++ b/frontend/src/components/objectgrid.svelte
@@ -11,15 +11,16 @@
   export let errorTitle = '';
   export let errorDescription = '';
   export let busy = false;
-
-  const columns = [
-    { key: 'key', label: 'Key' },
-    { key: 'value', label: 'Value' },
-    { key: 'type', label: 'Type' },
-  ];
+  export let showTypes = true;
 
   let items = [];
 
+  $: columns = [
+    { key: 'key', label: 'Key' },
+    { key: 'value', label: 'Value' },
+    showTypes ? { key: 'type', label: 'Type' } : undefined,
+  ].filter(c => !!c);
+
   $: if (data) {
     // items = dissectObject(data).map(item => ({ ...item, menu: getRootMenu(item.key, item) }));
     items = [];
diff --git a/frontend/src/organisms/connection/collection/stats.svelte b/frontend/src/organisms/connection/collection/stats.svelte
index b8d404d..d489e7e 100644
--- a/frontend/src/organisms/connection/collection/stats.svelte
+++ b/frontend/src/organisms/connection/collection/stats.svelte
@@ -20,6 +20,7 @@
   <div class="grid">
     <ObjectGrid
       data={collection.stats}
+      showTypes={false}
       errorTitle={collection.statsError ? 'Error fetching collection stats' : ''}
       errorDescription={collection.statsError}
       busy={!collection.stats && !collection.statsError && `Fetching stats for ${collection.key}…`}
diff --git a/frontend/src/organisms/connection/database/stats.svelte b/frontend/src/organisms/connection/database/stats.svelte
index 1143ba1..3d6d7f2 100644
--- a/frontend/src/organisms/connection/database/stats.svelte
+++ b/frontend/src/organisms/connection/database/stats.svelte
@@ -20,6 +20,7 @@
   <div class="grid">
     <ObjectGrid
       data={database.stats}
+      showTypes={false}
       errorTitle={database.statsError ? 'Error fetching database stats' : ''}
       errorDescription={database.statsError}
       busy={!database.stats && !database.statsError && `Fetching stats for ${database.key}…`}
diff --git a/frontend/src/organisms/connection/host/status.svelte b/frontend/src/organisms/connection/host/status.svelte
index b63e270..be235ab 100644
--- a/frontend/src/organisms/connection/host/status.svelte
+++ b/frontend/src/organisms/connection/host/status.svelte
@@ -20,6 +20,7 @@
   <div class="grid">
     <ObjectGrid
       data={host.status || {}}
+      showTypes={false}
       errorTitle={host.statusError ? 'Error fetching server status' : ''}
       errorDescription={host.statusError}
       busy={!host.status && !host.statusError && 'Fetching server status…'}
diff --git a/frontend/src/organisms/connection/host/systeminfo.svelte b/frontend/src/organisms/connection/host/systeminfo.svelte
index 9626f56..2a42565 100644
--- a/frontend/src/organisms/connection/host/systeminfo.svelte
+++ b/frontend/src/organisms/connection/host/systeminfo.svelte
@@ -20,6 +20,7 @@
   <div class="grid">
     <ObjectGrid
       data={host.systemInfo}
+      showTypes={false}
       errorTitle={host.systemInfoError ? 'Error fetching system info' : ''}
       errorDescription={host.systemInfoError}
       busy={!host.systemInfo && !host.systemInfoError && 'Fetching system info…'}