From 599a9130a98c8fbb999768551ce5ab6b9a5c08a2 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Sat, 25 Dec 2021 00:00:46 -0800
Subject: [PATCH] added animated artwork quality, settings now uses approute

---
 index.js                                           |  1 +
 .../views/components/animatedartwork-view.ejs      |  2 +-
 src/renderer/views/main.ejs                        |  2 +-
 src/renderer/views/pages/settings.ejs              | 14 ++++++++++++++
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 6453b055..79c455ed 100644
--- a/index.js
+++ b/index.js
@@ -23,6 +23,7 @@ const configSchema = {
         "scrollbars": 0, // 0 = show on hover, 2 = always hide, 3 = always show
         "refresh_rate": 0,
         "animated_artwork": "always", // 0 = always, 1 = limited, 2 = never
+        "animated_artwork_qualityLevel": 1,
         "hw_acceleration": "default", // default, webgpu, disabled
         "window_transparency": "default"
     },
diff --git a/src/renderer/views/components/animatedartwork-view.ejs b/src/renderer/views/components/animatedartwork-view.ejs
index 91eebe7c..f6a33396 100644
--- a/src/renderer/views/components/animatedartwork-view.ejs
+++ b/src/renderer/views/components/animatedartwork-view.ejs
@@ -59,7 +59,7 @@
                         }
                         this.hls.attachMedia(this.$refs.video);
                         this.hls.loadSource(this.video);
-                        this.hls.loadLevel = 0;
+                        this.hls.loadLevel = parseInt(app.cfg.visual.animated_artwork_qualityLevel || 1);
                     } 
                 })
             }
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index aa49d97c..334a198e 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -210,7 +210,7 @@
                             <button class="usermenu-item" @click="window.open('https://discord.gg/applemusic')">
                                 Discord
                             </button>
-                            <button class="usermenu-item" @click="page = 'settings'">
+                            <button class="usermenu-item" @click="appRoute('settings')">
                                 Settings
                             </button>
                             <button class="usermenu-item" @click="mk.unauthorize()">
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 1ee089c8..435513ff 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -35,6 +35,20 @@
                     </select>
                 </div>
             </div>
+            <div class="md-option-line" v-if="app.cfg.visual.animated_artwork == 'always' || app.cfg.visual.animated_artwork == 'limited'">
+                <div class="md-option-segment">
+                    Animated Artwork Quality
+                </div>
+                <div class="md-option-segment md-option-segment_auto">
+                    <select class="md-select" v-model="app.cfg.visual.animated_artwork_qualityLevel">
+                        <option value="0">Low</option>
+                        <option value="1">Medium</option>
+                        <option value="2">High</option>
+                        <option value="3">Very High</option>
+                        <option value="4">Extreme</option>
+                    </select>
+                </div>
+            </div>
             <div class="md-option-line">
                 <div class="md-option-segment">
                     Discord Rich Presence