restructured inject.js

2021-03-17 13:18:16 +01:00
parent 674f16bed7
commit 65cb9bff60
11 changed files with 179 additions and 240 deletions
--- a/client/src/modules/ui.ts
+++ b/client/src/modules/ui.ts
@@ -0,0 +1,71 @@
+import * as I from "../types/types";
+import * as Communication from "./communication";
+
+export function setOptionSelect(inSeatmapListing: I.Seatmap[], inId: string) {
+    const seatmapDropdown: HTMLElement | null = document.getElementById(inId);
+    if (seatmapDropdown) {
+        for (let seatmapObj of inSeatmapListing) {
+            var opt = document.createElement('option');
+            opt.value = seatmapObj.id[0];
+            opt.innerHTML = seatmapObj.desc[0];
+            seatmapDropdown.appendChild(opt);
+        }
+    }
+}
+
+export function setEventInfo(inEventInfo: I.EventInfo, inInputswithValue: I.InputsWithValue): void {
+    // console.log(inEventInfo);
+    jQuery("#eventInfoDesc span.fl-heading-text")[0].childNodes[0].textContent = inEventInfo.desc[0];
+    jQuery("#eventInfoDate p")[0].childNodes[0].textContent = inEventInfo.start[0];
+    jQuery("#eventInfoCapacity p")[0].childNodes[0].textContent = inEventInfo.venue_config_capacity[0];
+    jQuery("#eventInfoLocation p")[0].childNodes[0].textContent = inInputswithValue.venueLocation;
+}
+
+export function createDialog(inChildHasVenueXML: boolean): void {
+    jQuery("#dialogSeatmap").append($("<iframe id='iframeSeatmap' scrolling='no' frameborder='0' marginwidth='0' marginheight='0' allowfullscreen width='100%' height='" + window.outerHeight + "px' />")
+        .attr("src", "https://staging.tickets.zinomedia.de/"))
+        .dialog({
+            modal: true,
+            autoOpen: false,
+            closeOnEscape: true,
+            draggable: false,
+            hide: true,
+            show: true,
+            resizable: false,
+            title: "",
+            width: "99%",
+            height: "auto",
+            close: () => {
+                jQuery('html, body').css('overflow', 'auto');
+            }
+        });
+
+    jQuery("#openSeatmap").on("click", () => {
+        if (!inChildHasVenueXML)
+            Communication.sendEventToChild("parent_init_venue");
+
+        jQuery('html, body').css('overflow', 'hidden');
+        jQuery("#dialogSeatmap").dialog('open');
+    });
+}
+
+export function injectBookingBtn(): void {
+    jQuery('#flash_seat_map_box_id').css({
+        "display": "block",
+        "position": "relative",
+        "width": "100%"
+    });
+    jQuery("#flash_seat_map_box_id").append(`
+    <div id="containerBookingBtn">
+        <button type="button" id="openSeatmap">
+        <div>
+            <img src="https://staging.tickets.zinomedia.de/dist/stadium.png">
+        </div>
+        Saalplanbuchung <br/><br/>
+        <span>Suchen Sie Ihren Platz selbst aus</span>
+        </button> <br/>
+        <button type="button" id="foobarParent">foobarParent</button> <br/>
+        <div id="dialogSeatmap" hidden="hidden"></div>
+    </div>
+    `);
+}