Added basic/advanced volume control tooltip (#1092)

Basic volume control tooltip will be in a percentage. Advanced volume control will be in dBFS

src/i18n/en_US.json

@@ -367,6 +367,7 @@
   "settings.header.audio": "Audio",
   "settings.header.audio.description": "Adjust the audio settings for Cider.",
   "settings.option.audio.volumeStep": "Volume Step",
+  "settings.option.audio.advanced": "Advanced Volume Control",
   "settings.option.audio.maxVolume": "Max Volume",
   "settings.option.audio.changePlaybackRate": "Change Playback Rate",
   "settings.option.audio.playbackRate": "Playback Rate",

src/renderer/main/vueapp.js

@@ -297,7 +297,8 @@ const app = new Vue({
             }
         },
         formatVolumeTooltip() {
-            return this.cfg.audio.dBSPL ? (Number(this.cfg.audio.dBSPLcalibration) + (Math.log10(this.mk.volume) * 20)).toFixed(2) + ' dB SPL' : (Math.log10(this.mk.volume) * 20).toFixed(2) + ' dBFS'
+            let advancedTooltip = this.cfg.audio.dBSPL ? (Number(this.cfg.audio.dBSPLcalibration) + (Math.log10(this.mk.volume) * 20)).toFixed(2) + ' dB SPL' : (Math.log10(this.mk.volume) * 20).toFixed(2) + ' dBFS'
+			return this.cfg.audio.advanced ? advancedTooltip : (this.mk.volume * 100).toFixed(0) + '%'
         },
         mainMenuVisibility(val, isContextMenu) {
             if(this.chrome.sidebarCollapsed && !isContextMenu) {

src/renderer/views/components/audio-controls.ejs

@@ -35,6 +35,16 @@
                                v-model="maxVolume"/>
                     </div>
                 </div>
+				<div class="md-option-line">
+					<div class="md-option-segment">
+						{{$root.getLz('settings.option.audio.advanced')}}
+					</div>
+					<div class="md-option-segment md-option-segment_auto">
+						<label>
+							<input type="checkbox" v-model="app.cfg.audio.advanced" switch/>
+						</label>
+					</div>
+				</div>
             </div>
         </div>
     </div>