+
@for (map of selectedMaps; track $index) {
}
diff --git a/src/app/mapban-ui/mapban-ui.component.ts b/src/app/overlays/mapban-overlay/mapban-overlay.component.ts
similarity index 80%
rename from src/app/mapban-ui/mapban-ui.component.ts
rename to src/app/overlays/mapban-overlay/mapban-overlay.component.ts
index 2acf71de..7f8cb49f 100644
--- a/src/app/mapban-ui/mapban-ui.component.ts
+++ b/src/app/overlays/mapban-overlay/mapban-overlay.component.ts
@@ -1,23 +1,15 @@
-import { trigger, transition, style, animate } from "@angular/animations";
import { AfterViewInit, Component, inject, OnInit } from "@angular/core";
import { ActivatedRoute } from "@angular/router";
-import { SocketService } from "../services/SocketService";
-import { Config } from "../shared/config";
-import { MapbanMapComponent } from "./mapban-map/mapban-map.component";
+import { SocketService } from "../../services/SocketService";
+import { Config } from "../../shared/config";
+import { MapbanMapComponent } from "../../components/mapban/mapban-map/mapban-map.component";
@Component({
standalone: true,
imports: [MapbanMapComponent],
- selector: "app-mapban-ui",
- templateUrl: "./mapban-ui.component.html",
- styleUrl: "./mapban-ui.component.css",
- animations: [
- trigger("fade", [
- transition(":enter", [style({ opacity: "0" }), animate("0.5s", style({ opacity: "1" }))]),
-
- transition(":leave", animate("0.5s", style({ opacity: "0" }))),
- ]),
- ],
+ selector: "app-mapban-overlay",
+ templateUrl: "./mapban-overlay.component.html",
+ styleUrl: "./mapban-overlay.component.css",
})
export class MapbanUiComponent implements OnInit, AfterViewInit {
private route = inject(ActivatedRoute);
diff --git a/src/app/overlays/match-overlay/match-overlay.component.css b/src/app/overlays/match-overlay/match-overlay.component.css
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/overlays/match-overlay/match-overlay.component.html b/src/app/overlays/match-overlay/match-overlay.component.html
new file mode 100644
index 00000000..5fdc38d0
--- /dev/null
+++ b/src/app/overlays/match-overlay/match-overlay.component.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/overlays/match-overlay/match-overlay.component.ts b/src/app/overlays/match-overlay/match-overlay.component.ts
new file mode 100644
index 00000000..c539cd95
--- /dev/null
+++ b/src/app/overlays/match-overlay/match-overlay.component.ts
@@ -0,0 +1,41 @@
+import { Component, inject } from "@angular/core";
+import { ScoreboardComponent } from "../../components/shopping/scoreboard/scoreboard.component";
+import { DataModelService } from "../../services/dataModel.service";
+import { SeriesMapsComponent } from "../../components/top/auxiliary/series-maps/series-maps.component";
+import { RoundNumberComponent } from "../../components/top/match/round-number/round-number.component";
+import { TopTeamInfoComponent } from "../../components/top/match/team-info/team-info.component";
+import { SpikePlantedComponent } from "../../components/top/match/spike-planted/spike-planted.component";
+import { SeriesWinsComponent } from "../../components/top/auxiliary/series-wins/series-wins.component";
+import { SponsorBoxComponent } from "../../components/top/auxiliary/sponsor-box/sponsor-box.component";
+import { WatermarkComponent } from "../../components/top/auxiliary/watermark/watermark.component";
+import { RoundreasonsComponent } from "../../components/shopping/roundreasons/roundreasons.component";
+import { CombatPlayerListComponent } from "../../components/combat/player-list/player-list.component";
+import { PlayercamsComponent } from "../../components/combat/playercams/playercams.component";
+import { EndroundBannerComponent } from "../../components/combat/endround-banner/endround-banner.component";
+import { TimeoutComponent } from "../../components/common/timeout/timeout.component";
+import { TopBackgroundComponent } from "../../components/top/match/background/background.component";
+
+@Component({
+ selector: "app-match-overlay",
+ imports: [
+ ScoreboardComponent,
+ SeriesMapsComponent,
+ RoundNumberComponent,
+ TopTeamInfoComponent,
+ SpikePlantedComponent,
+ SeriesWinsComponent,
+ SponsorBoxComponent,
+ WatermarkComponent,
+ RoundreasonsComponent,
+ CombatPlayerListComponent,
+ PlayercamsComponent,
+ EndroundBannerComponent,
+ TimeoutComponent,
+ TopBackgroundComponent,
+ ],
+ templateUrl: "./match-overlay.component.html",
+ styleUrl: "./match-overlay.component.css",
+})
+export class MatchOverlayComponent {
+ dataModel = inject(DataModelService);
+}
diff --git a/src/app/overlays/testing-agent-select/testing-agent-select.component.css b/src/app/overlays/testing-agent-select/testing-agent-select.component.css
new file mode 100644
index 00000000..fa92d779
--- /dev/null
+++ b/src/app/overlays/testing-agent-select/testing-agent-select.component.css
@@ -0,0 +1,12 @@
+button {
+ color: white;
+ background-color: #0f1923d9;
+ border: 2px groove gray;
+ padding: 4px;
+ font-family: Montserrat, Helvetica;
+ max-height: 28px;
+ font-size: 13.333px;
+ line-height: normal;
+ box-sizing: border-box;
+ cursor: pointer;
+}
diff --git a/src/app/overlays/testing-agent-select/testing-agent-select.component.html b/src/app/overlays/testing-agent-select/testing-agent-select.component.html
new file mode 100644
index 00000000..8b64b097
--- /dev/null
+++ b/src/app/overlays/testing-agent-select/testing-agent-select.component.html
@@ -0,0 +1,21 @@
+
+
+
+ @for (team of dataModel.teams(); track $index; let teamIndex = $index) {
+
+ @for (player of team.players; track $index) {
+
+
+
+
+
+ }
+
+ }
+
diff --git a/src/app/overlays/testing-agent-select/testing-agent-select.component.ts b/src/app/overlays/testing-agent-select/testing-agent-select.component.ts
new file mode 100644
index 00000000..ee94b053
--- /dev/null
+++ b/src/app/overlays/testing-agent-select/testing-agent-select.component.ts
@@ -0,0 +1,581 @@
+import { Component, inject, OnInit } from "@angular/core";
+import { AgentSelectOverlayComponent } from "../agent-select-overlay/agent-select-overlay.component";
+import { DataModelService } from "../../services/dataModel.service";
+import { IMatchData } from "../../services/Types";
+
+@Component({
+ selector: "app-testing-agent-select",
+ imports: [AgentSelectOverlayComponent],
+ templateUrl: "./testing-agent-select.component.html",
+ styleUrl: "./testing-agent-select.component.css",
+})
+export class TestingAgentSelectComponent implements OnInit {
+ readonly dataModel = inject(DataModelService);
+
+ ngOnInit(): void {
+ const match: IMatchData = {
+ groupCode: "A",
+ isRanked: false,
+ isRunning: true,
+ roundNumber: 0,
+ roundPhase: "LOBBY",
+ spikeState: { planted: false, defused: false, detonated: false },
+ map: "Ascent",
+ switchRound: 12,
+ firstOtRound: 25,
+ showAliveKDA: true,
+ attackersWon: false,
+ tools: {
+ seriesInfo: {
+ needed: 3,
+ wonLeft: 2,
+ wonRight: 2,
+ mapInfo: [
+ {
+ type: "past",
+ map: "Fracture",
+ left: {
+ score: 13,
+ logo: "assets/misc/icon.webp",
+ },
+ right: {
+ score: 9,
+ logo: "assets/misc/icon.webp",
+ },
+ },
+ {
+ type: "present",
+ logo: "assets/misc/icon.webp",
+ },
+ {
+ type: "future",
+ map: "Haven",
+ logo: "assets/misc/icon.webp",
+ },
+ ],
+ },
+ seedingInfo: {
+ left: "Group A",
+ right: "Group B",
+ },
+ tournamentInfo: {
+ enabled: true,
+ name: "",
+ logoUrl: "",
+ backdropUrl: "",
+ },
+ timeoutDuration: 60,
+ sponsorInfo: {
+ enabled: true,
+ duration: 5000,
+ sponsors: ["assets/misc/logo.webp", "assets/misc/icon.webp"],
+ },
+ watermarkInfo: {
+ customText: "",
+ customTextEnabled: false,
+ spectraWatermark: true,
+ },
+ playercamsInfo: {
+ enable: false,
+ },
+ nameOverrides: {
+ overrides: [],
+ },
+ },
+ timeoutState: {
+ techPause: false,
+ leftTeam: false,
+ rightTeam: false,
+ timeRemaining: 0,
+ },
+ teams: [
+ {
+ players: [
+ {
+ name: "Testg",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Vampire",
+ locked: false,
+ isObserved: false,
+ armorName: "",
+ money: 0,
+ moneySpent: 0,
+ highestWeapon: "",
+ isCaptain: false,
+ currUltPoints: 0,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Smonk",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ ],
+ teamName: "The Naturals",
+ teamUrl: "assets/misc/icon.webp",
+ teamTricode: "INT",
+ spentThisRound: 1000,
+ isAttacking: false,
+ roundsWon: 5,
+ roundRecord: [
+ { type: "detonated", wasAttack: true, round: 1 },
+ { type: "lost", wasAttack: true, round: 2 },
+ { type: "kills", wasAttack: true, round: 3 },
+ { type: "timeout", wasAttack: true, round: 4 },
+ { type: "lost", wasAttack: true, round: 5 },
+ { type: "kills", wasAttack: true, round: 6 },
+ { type: "lost", wasAttack: true, round: 7 },
+ { type: "defused", wasAttack: true, round: 8 },
+ { type: "lost", wasAttack: true, round: 9 },
+ { type: "lost", wasAttack: true, round: 10 },
+ { type: "detonated", wasAttack: true, round: 11 },
+ { type: "lost", wasAttack: true, round: 12 },
+ { type: "kills", wasAttack: false, round: 13 },
+ { type: "timeout", wasAttack: false, round: 14 },
+ { type: "lost", wasAttack: false, round: 15 },
+ { type: "kills", wasAttack: false, round: 16 },
+ { type: "lost", wasAttack: false, round: 17 },
+ { type: "defused", wasAttack: false, round: 18 },
+ { type: "lost", wasAttack: false, round: 19 },
+ { type: "lost", wasAttack: false, round: 20 },
+ { type: "lost", wasAttack: true, round: 21 },
+ { type: "lost", wasAttack: false, round: 22 },
+ { type: "lost", wasAttack: false, round: 23 },
+ { type: "defused", wasAttack: false, round: 24 },
+ { type: "lost", wasAttack: true, round: 25 },
+ { type: "lost", wasAttack: false, round: 26 },
+ ],
+ },
+ {
+ players: [
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Smonk",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Test",
+ fullName: "Testg#ABC",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ locked: false,
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ currUltPoints: 2,
+ maxUltPoints: 7,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ ],
+ teamName: "The Zoologists",
+ teamUrl: "assets/misc/icon.webp",
+ teamTricode: "ZOO",
+ spentThisRound: 1000,
+ isAttacking: true,
+ roundsWon: 5,
+ roundRecord: [
+ { type: "lost", wasAttack: false, round: 1 },
+ { type: "defused", wasAttack: false, round: 2 },
+ { type: "lost", wasAttack: false, round: 3 },
+ { type: "lost", wasAttack: false, round: 4 },
+ { type: "kills", wasAttack: false, round: 5 },
+ { type: "lost", wasAttack: false, round: 6 },
+ { type: "detonated", wasAttack: false, round: 7 },
+ { type: "lost", wasAttack: false, round: 8 },
+ { type: "kills", wasAttack: false, round: 9 },
+ { type: "timeout", wasAttack: false, round: 10 },
+ { type: "lost", wasAttack: false, round: 11 },
+ { type: "defused", wasAttack: false, round: 12 },
+ { type: "lost", wasAttack: true, round: 13 },
+ { type: "lost", wasAttack: true, round: 14 },
+ { type: "kills", wasAttack: true, round: 15 },
+ { type: "lost", wasAttack: true, round: 16 },
+ { type: "detonated", wasAttack: true, round: 17 },
+ { type: "lost", wasAttack: true, round: 18 },
+ { type: "kills", wasAttack: true, round: 19 },
+ { type: "timeout", wasAttack: true, round: 20 },
+ { type: "lost", wasAttack: true, round: 21 },
+ { type: "kills", wasAttack: true, round: 22 },
+ { type: "lost", wasAttack: true, round: 23 },
+ { type: "lost", wasAttack: true, round: 24 },
+ { type: "kills", wasAttack: false, round: 25 },
+ { type: "kills", wasAttack: true, round: 26 },
+ ],
+ },
+ ],
+ };
+ this.dataModel.match.set(match);
+ }
+
+ lockAgent(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.locked = true;
+ return ret;
+ });
+ }
+
+ unlockAgent(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.locked = false;
+ return ret;
+ });
+ }
+
+ agentList = [
+ "Aggrobot",
+ "BountyHunter",
+ "Breach",
+ "Cable",
+ "Cashew",
+ "Clay",
+ "Deadeye",
+ "Grenadier",
+ "Guide",
+ "Gumshoe",
+ "Hunter",
+ "Killjoy",
+ "Mage",
+ "Nox",
+ "Pandemic",
+ "Phoenix",
+ "Rift",
+ "Sarge",
+ "Sequoia",
+ "Smonk",
+ "Sprinter",
+ "Stealth",
+ "Terra",
+ "Thorne",
+ "Vampire",
+ "Wraith",
+ "Wushu",
+ ];
+ changeAgent(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.agentInternal =
+ this.agentList[
+ (this.agentList.findIndex((e) => e === player.agentInternal) + 1) % this.agentList.length
+ ];
+ return ret;
+ });
+ }
+}
diff --git a/src/app/overlays/testing/testing.component.css b/src/app/overlays/testing/testing.component.css
new file mode 100644
index 00000000..fa92d779
--- /dev/null
+++ b/src/app/overlays/testing/testing.component.css
@@ -0,0 +1,12 @@
+button {
+ color: white;
+ background-color: #0f1923d9;
+ border: 2px groove gray;
+ padding: 4px;
+ font-family: Montserrat, Helvetica;
+ max-height: 28px;
+ font-size: 13.333px;
+ line-height: normal;
+ box-sizing: border-box;
+ cursor: pointer;
+}
diff --git a/src/app/overlays/testing/testing.component.html b/src/app/overlays/testing/testing.component.html
new file mode 100644
index 00000000..ca40412a
--- /dev/null
+++ b/src/app/overlays/testing/testing.component.html
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@if (showInterface()) {
+
+ @for (team of dataModel.teams(); track $index) {
+
+
+
+
+
+ }
+
+}
+
+@if (showInterface()) {
+
+ @for (team of dataModel.teams(); track $index; let teamIndex = $index) {
+
+
+ @for (player of team.players; track $index) {
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+ }
+
+}
diff --git a/src/app/overlays/testing/testing.component.ts b/src/app/overlays/testing/testing.component.ts
new file mode 100644
index 00000000..a7877041
--- /dev/null
+++ b/src/app/overlays/testing/testing.component.ts
@@ -0,0 +1,768 @@
+import { Component, inject, OnInit, signal } from "@angular/core";
+import { MatchOverlayComponent } from "../match-overlay/match-overlay.component";
+import { DataModelService } from "../../services/dataModel.service";
+
+@Component({
+ selector: "app-testing",
+ imports: [MatchOverlayComponent],
+ templateUrl: "./testing.component.html",
+ styleUrl: "./testing.component.css",
+})
+export class TestingComponent implements OnInit {
+ dataModel = inject(DataModelService);
+ match: any;
+
+ bgCounter = 1;
+
+ ngOnInit(): void {
+ const nameOverrideMap = new Map
();
+ nameOverrideMap.set("", "");
+
+ this.match = {
+ groupCode: "A",
+ isRanked: false,
+ isRunning: true,
+ roundNumber: 10,
+ roundPhase: "combat",
+ spikeState: { planted: false, defused: false, detonated: false },
+ map: "Ascent",
+ switchRound: 12,
+ firstOtRound: 25,
+ showAliveKDA: true,
+ tools: {
+ seriesInfo: {
+ needed: 3,
+ wonLeft: 1,
+ wonRight: 2,
+ mapInfo: [
+ {
+ type: "past",
+ map: "Fracture",
+ left: {
+ score: 13,
+ logo: "assets/misc/icon.webp",
+ },
+ right: {
+ score: 9,
+ logo: "assets/misc/icon.webp",
+ },
+ },
+ {
+ type: "present",
+ logo: "assets/misc/icon.webp",
+ },
+ {
+ type: "future",
+ map: "Haven",
+ logo: "assets/misc/icon.webp",
+ },
+ ],
+ },
+ seedingInfo: {
+ left: "Group A",
+ right: "Group B",
+ },
+ tournamentInfo: {
+ enabled: true,
+ name: "",
+ logoUrl: "",
+ backdropUrl: "",
+ },
+ timeoutDuration: 60,
+ sponsorInfo: {
+ enabled: true,
+ duration: 5000,
+ sponsors: ["assets/misc/logo.webp", "assets/misc/icon.webp"],
+ },
+ watermarkInfo: {
+ customText: "",
+ customTextEnabled: false,
+ spectraWatermark: true,
+ },
+ playercamsInfo: { enable: true, enabledPlayers: ["Voodoo One#DEBUG"] },
+ nameOverrides: { overrides: nameOverrideMap },
+ },
+ timeoutState: {
+ techPause: false,
+ leftTeam: false,
+ rightTeam: false,
+ timeRemaining: 0,
+ },
+ teams: [
+ {
+ players: [
+ {
+ name: "Voodoo One",
+ fullName: "Voodoo One#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Vampire",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Operator",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 4,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 1,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Twoperator",
+ fullName: "Twoperator#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Smonk",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "ThreeOfLife",
+ fullName: "ThreeOfLife#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "BountyHunter",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 1,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Fourcefield",
+ fullName: "Fourcefield#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Killjoy",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "FIVEbyFIVE",
+ fullName: "FIVEbyFIVE#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Wushu",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ ],
+ teamName: "The Naturals",
+ teamUrl: "assets/misc/icon.webp",
+ teamTricode: "INT",
+ spentThisRound: 1000,
+ isAttacking: false,
+ roundsWon: 5,
+ roundRecord: [
+ { type: "detonated", wasAttack: true, round: 1 },
+ { type: "lost", wasAttack: true, round: 2 },
+ { type: "kills", wasAttack: true, round: 3 },
+ { type: "timeout", wasAttack: true, round: 4 },
+ { type: "lost", wasAttack: true, round: 5 },
+ { type: "kills", wasAttack: true, round: 6 },
+ { type: "lost", wasAttack: true, round: 7 },
+ { type: "defused", wasAttack: true, round: 8 },
+ { type: "lost", wasAttack: true, round: 9 },
+ { type: "lost", wasAttack: true, round: 10 },
+ { type: "detonated", wasAttack: true, round: 11 },
+ { type: "lost", wasAttack: true, round: 12 },
+ { type: "kills", wasAttack: false, round: 13 },
+ { type: "timeout", wasAttack: false, round: 14 },
+ { type: "lost", wasAttack: false, round: 15 },
+ { type: "kills", wasAttack: false, round: 16 },
+ { type: "lost", wasAttack: false, round: 17 },
+ { type: "defused", wasAttack: false, round: 18 },
+ { type: "lost", wasAttack: false, round: 19 },
+ { type: "lost", wasAttack: false, round: 20 },
+ { type: "lost", wasAttack: true, round: 21 },
+ { type: "lost", wasAttack: false, round: 22 },
+ { type: "lost", wasAttack: false, round: 23 },
+ { type: "defused", wasAttack: false, round: 24 },
+ { type: "lost", wasAttack: true, round: 25 },
+ { type: "lost", wasAttack: false, round: 26 },
+ { type: "lost", wasAttack: true, round: 27 },
+ { type: "lost", wasAttack: false, round: 28 },
+ { type: "lost", wasAttack: true, round: 29 },
+ { type: "lost", wasAttack: false, round: 30 },
+ ],
+ },
+ {
+ players: [
+ {
+ name: "AlpacaHoarder",
+ fullName: "AlpcacaHoarder#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Grenadier",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "BeeSting",
+ fullName: "BeeSting#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Terra",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 1,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "CowTipper",
+ fullName: "CowTipper#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Sprinter",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 1,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "DodoDaniel",
+ fullName: "DodoDaniel#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "BountyHunter",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 1,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ {
+ name: "Eeliminator",
+ fullName: "Eeliminator#DEBUG",
+ playerId: 0,
+ isAlive: true,
+ agentInternal: "Stealth",
+ isObserved: false,
+ armorName: "Heavy",
+ money: 2100,
+ moneySpent: 2900,
+ highestWeapon: "Vandal",
+ isCaptain: false,
+ maxUltPoints: Math.floor(Math.random() * 3) + 6,
+ currUltPoints: Math.floor(Math.random() * 3) + 2,
+ ultReady: false,
+ hasSpike: false,
+ scoreboardAvailable: true,
+ auxiliaryAvailable: {
+ health: true,
+ abilities: true,
+ scoreboard: true,
+ },
+ kills: 0,
+ deaths: 0,
+ assists: 0,
+ killsThisRound: 0,
+ health: 100,
+ abilities: {
+ grenade: 1,
+ ability1: 1,
+ ability2: 0,
+ },
+ iconNameSuffix: "",
+ },
+ ],
+ teamName: "The Zoologists",
+ teamUrl: "assets/misc/icon.webp",
+ teamTricode: "ZOO",
+ spentThisRound: 1000,
+ isAttacking: true,
+ roundsWon: 5,
+ roundRecord: [
+ { type: "lost", wasAttack: false, round: 1 },
+ { type: "defused", wasAttack: false, round: 2 },
+ { type: "lost", wasAttack: false, round: 3 },
+ { type: "lost", wasAttack: false, round: 4 },
+ { type: "kills", wasAttack: false, round: 5 },
+ { type: "lost", wasAttack: false, round: 6 },
+ { type: "detonated", wasAttack: false, round: 7 },
+ { type: "lost", wasAttack: false, round: 8 },
+ { type: "kills", wasAttack: false, round: 9 },
+ { type: "timeout", wasAttack: false, round: 10 },
+ { type: "lost", wasAttack: false, round: 11 },
+ { type: "defused", wasAttack: false, round: 12 },
+ { type: "lost", wasAttack: true, round: 13 },
+ { type: "lost", wasAttack: true, round: 14 },
+ { type: "kills", wasAttack: true, round: 15 },
+ { type: "lost", wasAttack: true, round: 16 },
+ { type: "detonated", wasAttack: true, round: 17 },
+ { type: "lost", wasAttack: true, round: 18 },
+ { type: "kills", wasAttack: true, round: 19 },
+ { type: "timeout", wasAttack: true, round: 20 },
+ { type: "lost", wasAttack: true, round: 21 },
+ { type: "kills", wasAttack: true, round: 22 },
+ { type: "lost", wasAttack: true, round: 23 },
+ { type: "lost", wasAttack: true, round: 24 },
+ { type: "kills", wasAttack: false, round: 25 },
+ { type: "kills", wasAttack: true, round: 26 },
+ { type: "kills", wasAttack: false, round: 27 },
+ { type: "kills", wasAttack: true, round: 28 },
+ { type: "kills", wasAttack: false, round: 29 },
+ { type: "kills", wasAttack: true, round: 30 },
+ ],
+ },
+ ],
+ };
+ this.dataModel.match.set(this.match);
+ }
+
+ //#region General button handlers
+ changeRoundPhase() {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ if (ret.roundPhase == "shopping") {
+ ret.roundPhase = "combat";
+ } else if (ret.roundPhase == "combat") {
+ ret.roundPhase = "end";
+ } else if (ret.roundPhase == "LOBBY") {
+ ret.roundPhase = "end";
+ } else {
+ ret.roundPhase = "shopping";
+ }
+ return ret;
+ });
+ }
+
+ swapTeamColors() {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.teams.forEach((team: any) => {
+ team.isAttacking = !team.isAttacking;
+ team.players.forEach((player: any) => {
+ player.hasSpike = false;
+ });
+ });
+ return ret;
+ });
+ }
+
+ spikeTimer?: NodeJS.Timeout;
+
+ plantSpike() {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.spikeState.planted = true;
+ ret.spikeState.defused = false;
+ ret.spikeState.detonated = false;
+ return ret;
+ });
+ this.spikeTimer = setTimeout(() => {
+ this.defuseSpike();
+ }, 45 * 1000);
+ }
+
+ defuseSpike() {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.spikeState.planted = false;
+ ret.spikeState.defused = true;
+ ret.spikeState.detonated = false;
+ return ret;
+ });
+ clearTimeout(this.spikeTimer);
+ this.spikeTimer = undefined;
+ }
+
+ showInterface = signal(true);
+ toggleInterface() {
+ this.showInterface.update((v) => !v);
+ }
+
+ switchBackground() {
+ this.bgCounter++;
+ if (this.bgCounter > 4) {
+ this.bgCounter = 1;
+ }
+ }
+
+ techPause() {
+ this.stopTimeoutTimer();
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.timeoutState.techPause = !ret.timeoutState.techPause;
+ return ret;
+ });
+ }
+ //#endregion
+
+ //#region Team button handlers
+
+ winRound(teamIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const team = ret.teams[teamIndex];
+ team.roundsWon++;
+ team.roundsWon %= 13;
+ ret.roundNumber = ret.teams[0].roundsWon + ret.teams[1].roundsWon + 1;
+ return ret;
+ });
+ }
+
+ timeout(teamIndex: number) {
+ if (
+ (teamIndex == 0 && this.dataModel.timeoutState().leftTeam) ||
+ (teamIndex == 1 && this.dataModel.timeoutState().rightTeam)
+ ) {
+ //allows to toggle the timeout back off
+ this.stopTimeoutTimer();
+ return;
+ }
+ this.stopTimeoutTimer();
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.timeoutState.techPause = false;
+ ret.timeoutState.leftTeam = teamIndex == 0 ? !ret.timeoutState.leftTeam : false;
+ ret.timeoutState.rightTeam = teamIndex == 1 ? !ret.timeoutState.rightTeam : false;
+ ret.timeoutState.timeRemaining = ret.tools.timeoutDuration;
+ return ret;
+ });
+ this.startTimeoutTimer();
+ }
+ //#endregion
+
+ //#region Player button handlers
+ killPlayer(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.teams[teamIndex].players[playerIndex].isAlive = false;
+ ret.teams[teamIndex].players[playerIndex].health = 0;
+ return ret;
+ });
+ }
+
+ revivePlayer(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.teams[teamIndex].players[playerIndex].isAlive = true;
+ ret.teams[teamIndex].players[playerIndex].health = 100;
+ return ret;
+ });
+ }
+
+ giveUltPoint(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.currUltPoints++;
+ player.ultReady = player.currUltPoints == player.maxUltPoints;
+ return ret;
+ });
+ }
+
+ useUltimate(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.currUltPoints = 0;
+ player.ultReady = false;
+ return ret;
+ });
+ }
+
+ armorOrder = ["Heavy", "Regen", "Light", "None"];
+ changeShield(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ let i = this.armorOrder.findIndex((e) => e == player.armorName);
+ i++;
+ i %= this.armorOrder.length;
+ player.armorName = this.armorOrder[i];
+ player.health = Math.floor(Math.random() * 100) + 1;
+ return ret;
+ });
+ }
+
+ weaponOrder = ["Vandal", "Operator", "Classic", "Spectre"];
+ changeWeapon(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ let i = this.weaponOrder.findIndex((e) => e == player.highestWeapon);
+ i++;
+ i %= this.weaponOrder.length;
+ player.highestWeapon = this.weaponOrder[i];
+ return ret;
+ });
+ }
+
+ makeCaptain(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ ret.teams[teamIndex].players.forEach((e: any) => (e.isCaptain = false));
+ player.isCaptain = true;
+ return ret;
+ });
+ }
+
+ spectate(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ ret.teams[0].players.forEach((e: any) => (e.isObserved = false));
+ ret.teams[1].players.forEach((e: any) => (e.isObserved = false));
+ player.isObserved = true;
+ return ret;
+ });
+ }
+
+ giveSpike(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ ret.teams[teamIndex].players.forEach((e: any) => (e.hasSpike = false));
+ player.hasSpike = true;
+ return ret;
+ });
+ }
+
+ changeStats(teamIndex: number, playerIndex: number) {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ const player = ret.teams[teamIndex].players[playerIndex];
+ player.kills = Math.floor(Math.random() * 20);
+ player.deaths = Math.floor(Math.random() * 20);
+ player.assists = Math.floor(Math.random() * 20);
+ return ret;
+ });
+ }
+ //#endregion
+
+ timeoutTimerRef?: NodeJS.Timeout;
+ startTimeoutTimer() {
+ this.timeoutTimerRef = setInterval(() => {
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.timeoutState.timeRemaining--;
+ return ret;
+ });
+ if (this.dataModel.timeoutState().timeRemaining <= 0) {
+ this.stopTimeoutTimer();
+ }
+ }, 1000);
+ }
+
+ stopTimeoutTimer() {
+ clearInterval(this.timeoutTimerRef);
+ this.dataModel.match.update((v) => {
+ const ret = v;
+ ret.timeoutState.leftTeam = false;
+ ret.timeoutState.rightTeam = false;
+ ret.timeoutState.timeRemaining = 0;
+ return ret;
+ });
+ }
+}
diff --git a/src/app/pipes/scoreboardorder.pipe.ts b/src/app/pipes/scoreboardorder.pipe.ts
new file mode 100644
index 00000000..65889e07
--- /dev/null
+++ b/src/app/pipes/scoreboardorder.pipe.ts
@@ -0,0 +1,24 @@
+import { Pipe, type PipeTransform } from "@angular/core";
+
+@Pipe({ name: "appScoreboardOrder" })
+export class ScoreboardOrderPipe implements PipeTransform {
+ transform(players: any): MinPlayer[] {
+ if (!Array.isArray(players)) return [];
+
+ players.sort((a: any, b: any) => {
+ if (a.kills < b.kills) return 1;
+ if (a.kills > b.kills) return -1;
+ // If kills are identical, sort by deaths (higher KDA first)
+ if (a.deaths < b.deaths) return -1;
+ return 0;
+ });
+ return players;
+ }
+}
+
+export interface MinPlayer {
+ playerId: string;
+ kills: number;
+ deaths: number;
+ maxUltPoints: number;
+}
diff --git a/src/app/playercams/playercams.component.html b/src/app/playercams/playercams.component.html
deleted file mode 100644
index 04cf4de0..00000000
--- a/src/app/playercams/playercams.component.html
+++ /dev/null
@@ -1,61 +0,0 @@
-@for (player of match?.teams[0].players; track $index) {
- @if (streams.has(player.fullName)) {
-
-
-
-
-
-
-
- {{ player.fullName | nameOverride: player.name : getOverrideNames() }}
-
-
- {{ player.kills }} / {{ player.deaths }} / {{ player.assists }}
-
-
-
-
-
-
-
-
-
- {{ player.fullName | nameOverride: player.name : getOverrideNames() }}
-
-
- {{ player.kills }} / {{ player.deaths }} / {{ player.assists }}
-
-
-
-
-
-
-
-
{{ getAgentName(player.agentInternal) }}
-
- {{ player.fullName | nameOverride: player.name : getOverrideNames() }}
-
-
-
-
-
-
 }}.webp)
