alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard: show color strip source type in target subtitle

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-20 19:43:26 +03:00
parent 7479b1fb8d
commit c5ced0d904
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
server/src/wled_controller/static/js/features/dashboard.js
View File

@@ -295,10 +295,11 @@ export async function loadDashboard(forceFullRender = false) {
if (!container) { set_dashboardLoading(false); return; }
try {
const [targetsResp, profilesResp, devicesResp] = await Promise.all([
const [targetsResp, profilesResp, devicesResp, cssResp] = await Promise.all([
fetchWithAuth('/picture-targets'),
fetchWithAuth('/profiles').catch(() => null),
fetchWithAuth('/devices').catch(() => null),
fetchWithAuth('/color-strip-sources').catch(() => null),
]);
const targetsData = await targetsResp.json();
@@ -308,6 +309,9 @@ export async function loadDashboard(forceFullRender = false) {
const devicesData = devicesResp && devicesResp.ok ? await devicesResp.json() : { devices: [] };
const devicesMap = {};
for (const d of (devicesData.devices || [])) { devicesMap[d.id] = d; }
const cssData = cssResp && cssResp.ok ? await cssResp.json() : { sources: [] };
const cssSourceMap = {};
for (const s of (cssData.sources || [])) { cssSourceMap[s.id] = s; }
// Build dynamic HTML (targets, profiles)
let dynamicHtml = '';
@@ -367,7 +371,7 @@ export async function loadDashboard(forceFullRender = false) {
if (running.length > 0) {
runningIds = running.map(t => t.id);
const stopAllBtn = `<button class="btn btn-sm btn-danger dashboard-stop-all" onclick="event.stopPropagation(); dashboardStopAll()" title="${t('dashboard.stop_all')}">⏹️ ${t('dashboard.stop_all')}</button>`;
const runningItems = running.map(target => renderDashboardTarget(target, true, devicesMap)).join('');
const runningItems = running.map(target => renderDashboardTarget(target, true, devicesMap, cssSourceMap)).join('');
targetsInner += `<div class="dashboard-subsection">
${_sectionHeader('running', t('dashboard.section.running'), running.length, stopAllBtn)}
@@ -376,7 +380,7 @@ export async function loadDashboard(forceFullRender = false) {
}
if (stopped.length > 0) {
const stoppedItems = stopped.map(target => renderDashboardTarget(target, false, devicesMap)).join('');
const stoppedItems = stopped.map(target => renderDashboardTarget(target, false, devicesMap, cssSourceMap)).join('');
targetsInner += `<div class="dashboard-subsection">
${_sectionHeader('stopped', t('dashboard.section.stopped'), stopped.length)}
@@ -421,7 +425,7 @@ export async function loadDashboard(forceFullRender = false) {
}
}
function renderDashboardTarget(target, isRunning, devicesMap = {}) {
function renderDashboardTarget(target, isRunning, devicesMap = {}, cssSourceMap = {}) {
const state = target.state || {};
const metrics = target.metrics || {};
const isLed = target.target_type === 'led' || target.target_type === 'wled';
@@ -434,6 +438,10 @@ function renderDashboardTarget(target, isRunning, devicesMap = {}) {
if (device) {
subtitleParts.push((device.device_type || '').toUpperCase());
}
const cssSource = target.color_strip_source_id ? cssSourceMap[target.color_strip_source_id] : null;
if (cssSource) {
subtitleParts.push(t(`color_strip.type.${cssSource.source_type}`) || cssSource.source_type);
}
}
if (isRunning) {