+
+
+
+
+
+
+
+
+
+
+
diff --git a/angular/src/app/roundwinbox/roundwinbox.component.ts b/angular/src/app/roundwinbox/roundwinbox.component.ts
new file mode 100644
index 0000000..627a755
--- /dev/null
+++ b/angular/src/app/roundwinbox/roundwinbox.component.ts
@@ -0,0 +1,153 @@
+import { AfterContentInit, Component, EventEmitter, Input, Output } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { BlockUIModule } from "primeng/blockui";
+import { FloatLabelModule } from "primeng/floatlabel";
+import { InputNumberModule } from "primeng/inputnumber";
+import { InputTextModule } from "primeng/inputtext";
+import { ToggleSwitchModule } from "primeng/toggleswitch";
+import { RoundWinBox } from "../observer/observer.component";
+import { Validatable, ValidationState } from "../services/validation.service";
+import { PopoverModule } from "primeng/popover";
+import { BlockableDiv } from "../blockablediv/blockablediv.component";
+import { Button } from "primeng/button";
+import { InputGroup } from "primeng/inputgroup";
+import { InputGroupAddon } from "primeng/inputgroupaddon";
+import { Select } from "primeng/select";
+import { MultiSelectModule } from "primeng/multiselect";
+
+@Component({
+ selector: "app-roundwinbox",
+ imports: [
+ InputTextModule,
+ FormsModule,
+ FloatLabelModule,
+ ToggleSwitchModule,
+ InputNumberModule,
+ BlockUIModule,
+ PopoverModule,
+ BlockableDiv,
+ Button,
+ InputGroup,
+ InputGroupAddon,
+ Select,
+ MultiSelectModule,
+ ],
+ templateUrl: "./roundwinbox.component.html",
+ styleUrl: "./roundwinbox.component.css",
+})
+export class RoundwinboxComponent implements Validatable, AfterContentInit {
+ @Input({ required: true })
+ data!: RoundWinBox;
+
+ @Input({ required: false })
+ isSupporter: boolean = false;
+
+ roundWinBoxTeams = ["all", "left", "right"];
+ roundWinBoxRoundCeremonie = ["all", "normal", "ace", "clutch", "teamAce", "flawless", "thrifty"];
+
+ ngAfterContentInit(): void {
+ this.runValidation();
+ }
+
+ @Output()
+ validationChanged = new EventEmitter
+
+
+
+
+ Round Win Box
+ +Recommended image size:
+Logo: Any size with a 1:1 aspect ratio
+Backdrop: 875x200 / 35:8 - 830x250 / 83:25 on Nobii's Style
++ Configure Tournament Info in the Box above. +
++ Subscribe to Spectra+ to be able to add more than one sponsor. +
+ +
+ @for (i of numSequence(data.sponsors.length + 1); track $index) {
+ @if ($index == 0 || $index > 0 && isSupporter) {
+
+
+
+ @if ($index < data.sponsors.length) {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if ($index < data.sponsors.length) {
+
+
+
+ }
+ @if ($index < data.sponsors.length) {
+
+ }
+ }
+ }
+
+ @if (sponsorIconError[$index] || !data.sponsors[$index].iconUrl) {
+
+
+
+ }
+ ![]()
+
+ Make sure the link points directly to the image.
+Valid links usually end in .png or .jpg.
+
+ @if (sponsorBackdropError[$index] || !data.sponsors[$index].backdropUrl) {
+
+
+
+ }
+ ![]()
+
+ Make sure the link points directly to the image.
+Valid links usually end in .png or .jpg.
+Tournament Info
-
ipcRenderer.send(
"process-inputs",
@@ -33,6 +34,7 @@ contextBridge.exposeInMainWorld("electronAPI", {
watermarkInfo,
playercamsInfo,
timeoutInfo,
+ roundWinBox,
),
processAuxInputs: (ingestIp: any, name: any) =>
ipcRenderer.send("process-aux-inputs", ingestIp, name),
diff --git a/src/services/connectorService.ts b/src/services/connectorService.ts
index 740452a..aafcf36 100644
--- a/src/services/connectorService.ts
+++ b/src/services/connectorService.ts
@@ -16,6 +16,7 @@ import {
IAuxAuthenticationData,
IFormattedAuxScoreboardTeam as IFormattedAuxScoreboardTeammate,
IFormattedData,
+ IRoundWinBox,
ISeedingInfo,
ISeriesInfo,
ITimeoutInfo,
@@ -89,6 +90,7 @@ export class ConnectorService {
watermarkInfo: WatermarkInfo,
playercamsInfo: PlayercamsInfo,
timeoutInfo: ITimeoutInfo,
+ roundWinBox: IRoundWinBox,
win: Electron.Main.BrowserWindow,
) {
if (RegExp("(http|https)://[^/]+:[0-9]+").test(ingestIp)) {
@@ -201,6 +203,7 @@ export class ConnectorService {
sponsorInfo: sponsorInfo,
watermarkInfo: watermarkInfo,
playercamsInfo: playercamsInfo,
+ roundWinBox: roundWinBox,
},
};
this.ws.emit(SocketChannels.OBSERVER_LOGON, JSON.stringify(logonData));
diff --git a/src/services/formattingService.ts b/src/services/formattingService.ts
index 6e3d8b3..a116def 100644
--- a/src/services/formattingService.ts
+++ b/src/services/formattingService.ts
@@ -294,6 +294,7 @@ export interface IToolsData {
sponsorInfo: SponsorInfo;
watermarkInfo: WatermarkInfo;
playercamsInfo: PlayercamsInfo;
+ roundWinBox: IRoundWinBox;
}
export type ISeriesInfo = {
@@ -309,7 +310,6 @@ export type ISeedingInfo = {
};
export type ITournamentInfo = {
- name: string;
logoUrl: string;
backdropUrl: string;
timeoutDuration: number;
@@ -340,6 +340,18 @@ export type PlayercamsInfo = {
endTime: number;
};
+export type IRoundWinBox = {
+ type: "disabled" | "tournamentInfo" | "sponsors";
+ sponsors: IRoundWinBoxSponsors[];
+};
+
+export type IRoundWinBoxSponsors = {
+ wonTeam: "all" | "left" | "right";
+ roundCeremonie: ("all" | "normal" | "ace" | "clutch" | "teamAce" | "flawless" | "thrifty")[];
+ iconUrl: string;
+ backdropUrl: string;
+};
+
type BaseMapPoolInfo = {
type: "past" | "present" | "future" | "error";
};
-
-