156 lines
3.9 KiB
JavaScript
156 lines
3.9 KiB
JavaScript
const standardPrograms = ['SARI', 'ILI', 'LBM'];
|
|
const programCode = (window.PROGRAM_CODE || '').trim().toUpperCase();
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
|
|
|
|
if (!standardPrograms.includes(programCode)) return;
|
|
new DashboardFilter((startYear, startWeek, endYear, endWeek) => {
|
|
|
|
fetch(`/api/dashboard/program?surveillance_id=${window.SURVEILLANCE_ID}&start_year=${startYear}&start_week=${startWeek}&end_year=${endYear}&end_week=${endWeek}`)
|
|
.then(res => res.json())
|
|
.then(renderDashboard)
|
|
.catch(err => console.error("Dashboard API error:", err));
|
|
|
|
});
|
|
|
|
});
|
|
function renderTrend(valueId, changeId, current, previous, suffix = '') {
|
|
|
|
const valueEl = document.getElementById(valueId);
|
|
const changeEl = document.getElementById(changeId);
|
|
|
|
if (!valueEl || !changeEl) return;
|
|
|
|
valueEl.textContent = current + suffix;
|
|
|
|
if (!previous) {
|
|
changeEl.innerHTML = "— No previous data";
|
|
changeEl.className = "text-muted";
|
|
return;
|
|
}
|
|
|
|
const diff = current - previous;
|
|
const percent = ((diff / previous) * 100).toFixed(1);
|
|
|
|
if (diff > 0) {
|
|
changeEl.innerHTML = `↑ +${percent}% from previous week`;
|
|
changeEl.className = "text-success";
|
|
}
|
|
else if (diff < 0) {
|
|
changeEl.innerHTML = `↓ ${percent}% from previous week`;
|
|
changeEl.className = "text-danger";
|
|
}
|
|
else {
|
|
changeEl.innerHTML = "— No significant change";
|
|
changeEl.className = "text-muted";
|
|
}
|
|
}
|
|
function renderProgramTrend(rows) {
|
|
|
|
rows = rows || [];
|
|
|
|
const labels = rows.map(r => `W${r.period}`);
|
|
const samples = rows.map(r => r.total_samples || 0);
|
|
const positivity = rows.map(r => r.positivity_rate || 0);
|
|
|
|
buildMixedTrendChart(
|
|
'trendChart',
|
|
labels,
|
|
samples,
|
|
positivity
|
|
);
|
|
}
|
|
function renderSummary(summary) {
|
|
|
|
summary = summary || {};
|
|
|
|
const cases = summary.cases || {};
|
|
const hospital = summary.hospital_rate || {};
|
|
const icu = summary.icu_rate || {};
|
|
const positivity = summary.positivity_rate || {};
|
|
|
|
renderTrend(
|
|
"totalCases",
|
|
"casesChange",
|
|
cases.current || 0,
|
|
cases.previous || 0
|
|
);
|
|
renderTrend(
|
|
"influenzaRate",
|
|
"influenzaChange",
|
|
summary.influenza_rate.current,
|
|
summary.influenza_rate.previous,
|
|
"%"
|
|
);
|
|
|
|
renderTrend(
|
|
"covidRate",
|
|
"covidChange",
|
|
summary.covid_rate.current,
|
|
summary.covid_rate.previous,
|
|
"%"
|
|
);
|
|
|
|
renderTrend(
|
|
"hospitalRate",
|
|
"hospitalChange",
|
|
hospital.current || 0,
|
|
hospital.previous || 0,
|
|
"%"
|
|
);
|
|
|
|
renderTrend(
|
|
"icuRate",
|
|
"icuChange",
|
|
icu.current || 0,
|
|
icu.previous || 0,
|
|
"%"
|
|
);
|
|
|
|
renderTrend(
|
|
"positivityRate",
|
|
"positivityChange",
|
|
positivity.current || 0,
|
|
positivity.previous || 0,
|
|
"%"
|
|
);
|
|
}
|
|
function renderDashboard(data) {
|
|
console.log("SUMMARY:", data.summary);
|
|
data = data || {};
|
|
|
|
|
|
renderProgramTrend(data.trend || []);
|
|
renderSummary(data.summary || {});
|
|
buildChart(
|
|
'provinceChart',
|
|
'bar',
|
|
(data.province_distribution || []).map(r => r.site_province_name),
|
|
(data.province_distribution || []).map(r => r.total)
|
|
);
|
|
|
|
buildChart(
|
|
'pathogenChart',
|
|
'bar',
|
|
(data.pathogen_distribution || []).map(r => r.pathogen_name),
|
|
(data.pathogen_distribution || []).map(r => r.total),
|
|
'Positive'
|
|
);
|
|
|
|
buildChart(
|
|
'ageChart',
|
|
'doughnut',
|
|
(data.age_distribution || []).map(r => r.age_group),
|
|
(data.age_distribution || []).map(r => r.total)
|
|
);
|
|
|
|
buildChart(
|
|
'sexChart',
|
|
'bar',
|
|
(data.sex_distribution || []).map(r => r.patient_sex),
|
|
(data.sex_distribution || []).map(r => r.total)
|
|
);
|
|
|
|
}
|