more audience display updates

front-end/src/apps/audience-display/audio/index.ts

@@ -0,0 +1,25 @@
+import MATCH_START from './match_start.wav';
+import MATCH_AUTO from './match_auto_end_warning.wav';
+import MATCH_TRANSITION from './match_auto_end.wav';
+import MATCH_TELE from './match_tele_start.wav';
+import MATCH_PRE_TELE from './match_tele_pre_start.wav';
+import MATCH_ENDGAME from './match_end_start.wav';
+import MATCH_END from './match_end.wav';
+import MATCH_ABORT from './match_estop.wav';
+
+export {
+  MATCH_ABORT,
+  MATCH_AUTO,
+  MATCH_TRANSITION,
+  MATCH_END,
+  MATCH_ENDGAME,
+  MATCH_PRE_TELE,
+  MATCH_START,
+  MATCH_TELE
+};
+
+export function initAudio(url: any): any {
+  const audio = new Audio(url);
+  audio.volume = 0.5;
+  return audio;
+}

front-end/src/apps/audience-display/displays/ad-default.tsx

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DisplayProps } from 'src/apps/audience-display/displays';
+
+/**
+ * Classic audience display that handles all scenarios.
+ */
+export const AudDisplayDefault: FC<DisplayProps> = () => {
+  return null;
+};

front-end/src/apps/audience-display/displays/ad-stream.tsx

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DisplayProps } from 'src/apps/audience-display/displays';
+
+/**
+ * Timer audience display that displays only the match timer and nothing else.
+ */
+export const AudDisplayStream: FC<DisplayProps> = () => {
+  return null;
+};

front-end/src/apps/audience-display/displays/ad-timer.tsx

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DisplayProps } from 'src/apps/audience-display/displays';
+
+/**
+ * Timer audience display that displays only the match timer and nothing else.
+ */
+export const AudDisplayTimer: FC<DisplayProps> = () => {
+  return null;
+};

front-end/src/apps/audience-display/displays/index.tsx

@@ -0,0 +1,30 @@
+import { DisplayModes } from '@toa-lib/models';
+import { FC } from 'react';
+import { AudDisplayDefault } from './ad-default';
+import { AudDisplayTimer } from './ad-timer';
+import { AudDisplayStream } from './ad-stream';
+
+export interface DisplayProps {
+  id: number;
+}
+
+interface Props {
+  id: number;
+  eventKey: string | null | undefined;
+  mode?: DisplayModes;
+}
+
+const Displays: FC<Props> = ({ id, mode = DisplayModes.DEFAULT }) => {
+  switch (mode) {
+    case DisplayModes.DEFAULT:
+      return <AudDisplayDefault id={id} />;
+    case DisplayModes.TIMER_ONLY:
+      return <AudDisplayTimer id={id} />;
+    case DisplayModes.STREAM:
+      return <AudDisplayStream id={id} />;
+    default:
+      return <AudDisplayDefault id={id} />;
+  }
+};
+
+export default Displays;

lib/models/src/base/Audience.ts

@@ -6,3 +6,9 @@ export enum Displays {
   RANKINGS = 4,
   BLANK = 5
 }
+
+export enum DisplayModes {
+  DEFAULT = 'default',
+  TIMER_ONLY = 'timer-only',
+  STREAM = 'stream'
+}