fixed splitting

client/src/modules/ui.ts

@@ -1,5 +1,6 @@
 import * as I from "../types/types";
 import * as Communication from "./communication";
+import Panzoom from '@panzoom/panzoom';
 
 export function setOptionSelect(inSeatmapListing: I.Seatmap[], inId: string) {
     const seatmapDropdown: HTMLElement | null = document.getElementById(inId);
@@ -50,6 +51,7 @@ export function createDialog(inChildHasVenueXML: boolean): void {
 }
 
 export function injectBookingBtn(): void {
+    jQuery(".flash_seat_map_box").remove();
     jQuery('#flash_seat_map_box_id').css({
         "display": "block",
         "position": "relative",
@@ -68,4 +70,49 @@ export function injectBookingBtn(): void {
         <div id="dialogSeatmap" hidden="hidden"></div>
     </div>
     `);
+}
+
+export function destroyCurrentSeatmap(): void {
+    jQuery("#containerSeatmapInner").remove();
+    jQuery("#htmlSeatmapInner .fl-html").removeAttr("style");
+    jQuery("#htmlSeatmapInner .fl-html").append('<div id="containerSeatmapInner"></div>');
+}
+
+export function controlLoftloader(inSwitch: string) {
+    if (inSwitch === "show")
+        jQuery("body").removeClass("loaded loftloader-loaded");
+    else if (inSwitch === "hide")
+        jQuery("body").addClass("loaded loftloader-loaded");
+}
+
+export function addPanzoom(inSelector: string, inBtnZoomIn: string | null = null, inBtnZoomOut: string | null = null, inBtnResetZoom: string | null = null) {
+    const container: HTMLElement = jQuery(inSelector).get(0);
+    if (container) {
+        const panzoom = Panzoom(container, {
+            maxScale: 5,
+            animate: false,
+            overflow: "hidden",
+        });
+
+        container.parentElement!.addEventListener('wheel', panzoom.zoomWithWheel);
+
+        if (inBtnZoomIn) {
+            const btnZoomIn: HTMLElement | undefined = jQuery(inBtnZoomIn).get(0);
+            if (btnZoomIn)
+                btnZoomIn.addEventListener('click', panzoom.zoomIn);
+        }
+
+        if (inBtnZoomOut) {
+            const btnZoomOut: HTMLElement | undefined = jQuery(inBtnZoomOut).get(0);
+            if (btnZoomOut)
+                btnZoomOut.addEventListener('click', panzoom.zoomOut);
+        }
+
+        if (inBtnResetZoom) {
+            const btnResetZoom: HTMLElement | undefined = jQuery(inBtnResetZoom).get(0);
+            if (btnResetZoom)
+                btnResetZoom.addEventListener('click', panzoom.reset);
+        }
+
+    }
 }