You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.7 KiB
56 lines
1.7 KiB
import { makeDiv } from "../../../core/utils";
|
|
import { T } from "../../../translations";
|
|
import { BaseHUDPart } from "../base_hud_part";
|
|
|
|
/** @enum {string} */
|
|
export const enumNotificationType = {
|
|
saved: "saved",
|
|
upgrade: "upgrade",
|
|
success: "success",
|
|
};
|
|
|
|
const notificationDuration = 3;
|
|
|
|
export class HUDNotifications extends BaseHUDPart {
|
|
createElements(parent) {
|
|
this.element = makeDiv(parent, "ingame_HUD_Notifications", [], ``);
|
|
}
|
|
|
|
initialize() {
|
|
this.root.hud.signals.notification.add(this.onNotification, this);
|
|
|
|
/** @type {Array<{ element: HTMLElement, expireAt: number}>} */
|
|
this.notificationElements = [];
|
|
|
|
// Automatic notifications
|
|
this.root.signals.gameSaved.add(() =>
|
|
this.onNotification(T.ingame.notifications.gameSaved, enumNotificationType.saved)
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param {string} message
|
|
* @param {enumNotificationType} type
|
|
*/
|
|
onNotification(message, type) {
|
|
const element = makeDiv(this.element, null, ["notification", "type-" + type], message);
|
|
element.setAttribute("data-icon", "icons/notification_" + type + ".png");
|
|
|
|
this.notificationElements.push({
|
|
element,
|
|
expireAt: this.root.time.realtimeNow() + notificationDuration,
|
|
});
|
|
}
|
|
|
|
update() {
|
|
const now = this.root.time.realtimeNow();
|
|
for (let i = 0; i < this.notificationElements.length; ++i) {
|
|
const handle = this.notificationElements[i];
|
|
if (handle.expireAt <= now) {
|
|
handle.element.remove();
|
|
this.notificationElements.splice(i, 1);
|
|
}
|
|
}
|
|
}
|
|
}
|