Make it easier to determine which plane goes to which portal

This commit is contained in:
thepaperpilot 2023-05-19 08:25:42 -05:00
parent 4f80e00eb2
commit 11413ded2a
3 changed files with 18 additions and 1 deletions

View file

@ -657,7 +657,12 @@ export const portal = {
}), }),
outlineColor: node => outlineColor: node =>
(layers[(node.state as unknown as PortalState).id] as GenericPlane).background, (layers[(node.state as unknown as PortalState).id] as GenericPlane).background,
draggable: true draggable: true,
onClick(node) {
main.board.selectedNode.value = node;
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
layers[(node.state as unknown as PortalState).id]!.minimized.value = false;
}
} as NodeTypeOptions; } as NodeTypeOptions;
export const influence = { export const influence = {

View file

@ -1411,6 +1411,16 @@ export function createPlane(
); );
}); });
const findNode = createClickable(() => ({
display: {
description: "Select Portal Node"
},
onClick() {
main.board.selectedNode.value = main.portalNodes.value[id];
},
style: "min-height: 30px; width: 200px; margin-bottom: 20px"
}));
return { return {
tier: persistent(tier), tier: persistent(tier),
seed: persistent(seed), seed: persistent(seed),
@ -1498,6 +1508,7 @@ export function createPlane(
</StickyVue> </StickyVue>
)} )}
<SpacerVue height={earnedTreasures.value.length === length ? "30px" : "60px"} /> <SpacerVue height={earnedTreasures.value.length === length ? "30px" : "60px"} />
{render(findNode)}
{earnedTreasures.value.length === length ? ( {earnedTreasures.value.length === length ? (
<div> <div>
<h1 style="color: var(--layer-color)">Plane Complete!</h1> <h1 style="color: var(--layer-color)">Plane Complete!</h1>

View file

@ -978,6 +978,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
resourceNodes, resourceNodes,
toolNodes, toolNodes,
influenceNodes, influenceNodes,
portalNodes,
grantResource, grantResource,
activePortals, activePortals,
nextPowerCost, nextPowerCost,