diff --git a/src/components/ScoreBoard.component.js b/src/components/ScoreBoard.component.js index b584179..3e837f3 100644 --- a/src/components/ScoreBoard.component.js +++ b/src/components/ScoreBoard.component.js @@ -1,6 +1,6 @@ import {Component} from '../../lib/vues6.js' import game_service from '../services/GameState.service.js' -import {Player} from '../module/util.js' +import {Player, GameState} from '../module/util.js' const template = `
@@ -15,12 +15,12 @@ const template = ` progress - Player 1 + {{ current_player === Player.One ? '➜ ' : '' }}Player 1{{ winning_player === Player.One ? ' ★' : '' }} {{player_one_score}} {{player_one_progress * 100}}% - Player 2 + {{ current_player === Player.Two ? '➜ ' : '' }}Player 2{{ winning_player === Player.Two ? ' ★' : '' }} {{player_two_score}} {{player_two_progress * 100}}% @@ -36,6 +36,10 @@ export default class ScoreBoardComponent extends Component { player_two_score = 0 player_one_progress = 0 player_two_progress = 0 + current_player = undefined + winning_player = undefined + + Player = Player async vue_on_create() { game_service.on_state_change(() => { @@ -51,5 +55,12 @@ export default class ScoreBoardComponent extends Component { this.player_two_score = game_service.get_player_score(Player.Two) this.player_one_progress = game_service.get_progress(Player.One) this.player_two_progress = game_service.get_progress(Player.Two) + + if ( game_service.get_game_state() !== GameState.PlayerVictory ) + this.current_player = game_service.get_current_player() + else { + this.current_player = undefined + this.winning_player = game_service.get_current_player() + } } } diff --git a/src/components/TopLevel.component.js b/src/components/TopLevel.component.js index 2b8611d..b2f5a3d 100644 --- a/src/components/TopLevel.component.js +++ b/src/components/TopLevel.component.js @@ -204,7 +204,7 @@ export default class TopLevelComponent extends Component { // Give the user time to see whether they hit or not setTimeout(() => { game_service.advance_game_state() - }, 5000) + }, 2000) } }