+
+ *ngIf="ctx.player.session && !ctx.player.session.isBefore && (ctx.player.session.isAfter || isCountdownOver)"
+ class="text-danger">
Game Over
- Time Remaining:
-
+
+ Time Remaining:
+
{{ (countdown$ | async) || 0 | countdown }}
diff --git a/projects/gameboard-ui/src/app/game/pages/game-page/game-page.component.ts b/projects/gameboard-ui/src/app/game/pages/game-page/game-page.component.ts
index d60f55805..802a30a6a 100644
--- a/projects/gameboard-ui/src/app/game/pages/game-page/game-page.component.ts
+++ b/projects/gameboard-ui/src/app/game/pages/game-page/game-page.component.ts
@@ -246,7 +246,7 @@ export class GamePageComponent implements OnDestroy {
}
private showModal(resettingPlayerName?: string): void {
- const resetInitiator = resettingPlayerName ? `your teammate "${resettingPlayerName}"` : "an administrator";
+ const resetInitiator = resettingPlayerName ? `your teammate **${resettingPlayerName}**` : "an **administrator**";
this.modalService.openConfirm({
title: "Session reset",
diff --git a/projects/gameboard-ui/src/app/game/pages/gameboard-page/gameboard-page.component.scss b/projects/gameboard-ui/src/app/game/pages/gameboard-page/gameboard-page.component.scss
index c5a58a006..4e0766bc4 100644
--- a/projects/gameboard-ui/src/app/game/pages/gameboard-page/gameboard-page.component.scss
+++ b/projects/gameboard-ui/src/app/game/pages/gameboard-page/gameboard-page.component.scss
@@ -1,3 +1,5 @@
+@import "../../../../scss/variables";
+
.jumbotron {
img {
max-height: 150px;
@@ -37,15 +39,15 @@
}
.countdown-green {
- color: rgb(0, 191, 0);
+ color: $success;
}
.countdown-yellow {
- color: rgb(236, 236, 130);
+ color: $warning;
}
.countdown-red {
- color: rgb(255, 53, 53);
+ color: $danger;
}
// Uses a 16 : 10 ratio, but can be changed here