From 311fdc402036d90c04c332f74247fda419ce97b3 Mon Sep 17 00:00:00 2001
From: Maikiwi <polaris@zerocalorie.us>
Date: Fri, 4 Mar 2022 01:37:30 -0800
Subject: [PATCH] begone audio nerds (#354)

---
 src/renderer/views/app/chrome-bottom.ejs     | 3 ++-
 src/renderer/views/app/chrome-top.ejs        | 3 ++-
 src/renderer/views/app/sidebar.ejs           | 3 ++-
 src/renderer/views/components/fullscreen.ejs | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 012abd1b..1fbe6a59 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -96,7 +96,8 @@
             <button class="volume-button--small volume" @click="muteButtonPressed()"
                     :class="{'active': this.cfg.audio.volume == 0}"></button>
             <input type="range" @wheel="volumeWheel" :step="cfg.audio.volumeStep" min="0" :max="cfg.audio.maxVolume"
-                   v-model="mk.volume" v-if="typeof mk.volume != 'undefined'" @change="checkMuteChange()">
+                   v-model="mk.volume" v-if="typeof mk.volume != 'undefined'" @change="checkMuteChange()"
+                   v-b-tooltip.hover :title="`${(Math.log10(mk.volume) * 20).toFixed(2)} dB`">
         </div>
         <div class="app-chrome-item generic">
             <button class="playback-button--small miniplayer"
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 83e763be..7493fd9e 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -112,7 +112,8 @@
                 <button class="volume-button--small volume" @click="muteButtonPressed()"
                         :class="{'active': this.cfg.audio.volume == 0}"></button>
                 <input type="range" @wheel="volumeWheel" :step="cfg.audio.volumeStep" min="0" :max="cfg.audio.maxVolume"
-                       v-model="mk.volume" v-if="typeof mk.volume != 'undefined'" @change="checkMuteChange()">
+                       v-model="mk.volume" v-if="typeof mk.volume != 'undefined'" @change="checkMuteChange()"
+                       v-b-tooltip.hover :title="`${(Math.log10(mk.volume) * 20).toFixed(2)} dB`">
             </div>
             <div class="app-chrome-item generic">
                 <button class="playback-button--small miniplayer"
diff --git a/src/renderer/views/app/sidebar.ejs b/src/renderer/views/app/sidebar.ejs
index 28a9e8e3..102ab15c 100644
--- a/src/renderer/views/app/sidebar.ejs
+++ b/src/renderer/views/app/sidebar.ejs
@@ -171,7 +171,8 @@
                     <input type="range" class="" @wheel="volumeWheel" :step="cfg.audio.volumeStep" min="0"
                            :max="cfg.audio.maxVolume"
                            v-model="mk.volume" v-if="typeof mk.volume != 'undefined'"
-                           @change="checkMuteChange()">
+                           @change="checkMuteChange()"
+                           v-b-tooltip.hover :title="`${(Math.log10(mk.volume) * 20).toFixed(2)} dB`">
                 </div>
             </div>
         </div>
diff --git a/src/renderer/views/components/fullscreen.ejs b/src/renderer/views/components/fullscreen.ejs
index acc241c2..8a0eb4b3 100644
--- a/src/renderer/views/components/fullscreen.ejs
+++ b/src/renderer/views/components/fullscreen.ejs
@@ -81,7 +81,8 @@
                         <div class="input-container">
                         <button class="volume-button--small volume" @click="app.muteButtonPressed()" :class="{'active': app.cfg.audio.volume == 0}"></button>
                         <input type="range" class="slider" @wheel="app.volumeWheel" :step="app.cfg.audio.volumeStep" min="0" :max="app.cfg.audio.maxVolume" v-model="app.mk.volume"
-                               v-if="typeof app.mk.volume != 'undefined'" @change="app.checkMuteChange()">
+                               v-if="typeof app.mk.volume != 'undefined'" @change="app.checkMuteChange()"
+                               v-b-tooltip.hover :title="`${(Math.log10(mk.volume) * 20).toFixed(2)} dB`">
                         </div>       
                     </div>
                     </div>