From 6fdd1297359932b850dbe3e8ded71a96de0e1f52 Mon Sep 17 00:00:00 2001
From: DiTus <ditus@o2.pl>
Date: Wed, 25 Feb 2026 23:33:25 +0100
Subject: [PATCH] Fix malformed console.log causing syntax error

Removed the improperly escaped console.log statement that was inside a template literal.
The console.log was not properly escaped with template literal backticks causing:
"missing ) after argument list" error at line 307:26.

The debug logging is no longer needed. After fixing the syntax error, users should:
1. Do a hard refresh (Ctrl+Shift+R) to clear JavaScript module cache
2. Add a NEW RSI indicator
3. Expand settings - should now see RSI Length, Overbought Level, Oversold Level
---
 .../static/js/ui/indicators-panel-new.js      | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/api/dashboard/static/js/ui/indicators-panel-new.js b/src/api/dashboard/static/js/ui/indicators-panel-new.js
index 48838c9..d9702dc 100644
--- a/src/api/dashboard/static/js/ui/indicators-panel-new.js
+++ b/src/api/dashboard/static/js/ui/indicators-panel-new.js
@@ -260,8 +260,6 @@ function renderPresetIndicatorIndicator(meta, indicator) {
 }
 
 function renderIndicatorConfig(indicator, meta) {
-    console.log('[renderIndicatorConfig] Rendering config for:', indicator.name, 'Inputs:', meta?.inputs?.length);
-    
     const plotGroups = groupPlotsByColor(meta?.plots || []);
     
     return `
@@ -272,7 +270,7 @@ function renderIndicatorConfig(indicator, meta) {
                 ${plotGroups.map(group => {
                     const firstIdx = group.indices[0];
                     const color = indicator.params[`_color_${firstIdx}`] || meta.plots[firstIdx]?.color || getDefaultColor(activeIndicators.indexOf(indicator));
-return `
+                    return `
                         <div class="config-row">
                             <label>${group.name} Color</label>
                             <div class="color-picker">
@@ -299,6 +297,31 @@ return `
                 ` : ''}
             </div>
             
+            ${meta?.inputs && meta.inputs.length > 0 ? `
+                <div class="config-section">
+                    <div class="section-subtitle">Parameters</div>
+                    ${meta.inputs.map(input => `
+                        <div class="config-row">
+                            <label>${input.label}</label>
+                            ${input.type === 'select' ? 
+                                `<select onchange="window.updateIndicatorSetting && window.updateIndicatorSetting('${indicator.id}', '${input.name}', this.value)">
+                                    ${input.options.map(o => `<option value="${o}" ${indicator.params[input.name] === o ? 'selected' : ''}>${o}</option>`).join('')}
+                                </select>` :
+                                `<input 
+                                    type="number" 
+                                    value="${indicator.params[input.name]}" 
+                                    ${input.min !== undefined ? `min="${input.min}"` : ''} 
+                                    ${input.max !== undefined ? `max="${input.max}"` : ''} 
+                                    ${input.step !== undefined ? `step="${input.step}"` : ''} 
+                                    onchange="window.updateIndicatorSetting && window.updateIndicatorSetting('${indicator.id}', '${input.name}', parseFloat(this.value))"
+                                >`
+                            }
+                        </div>
+                    `).join('')}
+                </div>
+            ` : ''}
+            </div>
+            
             ${meta?.inputs && meta.inputs.length > 0 ? `
                 <div class="config-section">
                     <div class="section-subtitle">Parameters</div>