117 lines
3.3 KiB
TypeScript
117 lines
3.3 KiB
TypeScript
import { isButtonClickedEvent } from '../Events/ButtonClickedEvent';
|
|
import type { ClosePopupEvent } from '../Events/ClosePopupEvent';
|
|
import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
|
|
import { apiCallback } from "./registeredCallbacks";
|
|
|
|
export class Popup {
|
|
constructor(private id: number) {
|
|
}
|
|
|
|
/**
|
|
* Closes the popup
|
|
*/
|
|
public close(): void {
|
|
sendToWorkadventure({
|
|
'type': 'closePopup',
|
|
'data': {
|
|
'popupId': this.id,
|
|
} as ClosePopupEvent
|
|
});
|
|
}
|
|
}
|
|
|
|
type ButtonClickedCallback = (popup: Popup) => void;
|
|
export interface ButtonDescriptor {
|
|
/**
|
|
* The label of the button
|
|
*/
|
|
label: string,
|
|
/**
|
|
* The type of the button. Can be one of "normal", "primary", "success", "warning", "error", "disabled"
|
|
*/
|
|
className?: "normal" | "primary" | "success" | "warning" | "error" | "disabled",
|
|
/**
|
|
* Callback called if the button is pressed
|
|
*/
|
|
callback: ButtonClickedCallback,
|
|
}
|
|
let popupId = 0;
|
|
const popups: Map<number, Popup> = new Map<number, Popup>();
|
|
const popupCallbacks: Map<number, Map<number, ButtonClickedCallback>> = new Map<number, Map<number, ButtonClickedCallback>>();
|
|
|
|
interface ZonedPopupOptions {
|
|
zone: string
|
|
objectLayerName?: string,
|
|
popupText: string,
|
|
delay?: number
|
|
popupOptions: Array<ButtonDescriptor>
|
|
}
|
|
|
|
|
|
class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiCommands> {
|
|
|
|
readonly subObjectIdentifier = "ui"
|
|
|
|
readonly addMethodsAtRoot = true
|
|
callbacks = [apiCallback({
|
|
type: "buttonClickedEvent",
|
|
typeChecker: isButtonClickedEvent,
|
|
callback: (payloadData) => {
|
|
const callback = popupCallbacks.get(payloadData.popupId)?.get(payloadData.buttonId);
|
|
const popup = popups.get(payloadData.popupId);
|
|
if (popup === undefined) {
|
|
throw new Error('Could not find popup with ID "' + payloadData.popupId + '"');
|
|
}
|
|
if (callback) {
|
|
callback(popup);
|
|
}
|
|
}
|
|
})];
|
|
|
|
|
|
openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup {
|
|
popupId++;
|
|
const popup = new Popup(popupId);
|
|
const btnMap = new Map<number, () => void>();
|
|
popupCallbacks.set(popupId, btnMap);
|
|
let id = 0;
|
|
for (const button of buttons) {
|
|
const callback = button.callback;
|
|
if (callback) {
|
|
btnMap.set(id, () => {
|
|
callback(popup);
|
|
});
|
|
}
|
|
id++;
|
|
}
|
|
|
|
sendToWorkadventure({
|
|
'type': 'openPopup',
|
|
'data': {
|
|
popupId,
|
|
targetObject,
|
|
message,
|
|
buttons: buttons.map((button) => {
|
|
return {
|
|
label: button.label,
|
|
className: button.className
|
|
};
|
|
})
|
|
}
|
|
});
|
|
|
|
popups.set(popupId, popup)
|
|
return popup;
|
|
}
|
|
|
|
displayBubble(): void {
|
|
sendToWorkadventure({ 'type': 'displayBubble', data: null });
|
|
}
|
|
|
|
removeBubble(): void {
|
|
sendToWorkadventure({ 'type': 'removeBubble', data: null });
|
|
}
|
|
}
|
|
|
|
export default new WorkAdventureUiCommands();
|