From 5b2d68844c846883bc214060cc2d7fd4429c56c2 Mon Sep 17 00:00:00 2001
From: Dominic Kempf <dominic.kempf@iwr.uni-heidelberg.de>
Date: Mon, 7 Oct 2024 15:28:43 +0200
Subject: [PATCH] Hide detail controls when there is only the asset viewer to
 show

---
 src/components/logic/DetailControls.svelte | 64 ++++++++++++++--------
 1 file changed, 42 insertions(+), 22 deletions(-)

diff --git a/src/components/logic/DetailControls.svelte b/src/components/logic/DetailControls.svelte
index 7f824f2..d9e8ad1 100644
--- a/src/components/logic/DetailControls.svelte
+++ b/src/components/logic/DetailControls.svelte
@@ -37,29 +37,49 @@
     }
     return false;
   }
+
+  function calculate(ids) {
+    let ret = [];
+
+    if(ids.length > 1) {
+      ret.push("back");
+    }
+
+    if(hasRelations()) {
+      ret.push("hierarchy");
+    }
+
+    return ret
+  }
+
+  $: displayedButtons = calculate($systemidStore);
+
+  console.log(displayedButtons);
 </script>
 
-<ButtonGroup class="pb-2">
-  {#if $systemidStore.length > 1}
-    <Button id="back-nav" on:click={popSystemID}>
-      <BackwardStepOutline class="inline-block w-6 h-6"/>
-    </Button>
-    <Tooltip triggeredBy="#back-nav" placement="bottom" class="z-10">
-      {l10n.returntext[$appLanguageStore]}{$systemidStore.at(-2)}
-    </Tooltip>
-  {/if}
-  {#if hasRelations()}
-    <Button id="hierarchy-nav" on:click={() => { viewerPanelStateStore.set("hierarchy"); }}>
-      <RectangleListOutline class="inline-block w-6 h-6"/>
+{#if displayedButtons.length > 0}
+  <ButtonGroup class="pb-2">
+    {#if displayedButtons.includes("back")}
+      <Button id="back-nav" on:click={popSystemID}>
+        <BackwardStepOutline class="inline-block w-6 h-6"/>
+      </Button>
+      <Tooltip triggeredBy="#back-nav" placement="bottom" class="z-10">
+        {l10n.returntext[$appLanguageStore]}{$systemidStore.at(-2)}
+      </Tooltip>
+    {/if}
+    {#if displayedButtons.includes("hierarchy")}
+      <Button id="hierarchy-nav" on:click={() => { viewerPanelStateStore.set("hierarchy"); }}>
+        <RectangleListOutline class="inline-block w-6 h-6"/>
+      </Button>
+      <Tooltip triggeredBy="#hierarchy-nav" placement="bottom" class="z-10">
+        {l10n.hierarchytext[$appLanguageStore]}
+      </Tooltip>
+    {/if}
+    <Button id="assets-nav" on:click={() => { viewerPanelStateStore.set("asset"); }}>
+      <ImageOutline class="inline-block w-6 h-6"/>
     </Button>
-    <Tooltip triggeredBy="#hierarchy-nav" placement="bottom" class="z-10">
-      {l10n.hierarchytext[$appLanguageStore]}
+    <Tooltip triggeredBy="#assets-nav" placement="bottom" class="z-10">
+      {l10n.assettext[$appLanguageStore]}
     </Tooltip>
-  {/if}
-  <Button id="assets-nav" on:click={() => { viewerPanelStateStore.set("asset"); }}>
-    <ImageOutline class="inline-block w-6 h-6"/>
-  </Button>
-  <Tooltip triggeredBy="#assets-nav" placement="bottom" class="z-10">
-    {l10n.assettext[$appLanguageStore]}
-  </Tooltip>
-</ButtonGroup>
\ No newline at end of file
+  </ButtonGroup>
+{/if}