From 19d980f92bbbbf7a8efd888574c63378fb3d34e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20G=C3=B6bel?= <dgoebel@techfak.uni-bielefeld.de>
Date: Wed, 7 Feb 2024 17:07:04 +0100
Subject: [PATCH] Add separate required tag for parameters in form

#94
---
 .../ParameterSchemaFormComponent.vue            |  2 +-
 .../form-mode/ParameterGroupForm.vue            | 17 +++++------------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/components/parameter-schema/ParameterSchemaFormComponent.vue b/src/components/parameter-schema/ParameterSchemaFormComponent.vue
index 5d79f31..4a93a52 100644
--- a/src/components/parameter-schema/ParameterSchemaFormComponent.vue
+++ b/src/components/parameter-schema/ParameterSchemaFormComponent.vue
@@ -232,7 +232,7 @@ function scroll(selectedAnchor: string) {
 // =============================================================================
 onMounted(() => {
   if (props.schema) updateSchema(props.schema);
-  if (props.clowmInfo) Tooltip.getOrCreateInstance("#exampleDataButton");
+  if (props.clowmInfo?.exampleParameters) Tooltip.getOrCreateInstance("#exampleDataButton");
   bucketRepository.fetchBuckets();
   bucketRepository.fetchOwnPermissions();
   keyRepository.fetchS3Keys();
diff --git a/src/components/parameter-schema/form-mode/ParameterGroupForm.vue b/src/components/parameter-schema/form-mode/ParameterGroupForm.vue
index 95d0966..be65227 100644
--- a/src/components/parameter-schema/form-mode/ParameterGroupForm.vue
+++ b/src/components/parameter-schema/form-mode/ParameterGroupForm.vue
@@ -106,19 +106,12 @@ watch(
           "
         >
           <code
-            class="p-2 rounded-top border-bottom-0 border bg-secondary-subtle"
-            :class="{
-              'border-warning': parameterRequired(
-                parameterGroup,
-                parameterName,
-              ),
-              'border-secondary': !parameterRequired(
-                parameterGroup,
-                parameterName,
-              ),
-              'border-2': parameterRequired(parameterGroup, parameterName),
-            }"
+            class="p-2 rounded-top border-bottom-0 border bg-secondary-subtle border-secondary"
             >--{{ parameter["name"] ?? parameterName }}</code
+          ><span
+            v-if="parameterRequired(parameterGroup, parameterName)"
+            class="rounded p-1 bg-warning text-light ms-2"
+            >required</span
           >
           <div class="input-group">
             <span
-- 
GitLab