From 1dd73e740b7ecfbf120acf22e4bd5a2340e8d9d5 Mon Sep 17 00:00:00 2001
From: yazninja <yazlesean@gmail.com>
Date: Sun, 17 Jul 2022 21:22:32 +0800
Subject: [PATCH] add logic for showing spatialization icon

---
 src/renderer/style.less                  | 5 +++++
 src/renderer/views/app/chrome-bottom.ejs | 3 +++
 src/renderer/views/app/chrome-top.ejs    | 3 +++
 3 files changed, 11 insertions(+)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 8349454e..39d7be4c 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1325,6 +1325,11 @@ body[platform="darwin"] .app-chrome .app-chrome-item>.window-controls>div.close
     margin-left     : 0.5em !important;
     flex            : 1;
   }
+  .spatial-icon {
+    background-image: url("./assets/spatialization.svg") !important;
+    margin-left     : 0.5em !important;
+    flex            : 1;
+  }
 
   .private-icon {
     background-image: url("./assets/private.svg") !important;
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 44fda15e..7a119b69 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -45,6 +45,9 @@
                         </div>
                         <div class="chrome-icon-container">
                             <div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
+                            <div class="audio-type spatial-icon" v-if="cfg.audio.maikiwiAudio.spatial === true" 
+                                :title="$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization') + ' (' + cfg.audio.maikiwiAudio.spatialProfile.charAt(0).toUpperCase() + cfg.audio.maikiwiAudio.spatialProfile.substr(1).toLowerCase() + ')'" v-b-tooltip.hover
+                            ></div>
                             <div class="audio-type lossless-icon" v-if="(mk.nowPlayingItem?.localFilesMetadata?.lossless ?? false) === true" 
                                 :title="mk.nowPlayingItem?.localFilesMetadata?.bitDepth +'-bit / '+ mk.nowPlayingItem?.localFilesMetadata?.sampleRate/1000 + ' kHz ' + mk.nowPlayingItem.localFilesMetadata.container" v-b-tooltip.hover
                             ></div>          
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index e2705e5c..5e85dc65 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -123,6 +123,9 @@
           <div class="playback-info">
             <div class="chrome-icon-container">
               <div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
+              <div class="audio-type spatial-icon" v-if="cfg.audio.maikiwiAudio.spatial === true" 
+                :title="$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization') + ' (' + cfg.audio.maikiwiAudio.spatialProfile.charAt(0).toUpperCase() + cfg.audio.maikiwiAudio.spatialProfile.substr(1).toLowerCase() + ')'" v-b-tooltip.hover
+              ></div>
               <div class="audio-type lossless-icon" v-if="(mk.nowPlayingItem?.localFilesMetadata?.lossless ?? false) === true" 
                 :title="mk.nowPlayingItem?.localFilesMetadata?.bitDepth +'-bit / '+ mk.nowPlayingItem?.localFilesMetadata?.sampleRate/1000 + ' kHz ' + mk.nowPlayingItem.localFilesMetadata.container" v-b-tooltip.hover
               ></div>