Evenementer · JavaScript-Client

De Checkout mellt zeréck un är Säit, wat en mécht. Abonnéiert iech mat on():

JavaScript

entase.on('checkout.ready', payload => {
  console.log('checkout open for', payload.context.eventID);
});

Ee Listener pro Evenementsnumm

on() späichert ee Callback pro Evenementsnumm. D'Aschreiwe vun engem zweete Callback mam selwechten Numm ersetzt deen éischten – et gëtt net dozou bäigefüügt:

JavaScript

entase.on('checkout.closed', a);
entase.on('checkout.closed', b);   // a is gone; only b runs

off() läscht dat, wat fir en Numm ageschriwwen ass. Et ignoréiert all Callback, deen der iwwergitt, dofir maachen off('checkout.closed', b) an off('checkout.closed') datselwecht.

Wa verschidden Deeler vun ärer Säit op datselwecht Evenement reagéiere mussen, schreift ee Callback an a verdeelt vu bannen eraus.

Gläichzäiteg op verschidden Evenementer abonnéieren

Béid Methode akzeptéieren eng duerch Leerzeechen getrennte Kette oder en Array vun Nimm a schreiwen dee selwechte Callback fir all eenzelen an:

JavaScript

entase.on('checkout.ready checkout.closed', payload => {
  console.log(payload.name);
});

entase.off(['checkout.ready', 'checkout.closed']);

De Payload

All Callback kritt een Objet:

Feld	Typ	Beschreiwung
`name`	string	Den Evenementsnumm, nëtzlech wann ee Callback der méi behandelt.
`context`	object	Enthält `eventID` – d'Evenement, zu deem dëse Checkout gehéiert.
`data`	object	Detailer, déi spezifesch fir d'Evenement sinn.

Verfügbar Evenementer

Numm	Wéini et ausgeléist gëtt
`checkout.ready`	De Checkout ass gelueden a prett fir Interaktiounen. Dann iwwergëtt de Client och de `clientContext`, deen der un `book()` iwwerginn hutt.
`checkout.closed`	De Checkout ass zougemaach ginn. De Client baut de Panel oder d'Fënster of a läscht den Hannergrondschleier.
`checkout.consent`	De Visiteur huet op den Hiweis zu de Bedéngunge geäntwert. `data.consent` ass `true`, wa si zougestëmmt hunn, an de Client späichert dat, fir datt dëse Schrëtt déi nächst Kéier iwwerspronge gëtt.

JavaScript

entase.on('checkout.closed', () => {
  document.body.classList.remove('checkout-open');
});

entase.on('checkout.consent', payload => {
  if (payload.data.consent) console.log('terms accepted');
});

Listener bleiwen iwwer eenzel Buchungen erhale

Listener gehéieren zur Instanz, net zu enger Buchung. Schreift se eemol an, nodeems der de Client erstallt hutt, a si gëlle fir all book()-Opruff. Benotzt payload.context.eventID, fir Buchungen auserneenzehalen:

JavaScript

const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });

entase.on('checkout.closed', payload => {
  refreshAvailability(payload.context.eventID);
});

Den Opruff vu destroy() stoppt se all – d'Instanz lauschtert dann iwwerhaapt net méi op Messagë vum Checkout.

Messagë vun anere Quelle ginn ignoréiert

De Client akzeptéiert nëmme Messagë vum Entase-Checkout-Origin, dofir erreecht net-zesummenhängenden postMessage-Trafic op ärer Säit ni är Callbacks.