Yershat_Baitayev/safety-audit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Дашборд: сохранение фильтров, перезапуск графиков при обновлении

Browse Source
This commit is contained in:
Dauren777 2026-06-11 05:44:46 +00:00
parent 7c1c56b292
commit ca53bd4e98
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app.html
View File

@ -155,25 +155,28 @@ function rMS(){
function rDB(){
var c=document.getElementById("dbc");if(!c)return;
var a=getA(),all=allU();
// Сохраняем значения фильтров до перерисовки
var savedDf=(document.getElementById("df")||{}).value||"",savedDt=(document.getElementById("dt")||{}).value||"";
// Date filter
var df=document.getElementById("df"),dt=document.getElementById("dt");
if(df&&df.value)a=a.filter(function(x){return x.date>=df.value});
if(dt&&dt.value)a=a.filter(function(x){return x.date<=dt.value});
if(savedDf)a=a.filter(function(x){return x.date>=savedDf});
if(savedDt)a=a.filter(function(x){return x.date<=savedDt});
var t=a.length,sf=a.filter(function(x){return x.overallSafe}).length,wd=a.filter(function(x){return !x.overallSafe}).length,tv=a.reduce(function(s,x){return s+(x.totalViolations||0)},0);
var ot=0,bh=0,ov=0;for(var k in all){if(k==="admin")continue;var u=all[k];var q=getUserQuota(u);if(!q.p)continue;var p=gp(q.p);var d=a.filter(function(x){return x.createdBy===k&&new Date(x.date)>=p.s}).length;if(d>q.c)ov++;else if(d>=q.c)ot++;else bh++}
var adb=isA()?"<div style=\"margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap\"><button class=\"btn bp\" onclick=\"downloadFullCSV()\">📥 CSV данные</button><button class=\"btn bo\" onclick=\"downloadSummaryHTML()\">📊 HTML отчёт</button><button class=\"btn bo\" onclick=\"showAllUsers()\">👥 Пользователи</button><span style=\"color:#E2E6EB;margin:0 4px\">|</span><button class=\"btn bp\" onclick=\"sbSync();alert('Синхронизировано!')\" style=\"background:#2D6A4F\">🔄 Синхронизировать</button><button class=\"btn bo\" onclick=\"importData()\">📥 Импорт</button><button class=\"btn bo\" onclick=\"exportData()\">📤 Экспорт</button></div>":"";
c.innerHTML=adb+"<div class=\"fb\"><span style=\"font-size:12px;color:#5B6573\">с</span><input type=\"date\" id=\"df\" style=\"width:140px\" onchange=\"rDB()\"><span style=\"font-size:12px;color:#5B6573\">по</span><input type=\"date\" id=\"dt\" style=\"width:140px\" onchange=\"rDB()\"><button class=\"btn bo bs\" onclick=\"document.getElementById('df').value='';document.getElementById('dt').value='';rDB()\" style=\"margin-left:6px\">✕ Сбросить</button></div>"+
c.innerHTML=adb+"<div class=\"fb\"><span style=\"font-size:12px;color:#5B6573\">с</span><input type=\"date\" id=\"df\" style=\"width:140px\" onchange=\"rDB()\" value=\""+savedDf+"\"><span style=\"font-size:12px;color:#5B6573\">по</span><input type=\"date\" id=\"dt\" style=\"width:140px\" onchange=\"rDB()\" value=\""+savedDt+"\"><button class=\"btn bo bs\" onclick=\"document.getElementById('df').value='';document.getElementById('dt').value='';rDB()\" style=\"margin-left:6px\">✕ Сбросить</button></div>"+
"<div class=\"stats\"><div class=\"st\"><div class=\"n\">"+t+"</div><div class=\"l\">Всего аудитов</div></div><div class=\"st gr\"><div class=\"n\">"+sf+"</div><div class=\"l\">Безопасно</div></div><div class=\"st rd\"><div class=\"n\">"+wd+"</div><div class=\"l\">С нарушениями</div></div><div class=\"st rd\"><div class=\"n\">"+tv+"</div><div class=\"l\">Всего пунктов нарушений</div></div><div class=\"st gr\"><div class=\"n\">"+(ot+ov)+"</div><div class=\"l\">Выполняют график</div></div><div class=\"st rd\"><div class=\"n\">"+bh+"</div><div class=\"l\">Отстают от графика</div></div></div>"+
"<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px\"><div class=\"card\"><h3>📂 Нарушения по категориям</h3><canvas id=\"ch1\"></canvas></div><div class=\"card\"><h3>📅 Динамика по датам</h3><canvas id=\"ch2\"></canvas></div></div>"+
"<div class=\"card\"><h3>🔝 Топ-10 нарушений</h3><canvas id=\"ch3\"></canvas></div>";
setTimeout(function(){
// Charts — с проверкой что canvas существует
var initCharts=function(){if(!document.getElementById("ch1")){setTimeout(initCharts,100);return}
if(window._charts){for(var ck in window._charts)try{window._charts[ck].destroy()}catch(e){}}window._charts={};
var ctx1=document.getElementById("ch1");if(ctx1)window._charts.cat=new Chart(ctx1,{type:"bar",data:{labels:CATS.map(function(c){return c.title.split(". ")[1]}),datasets:[{label:"Нарушений",data:CATS.map(function(cat){return a.reduce(function(s,x){var c2=x.categories&&x.categories[cat.id];return s+(c2?c2.items.length:0)},0)}),backgroundColor:"#E63946",borderRadius:4}]},options:{responsive:true,plugins:{legend:{display:false}}}});
window._charts.cat=new Chart(document.getElementById("ch1"),{type:"bar",data:{labels:CATS.map(function(c){return c.title.split(". ")[1]}),datasets:[{label:"Нарушений",data:CATS.map(function(cat){return a.reduce(function(s,x){var c2=x.categories&&x.categories[cat.id];return s+(c2?c2.items.length:0)},0)}),backgroundColor:"#E63946",borderRadius:4}]},options:{responsive:true,plugins:{legend:{display:false}}}});
var dates={};a.forEach(function(x){if(!dates[x.date])dates[x.date]=0;dates[x.date]+=(x.totalViolations||0)});var sd=Object.keys(dates).sort();
var ctx2=document.getElementById("ch2");if(ctx2)window._charts.tl=new Chart(ctx2,{type:"line",data:{labels:sd,datasets:[{label:"Нарушений",data:sd.map(function(d){return dates[d]}),borderColor:"#E63946",tension:0.3,pointRadius:4}]},options:{responsive:true,plugins:{legend:{display:false}}}});
window._charts.tl=new Chart(document.getElementById("ch2"),{type:"line",data:{labels:sd,datasets:[{label:"Нарушений",data:sd.map(function(d){return dates[d]}),borderColor:"#E63946",tension:0.3,pointRadius:4}]},options:{responsive:true,plugins:{legend:{display:false}}}});
var ic={};a.forEach(function(x){if(x.categories){Object.values(x.categories).forEach(function(cat){if(cat.items)cat.items.forEach(function(it){ic[it.item]=(ic[it.item]||0)+1})})}});var ti=Object.entries(ic).sort(function(a,b){return b[1]-a[1]}).slice(0,10);
var ctx3=document.getElementById("ch3");if(ctx3)window._charts.top=new Chart(ctx3,{type:"bar",data:{labels:ti.map(function(i){return i[0]}),datasets:[{label:"Раз",data:ti.map(function(i){return i[1]}),backgroundColor:["#E63946","#E76F51","#F4A261","#E9C46A","#2A9D8F","#264653","#00B4D8","#0077B6","#023E8A","#6C757D"],borderRadius:4}]},options:{indexAxis:"y",responsive:true,plugins:{legend:{display:false}}}});
},300);
window._charts.top=new Chart(document.getElementById("ch3"),{type:"bar",data:{labels:ti.map(function(i){return i[0]}),datasets:[{label:"Раз",data:ti.map(function(i){return i[1]}),backgroundColor:["#E63946","#E76F51","#F4A261","#E9C46A","#2A9D8F","#264653","#00B4D8","#0077B6","#023E8A","#6C757D"],borderRadius:4}]},options:{indexAxis:"y",responsive:true,plugins:{legend:{display:false}}}});
};
setTimeout(initCharts,200);
}
function rVL(){var c=document.getElementById("vlc");if(!c)return;var a=getA(),td=new Date().toISOString().split("T")[0],av=[];