jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Road corners are correct

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-05 14:58:40 -08:00
parent 5cd124b24f
commit ac961b7a55
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
client/src/Board.js
View File

@ -35,13 +35,30 @@ const Board = ({ game }) => {
const Road = ({road}) => {
const onClick = (event) => {
console.log(`Road clicked: ${road.index}`);
const nodes = document.querySelectorAll('.Road.Selected');
let nodes = document.querySelectorAll('.Road.Selected');
for (let i = 0; i < nodes.length; i++) {
const el = nodes[i];
if (el !== event.target) {
el.classList.remove('Selected');
}
}
nodes = document.querySelectorAll('.Corner.Selected');
for (let i = 0; i < nodes.length; i++) {
const el = nodes[i];
if (el !== event.target) {
el.classList.remove('Selected');
}
}
game.layout.roads[road.index].corners.forEach(index => {
const el = document.querySelector(`.Corner[data-index="${index}"]`);
if (!el) {
console.log(`Unable to find corner[${index}]`);
} else {
el.classList.add('Selected');
}
});
event.target.setAttribute("data-color", game.color);
event.target.classList.toggle('Selected');
};
@ -53,7 +70,7 @@ const Board = ({ game }) => {
top: `${road.top}px`,
left: `${road.left}px`
}}
></div>;
>{road.index}</div>;
};
const Corner = ({corner}) => {
@ -93,7 +110,7 @@ const Board = ({ game }) => {
top: `${corner.top}px`,
left: `${corner.left}px`
}}
>{corner.index}</div>;
></div>;
};
const generateRoads = () => {
@ -374,10 +391,10 @@ const Board = ({ game }) => {
{ tiles }
{ pips }
{ game && <>
<div className="Corners" disabled={game.state !== 'active'}>
<div className="Corners" disabled={true || game.state !== 'active'}>
{ corners }
</div>
<div className="Roads" disabled={true || game.state !== 'active'}>
<div className="Roads" disabled={game.state !== 'active'}>
{ roads }
</div>
</> }