window.game.set_players_answering(state.players_answering);
+ window.game.set_answering_idle(state.answering_idle);
+
window.game.set_end_answers(state.end_answers);
window.game.set_ambiguities(state.ambiguities);
window.game.set_player_answering(player);
});
+events.addEventListener("answering-idle", event => {
+ const value = JSON.parse(event.data);
+
+ window.game.set_answering_idle(value);
+});
+
events.addEventListener("vote-end-answers", event => {
const player = JSON.parse(event.data);
}
render() {
+ let move_on_button = null;
+ if (this.props.idle) {
+ move_on_button =(
+ <button
+ className="vote-button"
+ onClick={() => fetch_post_json(`end-answers/${this.props.prompt.id}`) }
+ >
+ Move On
+ <div className="vote-choices">
+ {[...this.props.votes].map(v => {
+ return (
+ <div
+ key={v}
+ className="vote-choice"
+ >
+ {v}
+ </div>
+ );
+ })}
+ </div>
+ </button>
+ );
+ }
+
if (this.props.players_answered.has(this.props.player.name)) {
return (
<div className="please-wait">
);
})}
</ul>
- <button
- className="vote-button"
- onClick={() => fetch_post_json(`end-answers/${this.props.prompt.id}`) }
- >
- Move On
- <div className="vote-choices">
- {[...this.props.votes].map(v => {
- return (
- <div
- key={v}
- className="vote-choice"
- >
- {v}
- </div>
- );
- })}
- </div>
- </button>
+ {move_on_button}
</div>
);
active_prompt: null,
players_answered: new Set(),
players_answering: {},
+ answering_idle: false,
end_answers_votes: new Set(),
ambiguities: null,
players_judged: new Set(),
active_prompt: null,
players_answered: new Set(),
players_answering: {},
+ answering_idle: false,
end_answers_votes: new Set(),
ambiguities: null,
players_judged: new Set(),
});
}
+ set_answering_idle(value) {
+ this.setState({
+ answering_idle: value
+ });
+ }
+
set_end_answers(players) {
this.setState({
end_answers_votes: new Set(players)
player={state.player_info}
players_answered={state.players_answered}
players_answering={state.players_answering}
+ idle={state.answering_idle}
votes={state.end_answers_votes}
/>;
}