From d6c09da29a2cdce14b1db7b4cfcf84c8f537ca78 Mon Sep 17 00:00:00 2001
From: Marks Polakovs <marks@markspolakovs.me>
Date: Sat, 13 Mar 2021 10:42:18 +0000
Subject: [PATCH] Add Party Mode

---
 src/optionsMenu/AdvancedTab.tsx  | 19 +++++++++++++++++++
 src/optionsMenu/settingsState.ts |  2 ++
 src/showplanner/Item.tsx         | 24 ++++++++++++++++++------
 src/showplanner/Player.tsx       | 14 +++++++++++++-
 4 files changed, 52 insertions(+), 7 deletions(-)

diff --git a/src/optionsMenu/AdvancedTab.tsx b/src/optionsMenu/AdvancedTab.tsx
index a29f38c..69cb9f6 100644
--- a/src/optionsMenu/AdvancedTab.tsx
+++ b/src/optionsMenu/AdvancedTab.tsx
@@ -305,6 +305,25 @@ export function AdvancedTab() {
         />
         <label className="form-check-label">Enable recording</label>
       </div>
+      <div className="form-check">
+        <input
+          className="form-check-input"
+          type="checkbox"
+          checked={settings.partyMode}
+          onChange={(e) =>
+            dispatch(
+              changeSetting({
+                key: "partyMode",
+                val: e.target.checked,
+              })
+            )
+          }
+        />
+        <label>
+          Party Mode (no, seriously, don't enable this unless you know what
+          you're doing)
+        </label>
+      </div>
     </>
   );
 }
diff --git a/src/optionsMenu/settingsState.ts b/src/optionsMenu/settingsState.ts
index 2d7aa19..08dd4ee 100644
--- a/src/optionsMenu/settingsState.ts
+++ b/src/optionsMenu/settingsState.ts
@@ -12,6 +12,7 @@ interface Settings {
   channelOutputIds: string[];
   resetTrimOnLoad: boolean;
   saveShowPlanChanges: boolean;
+  partyMode: boolean;
 }
 
 const settingsState = createSlice({
@@ -27,6 +28,7 @@ const settingsState = createSlice({
     channelOutputIds: Array(PLAYER_COUNT).fill(INTERNAL_OUTPUT_ID),
     resetTrimOnLoad: true,
     saveShowPlanChanges: true,
+    partyMode: false,
   } as Settings,
   reducers: {
     changeSetting<K extends keyof Settings>(
diff --git a/src/showplanner/Item.tsx b/src/showplanner/Item.tsx
index fb90ea7..1573d01 100644
--- a/src/showplanner/Item.tsx
+++ b/src/showplanner/Item.tsx
@@ -41,6 +41,9 @@ export const Item = memo(function Item({
     (state: RootState) => state.settings.showDebugInfo
   );
 
+  const partyMode = useSelector((state: RootState) => state.settings.partyMode);
+  const showName = !partyMode || !isTrack(x) || ("played" in x && x.played);
+
   function triggerClick() {
     if (column > -1) {
       dispatch(MixerState.load(column, x));
@@ -76,11 +79,16 @@ export const Item = memo(function Item({
   }
 
   function generateTooltipData() {
-    let data = ["Title: " + x.title.toString()];
+    let data = [];
+    if (partyMode) {
+      data.push("Title: 🎉🎉🎉PARTY MODE🎉🎉🎉");
+    } else {
+      data.push("Title: " + x.title.toString());
 
-    if ("artist" in x && x.artist !== "") data.push("Artist: " + x.artist);
-    if ("album" in x && x.album.title !== "")
-      data.push("Album: " + x.album.title);
+      if ("artist" in x && x.artist !== "") data.push("Artist: " + x.artist);
+      if ("album" in x && x.album.title !== "")
+        data.push("Album: " + x.album.title);
+    }
     data.push("Length: " + x.length);
     if ("intro" in x)
       data.push(
@@ -133,8 +141,12 @@ export const Item = memo(function Item({
         >
           <span className={"icon " + x.type} />
           &nbsp;
-          {x.title.toString()}
-          {"artist" in x && x.artist !== "" && " - " + x.artist}
+          {showName && (
+            <>
+              {x.title.toString()}
+              {"artist" in x && x.artist !== "" && " - " + x.artist}
+            </>
+          )}
           <small
             className={
               "border rounded border-danger text-danger p-1 m-1" +
diff --git a/src/showplanner/Player.tsx b/src/showplanner/Player.tsx
index 03bee9e..1be5c75 100644
--- a/src/showplanner/Player.tsx
+++ b/src/showplanner/Player.tsx
@@ -220,11 +220,20 @@ function LoadedTrackInfo({ id }: { id: number }) {
     (state: RootState) => state.mixer.players[id].loadError
   );
 
+  const partyMode = useSelector((state: RootState) => state.settings.partyMode);
+  const showName =
+    !partyMode ||
+    loadedItem === null ||
+    !ShowPlanState.isTrack(loadedItem) ||
+    ("played" in loadedItem && loadedItem.played);
+
   return (
     <span className="card-title">
       <strong>
         {loadedItem !== null && loading === -1
-          ? loadedItem.title
+          ? showName
+            ? loadedItem.title
+            : ""
           : loading !== -1
           ? `LOADING`
           : loadError
@@ -272,6 +281,8 @@ export function Player({
       )
   );
 
+  const partyMode = useSelector((state: RootState) => state.settings.partyMode);
+
   useBeforeunload((event) => {
     console.log("Checking player " + id + " for un-ended tracklists.");
     const tracklistItemID = playerState.tracklistItemID;
@@ -381,6 +392,7 @@ export function Player({
               <span className="text-muted">
                 {playerState.loadedItem !== null && playerState.loading === -1
                   ? "artist" in playerState.loadedItem &&
+                    !partyMode &&
                     playerState.loadedItem.artist
                   : ""}
                 &nbsp;