From ff1878f1edbcfd33b23605fab249e4b3918ac781 Mon Sep 17 00:00:00 2001
From: Szymon Porwolik <szporwolik@gmail.com>
Date: Fri, 7 Nov 2025 20:33:08 +0100
Subject: [PATCH] Help icon and debug mode turned off

---
 application/views/components/dxwaterfall.php |  6 +++
 assets/css/dxwaterfall.css                   | 46 +++++++++++++++++++-
 assets/js/dxwaterfall.js                     |  4 +-
 3 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/application/views/components/dxwaterfall.php b/application/views/components/dxwaterfall.php
index a94b2f520..6d31e75ba 100644
--- a/application/views/components/dxwaterfall.php
+++ b/application/views/components/dxwaterfall.php
@@ -77,9 +77,15 @@
 					<div id="dxWaterfallSpotLeft">
 						<span id="dxWaterfallMessage"></span>
 					</div>
+					<a id="dxWaterfallHelpIcon" href="https://github.com/wavelog/wavelog/wiki/DXWaterfall" target="_blank" rel="noopener noreferrer" title="<?= __("DX Waterfall Help"); ?>">
+						<i class="fas fa-question-circle"></i>
+					</a>
 					<i id="dxWaterfallPowerOnIcon" class="fas fa-power-off"></i>
 				</div>
 				<div id="dxWaterfallSpotContent"></div>
+				<a id="dxWaterfallHelpIconOff" href="https://github.com/wavelog/wavelog/wiki/DXWaterfall" target="_blank" rel="noopener noreferrer" title="<?= __("DX Waterfall Help"); ?>">
+					<i class="fas fa-question-circle"></i>
+				</a>
 				<i id="dxWaterfallPowerOffIcon" class="fas fa-power-off"></i>
 			</div>
 		</div>
diff --git a/assets/css/dxwaterfall.css b/assets/css/dxwaterfall.css
index b7b8d0d59..21eb8600a 100644
--- a/assets/css/dxwaterfall.css
+++ b/assets/css/dxwaterfall.css
@@ -45,7 +45,7 @@
 	#dxWaterfallSpotContent {
 		display: none;
 		width: 100%;
-		padding-right: 30px;
+		padding-right: 65px;
 	}
 	#dxWaterfallSpotContent.active {
 		display: block;
@@ -54,6 +54,7 @@
 		display: flex;
 		align-items: center;
 		flex: 1;
+		padding-right: 55px;
 	}
 	#dxWaterfallPowerOnIcon {
 		position: absolute;
@@ -68,6 +69,26 @@
 	#dxWaterfallPowerOnIcon:hover {
 		color: #DD0000;
 	}
+	#dxWaterfallHelpIcon {
+		position: absolute;
+		top: 50%;
+		right: 28px;
+		transform: translateY(-50%);
+		cursor: pointer;
+		color: #FFFFFF;
+		flex-shrink: 0;
+		transition: color 0.2s;
+		text-decoration: none;
+		display: flex;
+		align-items: center;
+	}
+	#dxWaterfallHelpIcon:hover {
+		color: #AAAAAA;
+		text-decoration: none;
+	}
+	#dxWaterfallHelpIcon i {
+		font-size: 14px;
+	}
 	#dxWaterfallMessage {
 		text-align: left;
 	}
@@ -88,6 +109,29 @@
 	#dxWaterfallPowerOffIcon:hover {
 		color: #00DD00;
 	}
+	#dxWaterfallHelpIconOff {
+		position: absolute;
+		top: 50%;
+		right: 36px;
+		transform: translateY(-50%);
+		cursor: pointer;
+		color: #FFFFFF;
+		flex-shrink: 0;
+		transition: color 0.2s;
+		text-decoration: none;
+		display: none;
+		align-items: center;
+	}
+	#dxWaterfallHelpIconOff.active {
+		display: flex;
+	}
+	#dxWaterfallHelpIconOff:hover {
+		color: #AAAAAA;
+		text-decoration: none;
+	}
+	#dxWaterfallHelpIconOff i {
+		font-size: 14px;
+	}
 	#dxWaterfallMenu {
 		width: 100%;
 		background-color: #000000;
diff --git a/assets/js/dxwaterfall.js b/assets/js/dxwaterfall.js
index 17d84b7a2..73af212c0 100644
--- a/assets/js/dxwaterfall.js
+++ b/assets/js/dxwaterfall.js
@@ -32,7 +32,7 @@ var DX_WATERFALL_CONSTANTS = {
     VERSION: '0.9.3', // DX Waterfall version (keep in sync with @version in file header)
 
     // Debug and logging
-    DEBUG_MODE: true, // Set to true for verbose logging, false for production
+    DEBUG_MODE: false, // Set to true for verbose logging, false for production
 
     // Timing and debouncing
     DEBOUNCE: {
@@ -6789,6 +6789,7 @@ function setFrequency(frequencyInKHz, fromWaterfall) {
         $('#dxWaterfallSpotHeader').addClass('hidden');
         $('#dxWaterfallSpotContent').addClass('active');
         $('#dxWaterfallPowerOffIcon').addClass('active');
+        $('#dxWaterfallHelpIconOff').addClass('active');
 
         // Show waterfall and menu
         $('#dxWaterfallCanvasContainer').show();
@@ -6887,6 +6888,7 @@ function setFrequency(frequencyInKHz, fromWaterfall) {
         $('#dxWaterfallSpotHeader').removeClass('hidden');
         $('#dxWaterfallSpotContent').removeClass('active');
         $('#dxWaterfallPowerOffIcon').removeClass('active');
+        $('#dxWaterfallHelpIconOff').removeClass('active');
 
         // Hide waterfall and menu
         $('#dxWaterfallCanvasContainer').hide();