implemented: show important note in cart if set on trxstate 20 page

client/src/css/seatmap.css

@@ -290,4 +290,9 @@ span.trimChar {
 
 #bottomHTML h6, #bottomHTML a {
   color: #999;
+}
+
+#modalCartImportantNote {
+  margin: 0 0 20px 0;
+  display: none;
 }

client/src/modules/cart.ts

@@ -57,7 +57,6 @@ export function calcOverallPrice(): void{
     config.state.priceOverallEur = getPriceInEur(config.state.priceOverall);
 }
 
-
 export function generateCartItems(): void {
     if (!config.state.selectedSeatsArr.length)
         return;
@@ -90,6 +89,15 @@ export function getPriceInEur(inPrice: string): string {
     return new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(price);
 }
 
+export function setImportantNote(): void {
+    if (!config.state.inputsWithValue?.importantNote)
+        return;
+
+    const importantNoteSelector: JQuery<HTMLElement> = jQuery("#modalCartImportantNote")
+    importantNoteSelector[0].innerText = config.state.inputsWithValue?.importantNote
+    importantNoteSelector.show();
+}
+
 function appendHTML(inCartID: string, inColor: string, inCategory: string | undefined, inSeatStr: string): void {
     jQuery("#cartItemHTML .fl-html").append(`
     <div class="cartItem" id="${inCartID}">

client/src/modules/child.ts

@@ -69,6 +69,7 @@ export function sendSeatmapXML(inE: any) {
     Trims.addTrims();
     XMLHelper.processSMAP();
     config.state.panzoom = Panzoom.addPanzoom("#containerSeatmapInner", ".panzoomZoomIn", ".panzoomZoomOut", "#panzoomResetZoom");
+    Cart.setImportantNote();
     UI.controlLoftloader("hide");
     jBoxHelper.createSeatTooltips();
 }