feat(ZMSKVR-1084): outsourcing in Constants util

Author: Christian Vierthaler

zmscitizenview/src/components/Appointment/AppointmentSummary.vue

@@ -105,9 +105,9 @@
 
             <template v-else>
               <p class="no-bottom-margin smaller-front-size">
-                <strong>{{ t(`appointmentTypes.${variantId}`) }}:</strong><br />
+                <strong>{{ t(`appointmentTypes.${variantId}`) }}</strong><br />
               </p>
-              <p>{{ t(`locationVariantText.${variantId}`) }}</p>
+              <p>{{ getVariantHint(variantId, t) }}</p>
             </template>
           </div>
 
@@ -316,7 +316,10 @@ import {
   SelectedTimeslotProvider,
 } from "@/types/ProvideInjectTypes";
 import { calculateEstimatedDuration } from "@/utils/calculateEstimatedDuration";
-import { getServiceBaseURL } from "@/utils/Constants";
+import { 
+  getServiceBaseURL,
+  getVariantHint,
+ } from "@/utils/Constants";
 import { sanitizeHtml } from "@/utils/sanitizeHtml";
 import { useReservationTimer } from "@/utils/useReservationTimer";
 

zmscitizenview/src/components/Appointment/ServiceFinder.vue

@@ -67,11 +67,7 @@
             :id="'variant-' + variant.variantId"
             :value="variant.variantId.toString()"
             :label="t(`appointmentTypes.${variant.variantId}`)"
-            :hint="
-              VARIANTS_WITH_LOCATION_HINTS.includes(variant.variantId)
-                ? t(`locationVariantText.${variant.variantId}`)
-                : undefined
-            "
+            :hint="getVariantHint(variant.variantId, t)"
           />
         </muc-radio-button-group>
       </div>
@@ -198,6 +194,7 @@ import {
   getServiceBaseURL,
   MAX_SLOTS,
   OFTEN_SEARCHED_SERVICES,
+  getVariantHint,
 } from "@/utils/Constants";
 import {
   createErrorStates,
@@ -206,8 +203,6 @@ import {
 
 const isCaptchaValid = ref<boolean>(false);
 
-const VARIANTS_WITH_LOCATION_HINTS = [1, 2, 3] as const;
-
 const props = defineProps<{
   globalState: GlobalState;
   preselectedServiceId: string | undefined;

zmscitizenview/src/utils/Constants.ts

@@ -64,6 +64,13 @@ function getRawApiBaseURL(baseUrl: string | undefined): string {
   }
 }
 
+export const VARIANTS_WITH_LOCATION_HINTS = [1, 2, 3] as const;
+export const getVariantHint = (variantId: number, t: (key: string) => string) => {
+  return VARIANTS_WITH_LOCATION_HINTS.includes(variantId)
+    ? t(`locationVariantText.${variantId}`)
+    : undefined;
+};
+
 export function getAPIBaseURL(
   baseUrl: string | undefined,
   authenticated: boolean