Initial commit

src/js/game/hud/parts/unlock_notification.js

@@ -0,0 +1,122 @@
+import { BaseHUDPart } from "../base_hud_part";
+import { makeDiv } from "../../../core/utils";
+import { DynamicDomAttach } from "../dynamic_dom_attach";
+import { gMetaBuildingRegistry } from "../../../core/global_registries";
+import { MetaBuilding } from "../../meta_building";
+import { MetaSplitterBuilding } from "../../buildings/splitter";
+import { MetaCutterBuilding } from "../../buildings/cutter";
+import { enumHubGoalRewards } from "../../tutorial_goals";
+import { MetaTrashBuilding } from "../../buildings/trash";
+import { MetaMinerBuilding } from "../../buildings/miner";
+import { MetaPainterBuilding } from "../../buildings/painter";
+import { MetaMixerBuilding } from "../../buildings/mixer";
+import { MetaRotaterBuilding } from "../../buildings/rotater";
+import { MetaStackerBuilding } from "../../buildings/stacker";
+import { MetaUndergroundBeltBuilding } from "../../buildings/underground_belt";
+import { globalConfig } from "../../../core/config";
+
+export class HUDUnlockNotification extends BaseHUDPart {
+    initialize() {
+        this.visible = false;
+
+        this.domAttach = new DynamicDomAttach(this.root, this.element, {
+            timeToKeepSeconds: 0,
+        });
+
+        if (!(G_IS_DEV && globalConfig.debug.disableUnlockDialog)) {
+            this.root.signals.storyGoalCompleted.add(this.showForLevel, this);
+        }
+    }
+
+    shouldPauseGame() {
+        return this.visible;
+    }
+
+    createElements(parent) {
+        this.element = makeDiv(parent, "ingame_HUD_UnlockNotification", []);
+
+        const dialog = makeDiv(this.element, null, ["dialog"]);
+
+        this.elemTitle = makeDiv(dialog, null, ["title"], ``);
+        this.elemSubTitle = makeDiv(dialog, null, ["subTitle"], `Completed`);
+
+        this.elemContents = makeDiv(
+            dialog,
+            null,
+            ["contents"],
+            `
+            Ready for the next one? 
+        `
+        );
+
+        this.btnClose = document.createElement("button");
+        this.btnClose.classList.add("close", "styledButton");
+        this.btnClose.innerText = "Next level";
+        dialog.appendChild(this.btnClose);
+
+        this.trackClicks(this.btnClose, this.close);
+    }
+
+    showForLevel(level, reward) {
+        this.elemTitle.innerText = "Level " + ("" + level).padStart(2, "0");
+
+        let html = `<span class='reward'>Unlocked ${reward}!</span>`;
+
+        const addBuildingExplanation = metaBuildingClass => {
+            const metaBuilding = gMetaBuildingRegistry.findByClass(metaBuildingClass);
+            html += `<div class="buildingExplanation" data-icon="building_tutorials/${metaBuilding.getId()}.png"></div>`;
+        };
+
+        switch (reward) {
+            case enumHubGoalRewards.reward_cutter_and_trash: {
+                addBuildingExplanation(MetaCutterBuilding);
+                addBuildingExplanation(MetaTrashBuilding);
+                break;
+            }
+            case enumHubGoalRewards.reward_mixer: {
+                addBuildingExplanation(MetaMixerBuilding);
+                break;
+            }
+
+            case enumHubGoalRewards.reward_painter: {
+                addBuildingExplanation(MetaPainterBuilding);
+                break;
+            }
+
+            case enumHubGoalRewards.reward_rotater: {
+                addBuildingExplanation(MetaRotaterBuilding);
+                break;
+            }
+
+            case enumHubGoalRewards.reward_splitter: {
+                addBuildingExplanation(MetaSplitterBuilding);
+                break;
+            }
+
+            case enumHubGoalRewards.reward_stacker: {
+                addBuildingExplanation(MetaStackerBuilding);
+                break;
+            }
+
+            case enumHubGoalRewards.reward_tunnel: {
+                addBuildingExplanation(MetaUndergroundBeltBuilding);
+                break;
+            }
+        }
+
+        // addBuildingExplanation(MetaSplitterBuilding);
+        // addBuildingExplanation(MetaCutterBuilding);
+
+        this.elemContents.innerHTML = html;
+
+        this.visible = true;
+    }
+
+    close() {
+        this.visible = false;
+    }
+
+    update() {
+        this.domAttach.update(this.visible);
+    }
+}