diff --git a/static/css/style.css b/static/css/style.css index 5c81844..1547300 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -251,6 +251,7 @@ table#board { } .dir-pill.up { background: #216e37; color: #b8f5c6; } .dir-pill.down { background: #8f2f29; color: #ffd0ca; } +.dir-pill.far { background: #b3362f; color: #ffd6c6; } /* FSK Badge */ .fsk { diff --git a/static/js/game.js b/static/js/game.js index 680429e..2f144ed 100644 --- a/static/js/game.js +++ b/static/js/game.js @@ -287,22 +287,21 @@ return `${formatMoney(row.value)}${arrowMoney(row.direction, row.diff)}`; } - // Pfeil mit Zahl (z.B. Jahr): ▲ 5 / ▼ 3 + // Pfeil nur (z.B. Jahr): ▲ / ▼ – bei >6 Jahren Abweichung in Rot function arrowDiff(dir, diff) { if (dir === "equal" || diff == null) return ""; const cls = dir === "up" ? "up" : "down"; const gly = dir === "up" ? "▲" : "▼"; - return `${gly} ${Math.abs(diff)}`; + const far = Math.abs(diff) > 6 ? " far" : ""; + return `${gly}`; } - // Pfeil mit Differenz in Geld (Budget) + // Pfeil nur (Budget): ▲ / ▼ function arrowMoney(dir, diff) { if (dir === "equal" || diff == null) return ""; const cls = dir === "up" ? "up" : "down"; const gly = dir === "up" ? "▲" : "▼"; - const n = Math.abs(diff); - const txt = n >= 1000000 ? (n / 1000000).toFixed(0) + " Mio $" : Math.round(n / 1000) + " Tsd $"; - return `${gly} ${txt}`; + return `${gly}`; } function cell(inner, status) {