|
|
@ -239,9 +239,15 @@ function trackDrawBlock(ctx, blockelm) {
|
|
|
|
if (blockelm.dir == 1 || blockelm.dir == 2) { // 1 .. | 2.. -
|
|
|
|
if (blockelm.dir == 1 || blockelm.dir == 2) { // 1 .. | 2.. -
|
|
|
|
let x1, y1, x2, y2, a, b;
|
|
|
|
let x1, y1, x2, y2, a, b;
|
|
|
|
let text, color;
|
|
|
|
let text, color;
|
|
|
|
|
|
|
|
let block;
|
|
|
|
|
|
|
|
|
|
|
|
// select color depending on referecedBy
|
|
|
|
// select color depending on referecedBy
|
|
|
|
|
|
|
|
for (var i = 0; i < blocks.length; i++) {
|
|
|
|
|
|
|
|
if (blockelm.name == blocks[i].name) {
|
|
|
|
|
|
|
|
block = blocks[i];
|
|
|
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Fill Box
|
|
|
|
// Fill Box
|
|
|
|
x1 = 0 * track.scale + 2;
|
|
|
|
x1 = 0 * track.scale + 2;
|
|
|
@ -259,7 +265,9 @@ function trackDrawBlock(ctx, blockelm) {
|
|
|
|
y1 = y1 + (blockelm.y) * track.scale;
|
|
|
|
y1 = y1 + (blockelm.y) * track.scale;
|
|
|
|
y2 = y2 + (blockelm.y) * track.scale;
|
|
|
|
y2 = y2 + (blockelm.y) * track.scale;
|
|
|
|
|
|
|
|
|
|
|
|
if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-bg-locked');
|
|
|
|
// debug ("Flags:" + Number(blockelm.flags) + " Res:" + (Number(blockelm.flags) & BLOCK_F_OFF));
|
|
|
|
|
|
|
|
if (block && Number(block.flags) & BLOCK_F_OFF) ctx.fillStyle = cssVar('--block-bg-closed');
|
|
|
|
|
|
|
|
else if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-bg-locked');
|
|
|
|
else ctx.fillStyle = cssVar('--block-bg');
|
|
|
|
else ctx.fillStyle = cssVar('--block-bg');
|
|
|
|
ctx.fillRect (x1, y1, (x2-x1), (y2-y1));
|
|
|
|
ctx.fillRect (x1, y1, (x2-x1), (y2-y1));
|
|
|
|
|
|
|
|
|
|
|
@ -280,7 +288,8 @@ function trackDrawBlock(ctx, blockelm) {
|
|
|
|
|
|
|
|
|
|
|
|
ctx.font = "10px Arial";
|
|
|
|
ctx.font = "10px Arial";
|
|
|
|
ctx.textAlign = "center";
|
|
|
|
ctx.textAlign = "center";
|
|
|
|
if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-fg-locked');
|
|
|
|
if (block && Number(block.flags) & BLOCK_F_OFF) ctx.fillStyle = cssVar('--block-fg-closed');
|
|
|
|
|
|
|
|
else if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-fg-locked');
|
|
|
|
else ctx.fillStyle = cssVar('--block-fg');
|
|
|
|
else ctx.fillStyle = cssVar('--block-fg');
|
|
|
|
ctx.fillText(blockelm.name, x1, y1);
|
|
|
|
ctx.fillText(blockelm.name, x1, y1);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
@ -292,7 +301,8 @@ function trackDrawBlock(ctx, blockelm) {
|
|
|
|
ctx.rotate(-Math.PI/2);
|
|
|
|
ctx.rotate(-Math.PI/2);
|
|
|
|
ctx.font = "10px Arial";
|
|
|
|
ctx.font = "10px Arial";
|
|
|
|
ctx.textAlign = "center";
|
|
|
|
ctx.textAlign = "center";
|
|
|
|
if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-fg-locked');
|
|
|
|
if (block && Number(block.flags) & BLOCK_F_OFF) ctx.fillStyle = cssVar('--block-fg-closed');
|
|
|
|
|
|
|
|
else if (blockelm.lockedby && blockelm.lockedby != "") ctx.fillStyle = cssVar('--block-fg-locked');
|
|
|
|
else ctx.fillStyle = cssVar('--block-fg');
|
|
|
|
else ctx.fillStyle = cssVar('--block-fg');
|
|
|
|
ctx.fillText(blockelm.name, 0, 0);
|
|
|
|
ctx.fillText(blockelm.name, 0, 0);
|
|
|
|
ctx.restore();
|
|
|
|
ctx.restore();
|
|
|
|