From 57e2925bc4db255b3d791194d74c0a9c96f1c6be Mon Sep 17 00:00:00 2001
From: Ascensionist <138753635+Ascensionist@users.noreply.github.com>
Date: Thu, 15 Aug 2024 08:06:32 +0500
Subject: [PATCH] Performance mode

---
 app/client/src/components/TrackTile.vue | 12 ++++++------
 app/client/src/views/Settings.vue       | 11 +++++++++++
 app/src/settings.js                     |  1 +
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/client/src/components/TrackTile.vue b/app/client/src/components/TrackTile.vue
index 0e71e53..8324504 100644
--- a/app/client/src/components/TrackTile.vue
+++ b/app/client/src/components/TrackTile.vue
@@ -1,21 +1,21 @@
 <template>
 <v-list-item two-line @click='$emit("click")' :ripple='ripple' @contextmenu.prevent="menu = true">
-    <v-list-item-avatar>
+    <v-list-item-avatar v-if='!$root.settings.perfmode'>
         <v-img :src='track.albumArt.thumb'></v-img>
     </v-list-item-avatar>
     <v-list-item-content>
         <v-list-item-title
             :class='{"primary--text": track.id == ($root.track ? $root.track : {id: null}).id}'
-        >{{track.title}}<span v-if='track.explicit' class='red--text text-overline pl-2'>E</span></v-list-item-title>
+        >{{track.title}}<span v-if='track.explicit && !$root.settings.perfmode' class='red--text text-overline pl-2'>E</span></v-list-item-title>
         <v-list-item-subtitle>{{track.artistString}}</v-list-item-subtitle>
     </v-list-item-content>
-    <v-list-item-action>
+    <v-list-item-action v-if='!$root.settings.perfmode'>
         <!-- Duration -->
         <div class='text-caption mx-2'>
             {{$duration(track.duration)}}
         </div>
     </v-list-item-action>
-    <v-list-item-action>
+    <v-list-item-action v-if='!$root.settings.perfmode'>
         <!-- Quick add/remoev to library -->
         <v-btn @click.stop='addLibrary' icon v-if='!isLibrary'>
             <v-icon>mdi-heart</v-icon>
@@ -24,7 +24,7 @@
             <v-icon>mdi-heart-remove</v-icon>
         </v-btn>
     </v-list-item-action>
-    <v-list-item-action>
+    <v-list-item-action v-if='!$root.settings.perfmode'>
         <!-- Quick add to playlist -->
         <v-btn @click.stop='popup = true' icon v-if='!removeQueue'>
             <v-icon>mdi-playlist-plus</v-icon>
@@ -34,7 +34,7 @@
             <v-icon>mdi-close</v-icon>
         </v-btn>
     </v-list-item-action>
-    <v-list-item-action>
+    <v-list-item-action v-if='!$root.settings.perfmode'>
         <!-- Context menu -->
         <v-menu v-model='menu' offset-y offset-x absolue>
             <template v-slot:activator="{on, attrs}">
diff --git a/app/client/src/views/Settings.vue b/app/client/src/views/Settings.vue
index e73b1da..e7cf75a 100644
--- a/app/client/src/views/Settings.vue
+++ b/app/client/src/views/Settings.vue
@@ -186,6 +186,17 @@
                 <v-list-item-subtitle>{{$t("Requires restart of Freezer!")}}</v-list-item-subtitle>
             </v-list-item-content>
         </v-list-item>
+        <!-- Performance mode -->
+        <v-list-item>
+            <v-list-item-action>
+                <v-checkbox v-model='$root.settings.perfmode' class='pl-2'></v-checkbox>
+            </v-list-item-action>
+            <v-list-item-content>
+                <v-list-item-title>{{$t("Performance Mode")}}</v-list-item-title>
+                <v-list-item-subtitle>{{$t("Only display essential track info. Incompatible with Clubs.")}}</v-list-item-subtitle>
+                <v-list-item-subtitle>{{$t("Greatly improves general load time")}}</v-list-item-subtitle>
+            </v-list-item-content>
+        </v-list-item>
         <!-- Background image -->
         <v-text-field
             class='px-4 my-2'
diff --git a/app/src/settings.js b/app/src/settings.js
index 9ff6540..d077152 100644
--- a/app/src/settings.js
+++ b/app/src/settings.js
@@ -45,6 +45,7 @@ class Settings {
         this.contentCountry = 'US';
         this.sidebarOpen = false;
         this.nativeTopBar = false;
+        this.perfmode = false;
 
         this.lastfmkey = '';
         this.lastfmsecret = '';