-
-
-
-
-
{{ "scoreboard.kills" | translate }}
-
{{ player.kills }}
-
-
-
{{ "scoreboard.deaths" | translate }}
-
{{ player.deaths }}
-
-
-
{{ "scoreboard.assists" | translate }}
-
{{ player.assists }}
-
-
-
-
-
-
-
-
-
-
- {{ player.fullName | nameOverride: player.name : getOverrideNames() }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ player.kills }}
- /
- {{ player.deaths }}
- /
- {{ player.assists }}
-
-
-
-
-
-
-
-
-
- -
- 
- {{ player.moneySpent }}
- ?
-
-
- 
- {{ player.money }}
- ?
-
-
-
-
-
-
- {{ match.teams[0].teamTricode }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ match.teams[1].teamTricode }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/app/testing/player-controller/player-controller.component.scss b/src/app/testing/player-controller/player-controller.component.scss
deleted file mode 100644
index e5d1a531..00000000
--- a/src/app/testing/player-controller/player-controller.component.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@use "../testing.component.scss";
-
-.playerControls {
- height: 61px;
-}
diff --git a/src/app/testing/player-controller/player-controller.component.ts b/src/app/testing/player-controller/player-controller.component.ts
deleted file mode 100644
index 40485f56..00000000
--- a/src/app/testing/player-controller/player-controller.component.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-import { booleanAttribute, Component, EventEmitter, Input, Output, OnDestroy } from "@angular/core";
-import { NgIf } from "@angular/common";
-
-@Component({
- selector: "app-player-controller",
- templateUrl: "./player-controller.component.html",
- styleUrl: "./player-controller.component.scss",
- imports: [NgIf],
-})
-export class PlayerControllerComponent implements OnDestroy {
- @Output() spikeTakenEvent = new EventEmitter();
- @Output() captainTakenEvent = new EventEmitter();
- @Output() spectateTakenEvent = new EventEmitter();
-
- @Input() showInterface = true;
- @Input({ transform: booleanAttribute }) flipInterface = false;
-
- @Input() teamId = 0;
-
- inCombat = true;
- inShopping = false;
- inEnd = false;
- @Input()
- set gamePhase(v: string) {
- if (v == "combat") {
- this.inCombat = true;
- this.inShopping = false;
- this.inEnd = false;
- } else if (v == "shopping") {
- this.inCombat = false;
- this.inShopping = true;
- this.inEnd = false;
- } else {
- this.inCombat = false;
- this.inShopping = false;
- this.inEnd = true;
- }
- }
-
- isAttacking = false;
- weaponOrder = ["Vandal", "Operator", "Classic", "Spectre"];
- moneyOrder = [2900, 4700, 0, 1600];
- armorOrder = ["Heavy", "Regen", "Light", "None"];
-
- static agentIndex = [0, 0];
- static agentOrder = [
- ["Vampire", "Killjoy", "Guide", "Stealth", "Smonk"],
- ["Grenadier", "Terra", "Sprinter", "BountyHunter", "Mage"],
- ];
-
- static playerNameIndex = [0, 0];
- static playerNameOrder = [
- ["VoodooOne", "Twoperator", "ThreeOfLife", "Fourcefield", "FIVEbyFIVE"],
- ["AlpacaHoarder", "BeeSting", "CowTipper", "DodoDaniel", "Eeliminator"],
- ];
-
- playerObject = {
- name: "Test",
- tagline: "DEBUG",
- searchName: "Test #DEBUG",
- fullName: "Test#DEBUG",
- playerId: 0,
- isAlive: true,
- agentInternal: "Wushu",
- isObserved: false,
- armorName: this.armorOrder[0],
- money: 2100,
- moneySpent: 2900,
- highestWeapon: this.weaponOrder[0],
- isCaptain: false,
- currUltPoints: 2,
- maxUltPoints: 7,
- ultReady: false,
- hasSpike: false,
- scoreboardAvailable: true,
- auxiliaryAvailable: {
- health: true,
- abilities: true,
- scoreboard: true,
- },
- kills: 0,
- deaths: 0,
- assists: 0,
- health: 100,
- abilities: {
- grenade: 1,
- ability1: 1,
- ability2: 0,
- },
- iconNameSuffix: "",
- };
-
- constructor() {
- this.changeStats();
- this.playerObject.playerId = Math.floor(Math.random() * (99999 - 11111 + 1) + 11111);
- }
-
- ngOnDestroy() {
- PlayerControllerComponent.agentIndex[this.teamId]--;
- PlayerControllerComponent.playerNameIndex[this.teamId]--;
- }
-
- getData(): any {
- this.playerObject.agentInternal =
- PlayerControllerComponent.agentOrder[this.teamId][
- PlayerControllerComponent.agentIndex[this.teamId]++
- ];
- this.playerObject.isObserved =
- this.teamId === 0 && PlayerControllerComponent.playerNameIndex[this.teamId] === 0
- ? true
- : false;
- this.playerObject.name =
- PlayerControllerComponent.playerNameOrder[this.teamId][
- PlayerControllerComponent.playerNameIndex[this.teamId]++
- ];
- this.playerObject.searchName = `${this.playerObject.name} #${this.playerObject.tagline}`;
- this.playerObject.fullName = `${this.playerObject.name}#${this.playerObject.tagline}`;
- return this.playerObject;
- }
-
- kill(): void {
- this.playerObject.isAlive = false;
- this.stopSpectate();
- this.playerObject.armorName = this.armorOrder[3];
- this.playerObject.health = 0;
- }
-
- revive(): void {
- this.playerObject.isAlive = true;
- this.playerObject.armorName = this.armorOrder[0];
- this.playerObject.health = 100;
- }
-
- giveUltPoint(): void {
- this.playerObject.currUltPoints++;
- if (this.playerObject.currUltPoints == this.playerObject.maxUltPoints) {
- this.playerObject.ultReady = true;
- }
- }
-
- useUlt(): void {
- this.playerObject.ultReady = false;
- this.playerObject.currUltPoints = 0;
- }
-
- makeLeader(): void {
- this.captainTakenEvent.emit();
- this.playerObject.isCaptain = true;
- }
-
- removeLeader(): void {
- this.playerObject.isCaptain = false;
- }
-
- giveSpike(): void {
- this.spikeTakenEvent.emit();
- this.playerObject.hasSpike = true;
- }
-
- removeSpike(): void {
- this.playerObject.hasSpike = false;
- }
-
- spectate(): void {
- this.spectateTakenEvent.emit();
- this.playerObject.isObserved = true;
- }
-
- stopSpectate(): void {
- this.playerObject.isObserved = false;
- }
-
- changeWeapon(): void {
- let i = this.weaponOrder.findIndex((e) => e == this.playerObject.highestWeapon);
- i++;
- i %= this.weaponOrder.length;
- this.playerObject.highestWeapon = this.weaponOrder[i];
-
- //money change here
- let j = this.moneyOrder.findIndex((e) => e == this.playerObject.moneySpent);
- this.playerObject.money += this.playerObject.moneySpent;
- j++;
- j %= this.moneyOrder.length;
- this.playerObject.moneySpent = this.moneyOrder[j];
- this.playerObject.money -= this.playerObject.moneySpent;
- }
-
- changeShield(): void {
- let i = this.armorOrder.findIndex((e) => e == this.playerObject.armorName);
- i++;
- i %= this.armorOrder.length;
- this.playerObject.armorName = this.armorOrder[i];
- this.playerObject.health = Math.floor(Math.random() * 100) + 1;
- }
-
- changeStats(): void {
- this.playerObject.kills = Math.floor(Math.random() * 20);
- this.playerObject.deaths = Math.floor(Math.random() * 20);
- this.playerObject.assists = Math.floor(Math.random() * 20);
- }
-}
diff --git a/src/app/testing/team-controller/team-controller.component.html b/src/app/testing/team-controller/team-controller.component.html
deleted file mode 100644
index 33e2384b..00000000
--- a/src/app/testing/team-controller/team-controller.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
- {{ "timeout.technical_pause" | translate }}
-
-
- {{
- "timeout.tactical_timeout"
- | translate: { teamName: match.teams[timeout.leftTeam ? 0 : 1].teamName }
- }}
-
-
-
-
-
-
-
-
-
- {{ mapinfo.map }}
- {{ mapinfo.left.score }} - {{ mapinfo.right.score }}
-
-
-
-
-
- {{ "mapinfo.live" | translate: { map: map } }}
-
-
-
-
-
- {{ "mapinfo.next" | translate: { map: mapinfo.map } }}
-
-
-
- {{ "mapinfo.decider" | translate: { map: mapinfo.map } }}
-
-
-
-
- @if (tools.watermarkInfo.spectraWatermark) {
-
-
{{ "topinfo.watermark" | translate }}
-
© valospectra.com
- } @else {
-
-
{{ tools.watermarkInfo.customText }}
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ match.teams[0].teamTricode }}
-
- {{ match.tools.seedingInfo.left }}
-
-
-
-
-
-
{{ match.teams[0].roundsWon }}
-
-
-
-
-
-
-
-
-
{{ match.teams[1].roundsWon }}
-
-
-
-
-
{{ match.teams[1].teamTricode }}
-
- {{ match.tools.seedingInfo.right }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ "topscore.round" | translate: { rounds: match.roundNumber } }}
-
- 
- 
-
- 
- 
- 
-  }}Portrait.webp)
+
+ ) }}.webp)
+ 
+ 
+ }
+ 
+ }
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ }
+ @for (i of numSequence(max - full); track $index) {
+ 
+ }
+ 
@if (map.bannedBy !== undefined) {
- 
+ 
+ 
+ 
+ 
+ 
+ }
+ 
+ 
+ 
- {{ match.teams[0].spentThisRound }}
-