✨ use situationId in webcomponents

Author: FabianWilms

personalization-webcomponents/src/ChecklistPreview.ce.vue

@@ -296,10 +296,12 @@ function _saveChecklistAcceptedDSE() {
   });
   const body = JSON.stringify({
     title: lebenslageTitle.value,
-    lebenslageId: lebenslageId.value,
+    situationId: lebenslageId.value,
     checklistItems: checklistItemsDtos,
   });
 
+  console.log(body);
+
   fetch(url, {
     method: "POST",
     headers: {

personalization-webcomponents/src/api/persservice/Checklist.ts

@@ -4,6 +4,7 @@ export default interface Checklist {
   id: string;
   title: string;
   lhmExtId: string;
+  situationId: string;
   checklistItems: ChecklistItem[];
   lastUpdate: Date;
 }

personalization-webcomponents/src/components/ChecklistCard.vue

@@ -9,7 +9,7 @@
         <img
           width="56px"
           height="56px"
-          :src="getChecklistIconByTitle(checklist.title)"
+          :src="getChecklistIconBySituationId(checklist.situationId)"
           alt="checklist-icon"
         />
       </div>
@@ -69,15 +69,12 @@
 <script setup lang="ts">
 import type Checklist from "@/api/persservice/Checklist.ts";
 
-import { MucCard } from "@muenchen/muc-patternlab-vue";
-import { computed } from "vue";
+import {MucCard} from "@muenchen/muc-patternlab-vue";
+import {computed} from "vue";
 
 import ChecklistitemListitem from "@/components/ChecklistitemListitem.vue";
 import MucChip from "@/components/common/MucChip.vue";
-import {
-  getChecklistIconByTitle,
-  QUERY_PARAM_CHECKLIST_ID,
-} from "@/util/Constants.ts";
+import {getChecklistIconBySituationId, QUERY_PARAM_CHECKLIST_ID,} from "@/util/Constants.ts";
 
 const props = defineProps<{
   checklist: Checklist;

personalization-webcomponents/src/components/ChecklistHeader.vue

@@ -2,7 +2,7 @@
   <muc-intro
     tagline="Checkliste"
     :title="checklist.title"
-    :img="getChecklistIconByTitle(checklist.title)"
+    :img="getChecklistIconBySituationId(checklist.situationId)"
     imgAlt=""
   >
     <div
@@ -57,7 +57,7 @@ import { MucIntro } from "@muenchen/muc-patternlab-vue";
 import { computed, onMounted } from "vue";
 
 import MucChip from "@/components/common/MucChip.vue";
-import { getChecklistIconByTitle } from "@/util/Constants.ts";
+import {getChecklistIconBySituationId} from "@/util/Constants.ts";
 
 const props = defineProps<{
   checklist: Checklist;

personalization-webcomponents/src/util/Constants.ts

@@ -10,22 +10,8 @@ export const QUERY_PARAM_CHECKLIST_ID = "cl-id";
 
 let ACCESS_TOKEN: string | undefined = undefined;
 
-export function getChecklistIconByTitle(checklistTitle: string) {
-  return {
-    "Ich habe wenig Geld.":
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10482730.svg",
-    "Ich will umziehen.":
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10482700.svg",
-    "Ich manage eine Familie.":
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483310.svg",
-    Einwanderung:
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483311.svg",
-    Umzug:
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10482700.svg",
-    Test: "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483310.svg",
-    title3:
-      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483310.svg",
-  }[checklistTitle];
+export function getChecklistIconBySituationId(situationId: string) {
+  return `https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/${situationId}.svg`;
 }
 
 export function getAPIBaseURL(): string {