updated card images
This commit is contained in:
+22
-9
@@ -22,6 +22,7 @@
|
||||
getWallFaceLetter,
|
||||
getWallTarotCard,
|
||||
resolveCardImageUrl,
|
||||
openTarotCardInfo,
|
||||
openTarotCardLightbox,
|
||||
MOTHER_CONNECTORS,
|
||||
formatDirectionName,
|
||||
@@ -48,6 +49,18 @@
|
||||
svg.setAttribute("role", "img");
|
||||
svg.setAttribute("aria-label", "Cube of Space interactive chassis");
|
||||
|
||||
function openTarotTarget(cardName, fallbackSrc, fallbackLabel) {
|
||||
if (typeof openTarotCardInfo === "function" && openTarotCardInfo(cardName) === true) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof openTarotCardLightbox === "function") {
|
||||
return openTarotCardLightbox(cardName, fallbackSrc, fallbackLabel);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
const wallById = new Map(walls.map((wall) => [normalizeId(wall?.id), wall]));
|
||||
const projectedVertices = projectVertices();
|
||||
const faces = Object.entries(FACE_GEOMETRY)
|
||||
@@ -144,14 +157,14 @@
|
||||
cardImg.addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
selectWall();
|
||||
openTarotCardLightbox(wallTarotCard, cardUrl, `${wall?.name || wallId} wall tarot card`);
|
||||
openTarotTarget(wallTarotCard, cardUrl, `${wall?.name || wallId} wall tarot card`);
|
||||
});
|
||||
cardImg.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Enter" || event.key === " ") {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
selectWall();
|
||||
openTarotCardLightbox(wallTarotCard, cardUrl, `${wall?.name || wallId} wall tarot card`);
|
||||
openTarotTarget(wallTarotCard, cardUrl, `${wall?.name || wallId} wall tarot card`);
|
||||
}
|
||||
});
|
||||
svg.appendChild(cardImg);
|
||||
@@ -263,14 +276,14 @@
|
||||
connectorImg.addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
selectConnector();
|
||||
openTarotCardLightbox(connectorTarotCard, connectorCardUrl, connector?.name || "Mother connector");
|
||||
openTarotTarget(connectorTarotCard, connectorCardUrl, connector?.name || "Mother connector");
|
||||
});
|
||||
connectorImg.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Enter" || event.key === " ") {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
selectConnector();
|
||||
openTarotCardLightbox(connectorTarotCard, connectorCardUrl, connector?.name || "Mother connector");
|
||||
openTarotTarget(connectorTarotCard, connectorCardUrl, connector?.name || "Mother connector");
|
||||
}
|
||||
});
|
||||
group.appendChild(connectorImg);
|
||||
@@ -336,7 +349,7 @@
|
||||
|
||||
const selectEdge = () => {
|
||||
state.selectedEdgeId = edgeId;
|
||||
state.selectedNodeType = "wall";
|
||||
state.selectedNodeType = "edge";
|
||||
state.selectedConnectorId = null;
|
||||
if (!edgeWalls.includes(normalizeId(state.selectedWallId)) && edgeWalls[0]) {
|
||||
state.selectedWallId = edgeWalls[0];
|
||||
@@ -399,14 +412,14 @@
|
||||
cardImg.addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
selectEdge();
|
||||
openTarotCardLightbox(edgeTarotCard, edgeCardUrl, edge?.name || "Cube edge");
|
||||
openTarotTarget(edgeTarotCard, edgeCardUrl, edge?.name || "Cube edge");
|
||||
});
|
||||
cardImg.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Enter" || event.key === " ") {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
selectEdge();
|
||||
openTarotCardLightbox(edgeTarotCard, edgeCardUrl, edge?.name || "Cube edge");
|
||||
openTarotTarget(edgeTarotCard, edgeCardUrl, edge?.name || "Cube edge");
|
||||
}
|
||||
});
|
||||
marker.appendChild(cardImg);
|
||||
@@ -486,7 +499,7 @@
|
||||
state.selectedNodeType = "center";
|
||||
state.selectedConnectorId = null;
|
||||
render(getElements());
|
||||
openTarotCardLightbox(centerTarotCard, centerCardUrl, "Primal Point");
|
||||
openTarotTarget(centerTarotCard, centerCardUrl, "Primal Point");
|
||||
});
|
||||
centerImg.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Enter" || event.key === " ") {
|
||||
@@ -495,7 +508,7 @@
|
||||
state.selectedNodeType = "center";
|
||||
state.selectedConnectorId = null;
|
||||
render(getElements());
|
||||
openTarotCardLightbox(centerTarotCard, centerCardUrl, "Primal Point");
|
||||
openTarotTarget(centerTarotCard, centerCardUrl, "Primal Point");
|
||||
}
|
||||
});
|
||||
centerMarker.appendChild(centerImg);
|
||||
|
||||
Reference in New Issue
Block a user