From d42976f8db73b3128a5fff25129b1735c4f3c36d Mon Sep 17 00:00:00 2001
From: Calum Clark CSM2019 <calum.clark.2019@uni.strath.ac.uk>
Date: Mon, 24 Jan 2022 22:31:57 +0000
Subject: [PATCH] miniplayer settings toggle to appear on top of windows.

working on linux, probs working elsewhere reading documentation.
---
 src/main/base/store.ts                | 3 ++-
 src/main/base/win.ts                  | 4 ++++
 src/renderer/index.js                 | 4 ++++
 src/renderer/views/pages/settings.ejs | 8 ++++++++
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index 66c0a6a4..4dab66ca 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -60,7 +60,8 @@ export class ConfigStore {
             "animated_artwork_qualityLevel": 1,
             "bg_artwork_rotation": false,
             "hw_acceleration": "default", // default, webgpu, disabled
-            "showuserinfo": true
+            "showuserinfo": true,
+            "miniplayer_ontop": true
         },
         "lyrics": {
             "enable_mxm": false,
diff --git a/src/main/base/win.ts b/src/main/base/win.ts
index 3ec4f0fc..0773d8ed 100644
--- a/src/main/base/win.ts
+++ b/src/main/base/win.ts
@@ -430,6 +430,10 @@ export class Win {
             this.win.setMinimumSize(width,height);
         })
 
+        electron.ipcMain.on("windowontop", (event, ontop) => {
+            this.win.setAlwaysOnTop(ontop);
+        });
+
         // Set scale
         electron.ipcMain.on("windowresize", (event, width, height, lock = false) => {          
             this.win.setContentSize(width, height);
diff --git a/src/renderer/index.js b/src/renderer/index.js
index 95e7b1a5..8578817a 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -3328,10 +3328,14 @@ const app = new Vue({
                 ipcRenderer.send('unmaximize');
                 ipcRenderer.send('windowmin', 250, 250)
                 ipcRenderer.send('windowresize', 300, 300, false)
+                if (this.cfg.visual.miniplayer_ontop) {
+                    ipcRenderer.send('windowontop', true)
+                }
                 app.appMode = 'mini';
             } else {
                 ipcRenderer.send('windowmin', 844, 410)
                 ipcRenderer.send('windowresize', this.tmpWidth, this.tmpHeight, false)
+                ipcRenderer.send('windowontop', false)
                 app.appMode = 'player';
             }
         },
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index d330161d..8cb5d7c3 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -524,6 +524,14 @@
                     </select>
                 </div>
             </div>
+            <div class="md-option-line">
+                <div class="md-option-segment">
+                    Miniplayer always on top
+                </div>
+                <div class="md-option-segment md-option-segment_auto" >
+                    <input type="checkbox"  v-model="app.cfg.visual.miniplayer_ontop" switch/>
+                </div>
+            </div>
         </div>
             <div style="opacity: 0.5; pointer-events: none">
                 <div class="md-option-header">