From 77054d80bdeda7a1dd344c158bef0672f3b4cb03 Mon Sep 17 00:00:00 2001
From: Stefan Peters <Stefan.Peters@gbv.de>
Date: Thu, 12 Dec 2024 12:31:11 +0100
Subject: [PATCH] Allow configuring additional text for interface

---
 README.md            | 2 ++
 src/client/App.vue   | 7 +++++--
 src/client/config.js | 7 +++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 523cbb4..5864c77 100644
--- a/README.md
+++ b/README.md
@@ -63,6 +63,8 @@ VITE_ALLOWED_USERS=uri1,uri2
 # List of allowed provider IDs (works in addition to VITE_ALLOWED_USERS, i.e. if a user either has one of the 
 # specified URIs or has one of the specified providers linked, they can perform enrichments in the backend)
 VITE_ALLOWED_PROVIDERS=provider1,provider2
+# Additional text (HTML) shown instead of prod/dev text
+VITE_ADDITIONAL_TEXT=Hello World
 # Local file path where submitted enrichments will be temporarily stored
 ENRICHMENTS_PATH=./enrichments
 ```
diff --git a/src/client/App.vue b/src/client/App.vue
index 59acc0a..abf6696 100644
--- a/src/client/App.vue
+++ b/src/client/App.vue
@@ -21,7 +21,7 @@ const { showGoToTopButton, goToTop } = useGoToTop()
 import { useSubmitEnrichments } from "@/composables/submit-enrichments.js"
 const { submitEnrichments, successMessage, errorMessage, submitLoading, resetSubmit } = useSubmitEnrichments()
 
-import { version, name, showWhenExistsKey, examples, allowedUsers, allowedProviders, isProduction } from "@/config.js"
+import { version, name, showWhenExistsKey, examples, allowedUsers, allowedProviders, isProduction, additionalText } from "@/config.js"
 
 const hasBackendAccess = computed(() => allowedUsers.includes(user.value?.uri) || allowedProviders.find(provider => user.value?.identities[provider]?.id))
 
@@ -309,7 +309,10 @@ watch(() => state.ppn, async (ppn) => {
             target="_blank">Mapping-Tool Cocoda</a>
           ein neues Mapping für Ihr Konzept erstellen und dieses direkt (nach neuladen dieser Seite) zur Eintragung in der coli-rich-Webanwendung übernehmen
         </p>
-        <p v-if="isProduction">
+        <div
+          v-if="additionalText"
+          v-html="additionalText" />
+        <p v-else-if="isProduction">
           <!-- TODO: Adjust production text -->
           Vorgemerkte Anreicherungen werden regelmäßig in den K10plus übernommen. Da dieses Tool noch in der Entwicklung ist, kann sich dies verzögern.
         </p>
diff --git a/src/client/config.js b/src/client/config.js
index 0e177ef..2ab18db 100644
--- a/src/client/config.js
+++ b/src/client/config.js
@@ -43,3 +43,10 @@ export const allowedProviders = (import.meta.env.VITE_ALLOWED_PROVIDERS || "").s
 
 export const baseUrl = import.meta.env.BASE_URL || "/"
 export const isProduction = import.meta.env.MODE === "production"
+
+let _additionalText = import.meta.env.VITE_ADDITIONAL_TEXT || null
+// If the additional text is not enclosed in a HTML tag, use <p></p>
+if (_additionalText && !_additionalText.startsWith("<")) {
+  _additionalText = `<p>${_additionalText}</p>`
+}
+export const additionalText = _additionalText