zino/seatmapv2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

before remove getcolumnsnaming

Browse Source
This commit is contained in:
zino
2021-05-15 22:57:15 +02:00
parent 51e78042b5
commit 39aa73b034
10 changed files with 138 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
client/src/seatmap.ts
View File

@@ -6,16 +6,15 @@ import * as UI from "./modules/ui";
import * as JSC from "./modules/jsc";
import { config } from "./modules/config";
import Utils from "./modules/utils";
import { PanzoomObject } from "@panzoom/panzoom";
import * as Events from "./modules/events";
require("jbox/dist/jBox.all.css");
import * as Cart from "./modules/cart";
let inputsWithValue: I.InputsWithValue;
let seatmap: any;
let panzoom: PanzoomObject | undefined;
let inVenueXML: I.VenueXML;
let seatmapXML: any;
// let inputsWithValue: I.InputsWithValue;
// let seatmap: any;
// let panzoom: PanzoomObject | undefined;
// let inVenueXML: I.VenueXML;
// let seatmapXML: any;
window.addEventListener('load', () => {
// Inject JSC (jQuery Seat Charts)
@@ -36,15 +35,17 @@ window.addEventListener('load', () => {
// Add event listeners
Events.addCloseModal();
Events.addModalCart(inputsWithValue);
Events.addDropdownSeatmap(panzoom);
Events.addModalCart();
Events.addDropdownSeatmap(config.state.panzoom);
});
// Hide header when height of window is smaller than ...
// Note: Cannot determine width of inner iframe, therefore need to use window.innerHeight
window.onresize = function () {
const panzoom = config.state.panzoom;
const innerHeight = window.innerHeight;
if (innerHeight < 576) {
console.log("small");
jQuery("#containerEventInfoRow").hide();
@@ -74,18 +75,20 @@ function messageHandler(inE: any) {
}
case "parent_init_sendVenueXML": {
inVenueXML = data.message.map_response;
config.state.inVenueXML = data.message.map_response;
const venueXML = config.state.inVenueXML!;
const inputsWithValue = config.state.inputsWithValue!;
// Generate pricescale css classes
const css = XMLHelper.generatePricescaleCSS(inVenueXML);
const css = XMLHelper.generatePricescaleCSS();
Utils.inject(css, "cssCustom", "body");
// Fill event info
const eventInfo = XMLHelper.getEventInfo(inVenueXML);
const eventInfo = XMLHelper.getEventInfo();
UI.setEventInfo(eventInfo, inputsWithValue);
// Fill select dropdown
const seatmapListing: I.Seatmap[] = XMLHelper.getSeatmapListing(inVenueXML);
const seatmapListing: I.Seatmap[] = venueXML.seatmap_config[0].seatmap;
UI.setOptionSelect(seatmapListing, "dropdownSeatmap");
// Display first seatmapXML
@@ -100,29 +103,34 @@ function messageHandler(inE: any) {
}
case "parent_init_sendInputsWithValue": {
inputsWithValue = data.message;
UI.changeVenueImage(inputsWithValue);
config.state.inputsWithValue = data.message;
const inputsWithValue = config.state.inputsWithValue!;
UI.changeVenueImage(inputsWithValue!);
Communication.sendEventToParent("child_init_needVenueXML");
break;
}
case "parent_sendSeatmapXML": {
seatmapXML = data.message.map_response;
const map: string[] = JSC.generateMap(seatmapXML);
const rowsNaming: string[] = JSC.getRowsNaming(seatmapXML);
const seats: I.JSCSeats = JSC.getSeats(seatmapXML);
const legend: I.JSCLegend = JSC.generateLegend(inVenueXML, seatmapXML, "#JSCLegendInner");
config.state.seatmapXML = data.message.map_response;
const seatmapXML = config.state.seatmapXML;
const venueXML = config.state.inVenueXML!;
const seatmap = config.state.seatmap;
const map: string[] = JSC.generateMap();
const rowsNaming: string[] = JSC.getRowsNaming();
const seats: I.JSCSeats = JSC.getSeats();
const legend: I.JSCLegend = JSC.generateLegend(venueXML, seatmapXML, "#JSCLegendInner");
JSC.addSeatmap("#containerSeatmapInner", map, rowsNaming, seats, legend, seatmap, inVenueXML);
JSC.addSeatmap("#containerSeatmapInner", map, rowsNaming, seats, legend, seatmap);
JSC.setUnavailableSeats(seatmapXML, seatmap);
JSC.selectSeatsInCart(seatmap);
UI.convertLegendToDropdown("dropdownLegend");
Events.dropdownLegendOnChange("#dropdownLegend", seatmap, seatmapXML);
Events.dropdownLegendOnChange("#dropdownLegend");
JSC.addTrims(seatmapXML);
XMLHelper.processSMAP(inputsWithValue);
panzoom = UI.addPanzoom("#containerSeatmapInner", ".panzoomZoomIn", ".panzoomZoomOut", "#panzoomResetZoom");
XMLHelper.processSMAP();
config.state.panzoom = UI.addPanzoom("#containerSeatmapInner", ".panzoomZoomIn", ".panzoomZoomOut", "#panzoomResetZoom");
UI.controlLoftloader("hide");
UI.createSeatTooltips(inVenueXML);
UI.createSeatTooltips();
break;
}
@@ -138,12 +146,9 @@ function messageHandler(inE: any) {
}
else {
Cart.removeCartItems();
Cart.generateCartItems(inVenueXML, inputsWithValue);
console.log(inputsWithValue);
const url = XMLHelper.generateCheckoutUrl(inputsWithValue);
Cart.generateCartItems();
const url = XMLHelper.generateCheckoutUrl();
Events.addRedirectCheckout(url);
UI.showModalCart();
UI.showHideBtnCartLoading("hide");
}