From 5aeadf421a37fa69573c4a4a73528a801135c459 Mon Sep 17 00:00:00 2001
From: AlexFreik <alexfreik5@gmail.com>
Date: Fri, 22 Nov 2024 20:14:01 +0530
Subject: [PATCH] fix volume ui

---
 vmix-master/vmix-info.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/vmix-master/vmix-info.js b/vmix-master/vmix-info.js
index a2ee8b2..673edfe 100644
--- a/vmix-master/vmix-info.js
+++ b/vmix-master/vmix-info.js
@@ -104,7 +104,7 @@ function renderVmixInfo(box) {
               return `
             <div class="gap-1 inline-block w-fit">
                 <span class="${busInfo.sendToMaster === 'True' ? 'text-error' : 'text-secondary'}">${bus}:</span>
-                <span>${busInfo.volume}%</span>
+                <span>${getVolumeInfo(busInfo)}</span>
               </div>`;
           })
           .filter((str) => str !== '')
@@ -115,7 +115,7 @@ function renderVmixInfo(box) {
               (input) => `
               <div class="flex items-center gap-1">
                 <span class="text-secondary">${input.number}.</span>
-                <span>${input.volume}%</span>
+                <span>${getVolumeInfo(input)}</span>
                 <span class="badge badge-success h-[16px] px-1 py-0">${input.audiobusses}</span>
                 <span class="whitespace-nowrap overflow-hidden inline-flex flex-1">${getResponsiveTitle(input.title)}</span>
               </div>
@@ -163,3 +163,11 @@ function getShortInputProgress(input) {
     }
     return `${formatTimeMMSS(duration)} | ${formatTimeMMSS(remaining)}`;
 }
+
+function getVolumeInfo(input) {
+    let gain = '';
+    if (input.gainDb !== undefined && input.gainDb !== '0') {
+        gain = ' | ' + input.gainDb + 'dB';
+    }
+    return Math.round(input.volume) + '%' + gain;
+}