highlight colours for noobs

This commit is contained in:
Mashy 2019-10-22 20:07:33 +10:00
parent 4edeb6d315
commit ec3a2a0ce5

View File

@ -97,7 +97,7 @@ function Vbox(args) {
const { const {
combiner, combiner,
navInstance, navInstance,
// instance, instance,
itemInfo, itemInfo,
player, player,
reclaiming, reclaiming,
@ -161,6 +161,14 @@ function Vbox(args) {
function availableBtn(v, group, index) { function availableBtn(v, group, index) {
if (!v) return <button disabled class='empty' >&nbsp;</button>; if (!v) return <button disabled class='empty' >&nbsp;</button>;
const tutorial = instance.time_control === 'Practice'
&& instance.rounds.length === 1
&& group === 0
&& combiner.length === 0
&& vboxSelected.length === 0
&& vbox.bits > 10
&& vbox.free[0].filter(c => c).length > 4
? 'combo-border' : null;
const selected = vboxSelected[0] === group && vboxSelected[1] === index; const selected = vboxSelected[0] === group && vboxSelected[1] === index;
@ -194,7 +202,7 @@ function Vbox(args) {
} return false; } return false;
}) ? 'combo-border' : ''; }) ? 'combo-border' : '';
const classes = `${v.toLowerCase()} ${selected ? 'highlight' : ''} ${comboHighlight}`; const classes = `${v.toLowerCase()} ${selected ? 'highlight' : ''} ${comboHighlight} ${tutorial}`;
if (shapes[v]) { if (shapes[v]) {
return ( return (