From 4935d06aa26c787bc4fa051221686b6d71d5fbee Mon Sep 17 00:00:00 2001
From: Lorenz Padberg <lorenz.padberg@iterativ.ch>
Date: Tue, 2 Apr 2024 16:35:41 +0200
Subject: [PATCH] Open new  tab for instrument and instruction document

---
 client/src/components/content-blocks/Instruction.vue      | 1 +
 client/src/components/content-blocks/InstrumentWidget.vue | 3 ++-
 client/src/layouts/SimpleLayout.vue                       | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/components/content-blocks/Instruction.vue b/client/src/components/content-blocks/Instruction.vue
index 5c9fb847..3e32d1e8 100644
--- a/client/src/components/content-blocks/Instruction.vue
+++ b/client/src/components/content-blocks/Instruction.vue
@@ -6,6 +6,7 @@
     <bulb-icon class="instruction__icon" />
     <a
       :href="url"
+      target="_blank"
       class="instruction__link"
       >{{ text }}</a
     >
diff --git a/client/src/components/content-blocks/InstrumentWidget.vue b/client/src/components/content-blocks/InstrumentWidget.vue
index fdfd5cbd..b17fc74e 100644
--- a/client/src/components/content-blocks/InstrumentWidget.vue
+++ b/client/src/components/content-blocks/InstrumentWidget.vue
@@ -6,11 +6,12 @@
       v-html="value.description"
     />
     <router-link
-      :to="{ name: 'instrument', params: { slug: value.slug } }"
+      :to="{ name: 'instrument', params: { slug: value.slug }, query: { hideCloseButton: true } }"
       class="instrument-widget__button button"
       :style="{
         borderColor: value.foreground,
       }"
+      target="_blank"
     >
       {{ $flavor.textInstrument }} anzeigen
     </router-link>
diff --git a/client/src/layouts/SimpleLayout.vue b/client/src/layouts/SimpleLayout.vue
index 1370e40e..52ac2b28 100644
--- a/client/src/layouts/SimpleLayout.vue
+++ b/client/src/layouts/SimpleLayout.vue
@@ -5,6 +5,7 @@
   >
     <div
       class="close-button"
+      v-show="showCloseButton"
       @click="back"
     >
       <cross class="close-button__icon" />
@@ -34,6 +35,10 @@ const enableFooter = computed(() => {
   return flavor.showFooter;
 });
 
+const showCloseButton = computed(() => {
+   return !Object.keys(route.query).includes('hideCloseButton');
+});
+
 const back = () => {
   router.go(-1);
 };