diff --git a/server/src/wled_controller/static/js/features/kc-targets.js b/server/src/wled_controller/static/js/features/kc-targets.js index 97dac04..c0ea4fb 100644 --- a/server/src/wled_controller/static/js/features/kc-targets.js +++ b/server/src/wled_controller/static/js/features/kc-targets.js @@ -35,7 +35,7 @@ class KCEditorModal extends Modal { const kcEditorModal = new KCEditorModal(); -export function createKCTargetCard(target, sourceMap, patternTemplateMap) { +export function createKCTargetCard(target, sourceMap, patternTemplateMap, valueSourceMap) { const state = target.state || {}; const metrics = target.metrics || {}; const kcSettings = target.key_colors_settings || {}; @@ -50,6 +50,9 @@ export function createKCTargetCard(target, sourceMap, patternTemplateMap) { const patternName = patTmpl ? patTmpl.name : 'No pattern'; const rectCount = patTmpl ? (patTmpl.rectangles || []).length : 0; + const bvsId = kcSettings.brightness_value_source_id || ''; + const bvs = bvsId && valueSourceMap ? valueSourceMap[bvsId] : null; + // Render initial color swatches from pre-fetched REST data let swatchesHtml = ''; const latestColors = target.latestColors && target.latestColors.colors; @@ -77,7 +80,8 @@ export function createKCTargetCard(target, sourceMap, patternTemplateMap) { 📺 ${escapeHtml(sourceName)} 📄 ${escapeHtml(patternName)} ■${rectCount} rect${rectCount !== 1 ? 's' : ''} - ⚡ ${kcSettings.fps ?? 10} fps + ⚡ ${kcSettings.fps ?? 10} + ${bvs ? `🔆 ${escapeHtml(bvs.name)}` : ''}