54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
/// <reference path="../common/UIComponent.ts" />
|
|
|
|
module TS.SpaceTac.UI {
|
|
/**
|
|
* Base class for modal dialogs
|
|
*
|
|
* When a modal dialog opens, an overlay is displayed behind it to prevent clicking through it
|
|
*/
|
|
export class UIDialog extends UIComponent {
|
|
constructor(parent: BaseView, width = 1495, height = 1080, background = "common-dialog") {
|
|
super(parent, width, height, background);
|
|
|
|
if (parent.dialogs_layer.children.length == 0) {
|
|
this.addOverlay(parent.dialogs_layer);
|
|
}
|
|
|
|
this.view.audio.playOnce("ui-dialog-open");
|
|
|
|
this.moveToLayer(parent.dialogs_layer);
|
|
this.setPositionInsideParent(0.5, 0.5);
|
|
}
|
|
|
|
/**
|
|
* Add a control-capturing overlay
|
|
*/
|
|
addOverlay(layer: Phaser.Group): void {
|
|
let overlay = layer.game.add.button(0, 0, "common-transparent", () => null);
|
|
overlay.input.useHandCursor = false;
|
|
overlay.scale.set(this.view.getWidth() / overlay.width, this.view.getHeight() / overlay.height);
|
|
layer.add(overlay);
|
|
}
|
|
|
|
/**
|
|
* Add a close button
|
|
*/
|
|
addCloseButton(key = "common-dialog-close", x = 1325, y = 131, frame = 0, frame_hover = 1): void {
|
|
this.addButton(x, y, () => this.close(), key, frame, frame_hover, "Close this dialog");
|
|
}
|
|
|
|
/**
|
|
* Close the dialog, removing the overlay if needed
|
|
*/
|
|
close() {
|
|
this.destroy();
|
|
|
|
this.view.audio.playOnce("ui-dialog-close");
|
|
|
|
if (this.view.dialogs_layer.children.length == 1) {
|
|
this.view.dialogs_layer.removeAll(true);
|
|
}
|
|
}
|
|
}
|
|
}
|