From 86b86ddd196cd9d16ab7896835d0affe4eaa8a79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:43:23 +0300
Subject: [PATCH 01/14] Added show user info variable to the cfg

---
 src/main/base/store.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index 766fddb0..4c573a93 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -55,7 +55,8 @@ export class ConfigStore {
             "animated_artwork": "limited", // 0 = always, 1 = limited, 2 = never
             "animated_artwork_qualityLevel": 1,
             "bg_artwork_rotation": false,
-            "hw_acceleration": "default" // default, webgpu, disabled
+            "hw_acceleration": "default", // default, webgpu, disabled
+            "showuserinfo": true
         },
         "lyrics": {
             "enable_mxm": false,

From 64914fb3e5e118deeec4776047b9213126d535c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:44:18 +0300
Subject: [PATCH 02/14] load hide user info settings from cfg

if no developer mode ofc..
---
 src/renderer/index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index d43f1927..da7fcf99 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -496,6 +496,9 @@ const app = new Vue({
             this.$forceUpdate()
             if (this.isDev) {
                 this.mk.privateEnabled = true
+            } else {
+                // Get Hide User from Settings
+                this.chrome.hideUserInfo = !this.cfg.visual.showuserinfo
             }
             if (this.cfg.visual.hw_acceleration == "disabled") {
                 document.body.classList.add("no-gpu")

From 9eb8e68bba63ef37ed78253ed5ad53f4729e1246 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:44:50 +0300
Subject: [PATCH 03/14] defaulted hide user settings to false

developer check is moved to if(is.Dev) portion
---
 src/renderer/index.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index da7fcf99..245b73b1 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -257,7 +257,7 @@ const app = new Vue({
         tmpVar: [],
         notification: false,
         chrome: {
-            hideUserInfo: ipcRenderer.sendSync("is-dev"),
+            hideUserInfo: false,
             artworkReady: false,
             userinfo: {
                 "id": "",
@@ -496,6 +496,8 @@ const app = new Vue({
             this.$forceUpdate()
             if (this.isDev) {
                 this.mk.privateEnabled = true
+                // Hide UserInfo if Dev mode
+                this.chrome.hideUserInfo = true
             } else {
                 // Get Hide User from Settings
                 this.chrome.hideUserInfo = !this.cfg.visual.showuserinfo

From ac354a07ab96e4ab502100ef20eb9c857f84386c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:45:53 +0300
Subject: [PATCH 04/14] Added the function for toggling hide user info from the
 drop menu

this is for syncing the bottom left drop menu with settings page
---
 src/renderer/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index 245b73b1..e914a1ce 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -3247,6 +3247,15 @@ const app = new Vue({
             return 0 !== s && (h = s > 0 ? "-" : "+"),
                 `${h}${leadingZeros(n, 2)}:${leadingZeros(d, 2)}`
         },
+        toggleHideUserInfo() {
+            if(this.chrome.hideUserInfo) {
+                this.cfg.visual.showuserinfo = true
+                this.chrome.hideUserInfo = false
+            } else {
+                this.cfg.visual.showuserinfo = false
+                this.chrome.hideUserInfo = true
+            }
+        }
 
     }
 })

From 9bad210c0c4035e960a9eae3d43c94b07d6b298b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:47:10 +0300
Subject: [PATCH 05/14] changed the button behaviour to calling the toggle
 function

for applying the setting to both settings page and the drop menu and saving it
---
 src/renderer/views/main.ejs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index ef98bb6b..e6709332 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -221,7 +221,7 @@
                     <transition name="wpfade">
                         <div class="usermenu-container" v-if="chrome.menuOpened">
                             <div class="usermenu-body">
-                                <button class="usermenu-item" @click="chrome.hideUserInfo = !chrome.hideUserInfo">
+                                <button class="usermenu-item" @click="toggleHideUserInfo()">
                                     <div class="row nopadding">
                                         <div class="col nopadding">
                                             Show Personal Info

From f275883728bf42331ac926ca40305b403141885d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:48:01 +0300
Subject: [PATCH 06/14] added a switch for hiding user info to the settings
 page

and made a toggle func for it to apply the setting
---
 src/renderer/views/pages/settings.ejs | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 7615759b..85bd49ea 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -103,6 +103,14 @@
                     </select>
                 </div>
             </div>
+            <div class="md-option-line">
+                <div class="md-option-segment">
+                    Show Personal Info
+                </div>
+                <div class="md-option-segment md-option-segment_auto">
+                    <input type="checkbox" v-model="app.cfg.visual.showuserinfo" v-on:change="toggleUserInfo" switch/>
+                </div>
+            </div>
             <div class="md-option-header">
                 <span>Lyrics</span>
             </div>
@@ -605,6 +613,9 @@
             },
             changeAudioQuality : function(){
                 app.mk.bitrate = app.cfg.audio.quality
+            },
+            toggleUserInfo : function(){
+                app.chrome.hideUserInfo = !app.cfg.visual.showuserinfo
             }
         }
     })

From 82b745a735002ca97cfbc053cf3e241df883d93e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:49:57 +0300
Subject: [PATCH 07/14] Added Play and Shuffle icons to the list view

for making it more Apple-like
---
 src/renderer/style.less                     | 25 ++++++++++++++++
 src/renderer/views/pages/cider-playlist.ejs | 32 ++++++++++-----------
 2 files changed, 41 insertions(+), 16 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 1019972a..b92149e5 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -2062,6 +2062,31 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   }
 }
 
+.md-ico-play {
+  content:url("./assets/playPng.png");
+  width: 10px;
+  height: 12px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-shuffle {
+  content:url("./assets/shufflePng.png");
+  width: 15px;
+  height: 13px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-remove {
+  content:url("./assets/feather/x-circlePng.png");
+  width: 16px;
+  height: 16px; 
+  margin-right: 1px;
+  margin-bottom: -1.5px;
+  align-self: center;
+}
+
 .md-select {
   width: 100%;
   padding: 6px;
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 1ee19af1..0e8de09b 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -62,20 +62,20 @@
                                 </div>
                             </template>
                             <div class="playlist-controls" v-observe-visibility="{callback: isHeaderVisible}">
-                                <button class="md-btn" style="min-width: 120px;"
-                                        @click="app.mk.shuffleMode = 0; play()">
+                                <button class="md-btn" style="min-width: 100px;"
+                                        @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
                                     Play
                                 </button>
-                                <button class="md-btn" style="min-width: 120px;"
-                                        @click="app.mk.shuffleMode = 1;play()">
+                                <button class="md-btn" style="min-width: 100px;"
+                                        @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
                                     Shuffle
                                 </button>
-                                <button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
-                                        @click="confirmButton()">
+                                <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
+                                        @click="confirmButton()"> <img class="md-ico-remove">
                                     {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                                 </button>
-                                <button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
-                                        @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
+                                <button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
+                                        @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img class="md-ico-remove">
                                     Confirm?
                                 </button>
                                 <button class="more-btn-round" style="float:right;" @click="menu">
@@ -98,20 +98,20 @@
                     </div>
                     <div class="col-auto flex-center">
                         <div>
-                            <button class="md-btn" style="min-width: 120px;"
-                                    @click="app.mk.shuffleMode = 0; play()">
+                            <button class="md-btn" style="min-width: 100px;"
+                                    @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
                                 Play
                             </button>
-                            <button class="md-btn" style="min-width: 120px;"
-                                    @click="app.mk.shuffleMode = 1;play()">
+                            <button class="md-btn" style="min-width: 100px;"
+                                    @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
                                 Shuffle
                             </button>
-                            <button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
-                                    @click="confirmButton()">
+                            <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
+                                    @click="confirmButton()"> <img class="md-ico-remove">
                                 {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                             </button>
-                            <button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
-                                    @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
+                            <button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
+                                    @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img class="md-ico-remove">
                                 Confirm?
                             </button>
                         </div>

From 2440907eeb8fd3cc7ffd7fdd0dca07f9f0cebb3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:51:10 +0300
Subject: [PATCH 08/14] little bit bigger....

to go well with the new icons
---
 src/renderer/style.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index b92149e5..acf09dae 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -2026,9 +2026,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .md-btn {
   background: rgba(100, 100, 100, 0.5);
-  padding: 4px 12px;
+  padding: 6px 12px;
   border-radius: 4px;
-  font-size: 13px;
+  font-size: 16px;
   border: 1px solid rgb(100 100 100 / 35%);
   color: #eee;
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);

From 9f3dceaa215cee3a8dab384cbfc9e60278077269 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:51:32 +0300
Subject: [PATCH 09/14] delete the "@" symbol from username

I don't think this symbol needs to be there at all. it was bothering me so i removed it
---
 src/renderer/views/main.ejs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index e6709332..81fe3dd2 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -315,7 +315,7 @@
                                 <template v-if="chrome.userinfo.id">
                                     <div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}
                                     </div>
-                                    <div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle
+                                    <div class="handle-text text-overflow-elipsis">{{ chrome.userinfo.attributes.handle
                                         }}
                                     </div>
                                 </template>

From 56bf8b478e5d6f6106ed18485cb94f565e9c146f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Thu, 20 Jan 2022 04:51:52 +0300
Subject: [PATCH 10/14] png's for the list view icons

---
 src/renderer/assets/feather/x-circlePng.png | Bin 0 -> 4607 bytes
 src/renderer/assets/playPng.png             | Bin 0 -> 3953 bytes
 src/renderer/assets/shufflePng.png          | Bin 0 -> 3036 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/renderer/assets/feather/x-circlePng.png
 create mode 100644 src/renderer/assets/playPng.png
 create mode 100644 src/renderer/assets/shufflePng.png

diff --git a/src/renderer/assets/feather/x-circlePng.png b/src/renderer/assets/feather/x-circlePng.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b0f9ca2685ace5b8c57d962351b744209bafc7e
GIT binary patch
literal 4607
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

literal 0
HcmV?d00001

diff --git a/src/renderer/assets/playPng.png b/src/renderer/assets/playPng.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ece27c0f3dc2004d8a55f08c7bdb2113647af9b
GIT binary patch
literal 3953
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
YncUvEnHm}JCqTr}*3G8+fbXUM0CPQe=l}o!

literal 0
HcmV?d00001

diff --git a/src/renderer/assets/shufflePng.png b/src/renderer/assets/shufflePng.png
new file mode 100644
index 0000000000000000000000000000000000000000..982547d6c3489200a61e1181fdd315849bcb4162
GIT binary patch
literal 3036
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
T=gM6P>;Pb91iwzc<`(lWol>i{

literal 0
HcmV?d00001


From 140d715498e28c3c336b2b97f02ec028f7d3decb Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Thu, 20 Jan 2022 09:12:26 +0700
Subject: [PATCH 11/14] Update style.less

---
 src/renderer/style.less | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index acf09dae..735c1ee1 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -2087,6 +2087,15 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   align-self: center;
 }
 
+.md-ico-add {
+  content:url("./assets/feather/plus.svg");
+  width: 16px;
+  height: 16px; 
+  margin-right: 1px;
+  margin-bottom: -1.5px;
+  align-self: center;
+}
+
 .md-select {
   width: 100%;
   padding: 6px;

From 39a57621380dea138348701b12de61a092302b81 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Thu, 20 Jan 2022 09:14:32 +0700
Subject: [PATCH 12/14] Update cider-playlist.ejs

---
 src/renderer/views/pages/cider-playlist.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 0e8de09b..e9049d0a 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -71,7 +71,7 @@
                                     Shuffle
                                 </button>
                                 <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
-                                        @click="confirmButton()"> <img class="md-ico-remove">
+                                        @click="confirmButton()"> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
                                     {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                                 </button>
                                 <button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
@@ -107,7 +107,7 @@
                                 Shuffle
                             </button>
                             <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
-                                    @click="confirmButton()"> <img class="md-ico-remove">
+                                    @click="confirmButton()"> <img class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
                                 {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                             </button>
                             <button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
@@ -482,4 +482,4 @@
 
         }
     })
-</script>
\ No newline at end of file
+</script>

From 1545cf56530621bf4246398cde7815ee5a088268 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Thu, 20 Jan 2022 09:15:04 +0700
Subject: [PATCH 13/14] Update cider-playlist.ejs

---
 src/renderer/views/pages/cider-playlist.ejs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index e9049d0a..e1fb6675 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -107,7 +107,7 @@
                                 Shuffle
                             </button>
                             <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
-                                    @click="confirmButton()"> <img class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
+                                    @click="confirmButton()"> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
                                 {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                             </button>
                             <button class="md-btn" style="min-width: 180px;" v-if="confirm==true"

From 601ba1e1c37603d13876919e33ed45d6a7159b12 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Thu, 20 Jan 2022 09:17:21 +0700
Subject: [PATCH 14/14] Update index.js

---
 src/renderer/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index e914a1ce..dae9efcd 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -257,7 +257,7 @@ const app = new Vue({
         tmpVar: [],
         notification: false,
         chrome: {
-            hideUserInfo: false,
+            hideUserInfo: ipcRenderer.sendSync("is-dev") || false,
             artworkReady: false,
             userinfo: {
                 "id": "",
@@ -3520,4 +3520,4 @@ async function webGPU() {
 webGPU().then()
 
 let screenWidth = screen.width;
-let screenHeight = screen.height;
\ No newline at end of file
+let screenHeight = screen.height;