const color_green = '#008800'; const color_red = '#D0021B'; const html_prov = document.createElement('span'); html_prov.innerHTML =`

`; block.append(html_prov); const html_legenda = document.createElement('span'); html_legenda.innerHTML =`

legenda %RD
	fino a 45
	da 46 a 50
	da 51 a 60
	da 61 a 65
	da 66 in poi

`; block.append(html_legenda); /** * Fetch data */ const populateTable = async () => { var selectProv = document.getElementById("selectProvincia"); var options = ['Belluno', 'Padova', 'Rovigo', 'Treviso', 'Venezia', 'Verona', 'Vicenza']; for(var i = 0; i < options.length; i++) { var opt = options[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; selectProv.appendChild(el); } var selectAnno = document.getElementById("selectAnno"); var options = ['2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021']; options.sort(); options.reverse(); for(var i = 0; i < options.length; i++) { var opt = options[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; selectAnno.appendChild(el); } const element = document.getElementById("btn_cerca"); element.addEventListener("click", creaRisultato); function creaRisultato() { document.getElementById("span_risultato").innerHTML = ""; const eSP = document.getElementById("selectProvincia"); const eSP_text = eSP.options[eSP.selectedIndex].text; const eSA = document.getElementById("selectAnno"); const eSA_text = eSA.options[eSA.selectedIndex].text; if (eSA.value==="" || eSA.value==="null" || eSP.value==="" || eSP.value==="null"){ document.getElementById("span_risultato").innerHTML = "Selezionare la provincia di interesse e l'anno di riferimento."; return; } const callRifiuti = async () => { const response2 = await fetch(`https://api.arpa.veneto.it/REST/v1/rifiuti?anno=`+eSA_text+`&provincia=`+eSP_text.toUpperCase()); const data = ( await response2.json()).data; if (!data.length) { return; } const h3 = document.createElement('h3'); h3.innerHTML = `Anno `+eSA_text+` Provincia di `+eSP_text; document.getElementById("span_risultato").append(h3); // create table const table = document.createElement('table'); const tbody = document.createElement('tbody'); const caption = document.createElement('caption'); table.setAttribute('class', 'table table-bordered table-sm caption-top'); table.style = 'font-size: 80%;'; var headerIndiceRD="-"; if (eSA_text<2014) { headerIndiceRD="%RD"; } else if (eSA_text>=2014 && eSA_text<2020) { headerIndiceRD="%RD
(Metodo da
DGRV 288/2014)"; }else if (eSA_text>=2020) { headerIndiceRD="%RD
(Metodo da
DGRV 336/2021)"; } // set table head var thead=document.createElement('thead'); var tr = document.createElement('tr'); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Comune"; tr.append(th); thead.append(tr); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Bacino"; tr.append(th); thead.append(tr); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Abitanti"; tr.append(th); thead.append(tr); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Produzione pro capite
(Kg/ab*anno)"; tr.append(th); thead.append(tr); if (eSA_text<2014){ var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Raccolta differenziata
(Kg)"; tr.append(th); thead.append(tr); } var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Rifiuto totale
(Kg)"; tr.append(th); thead.append(tr); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = headerIndiceRD; tr.append(th); thead.append(tr); if (data[0].COUNT_IR>0){ var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "%IR"; tr.append(th); thead.append(tr); } var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Dettagli"; tr.append(th); thead.append(tr); var th = document.createElement('th'); th.setAttribute('class', 'align-middle'); th.setAttribute('class', 'text-center'); th.innerHTML = "Scheda
Comune"; tr.append(th); thead.append(tr); table.append(thead); /* * var tr = document.createElement('tr'); if (anno>2015){ var th = document.createElement('th'); th.setAttribute('class', 'text-center'); th.innerHTML = "Frazione merceologica"; tr.append(th); */ // caption text table.append(tbody); table.append(caption); document.getElementById("span_risultato").append(table); data.forEach(item => { console.log(item); const tr = document.createElement('tr'); // Comune const td_comune = document.createElement('td'); td_comune.innerHTML = item.COMUNE; tr.append(td_comune); // Bacino const td_bacino = document.createElement('td'); td_bacino.innerHTML = item.BACINO; tr.append(td_bacino); // Abitanti const td_abitanti = document.createElement('td'); td_abitanti.setAttribute('class', 'text-right'); if(isNaN(item.ABITANTI)){ td_abitanti.innerHTML = ""; } else { td_abitanti.innerHTML = new Intl.NumberFormat('it-IT').format(item.ABITANTI) ; } tr.append(td_abitanti); // Produzione const td_produzione = document.createElement('td'); td_produzione.setAttribute('class', 'text-right'); if(isNaN(item.PROC_RU_KG_AB_ANNO)){ td_produzione.innerHTML = ""; } else { td_produzione.innerHTML = new Intl.NumberFormat('it-IT').format(item.PROC_RU_KG_AB_ANNO.toFixed(0)); } tr.append(td_produzione); // Raccolta if (eSA_text<2014){ const td_raccolta = document.createElement('td'); td_raccolta.setAttribute('class', 'text-right'); td_raccolta.innerHTML = new Intl.NumberFormat('it-IT').format(item.RACCOLTA_DIFFERENZIATA.toFixed(0)); tr.append(td_raccolta); } // Rifiuto const td_rifiuto = document.createElement('td'); td_rifiuto.setAttribute('class', 'text-right'); if(isNaN(item.RIFIUTO_TOTALE)){ td_rifiuto.innerHTML = ""; } else { td_rifiuto.innerHTML = new Intl.NumberFormat('it-IT').format(item.RIFIUTO_TOTALE.toFixed(0)); } tr.append(td_rifiuto); // percRD const td_percRD = document.createElement('td'); td_percRD.setAttribute('class', 'text-center'); const rd_color = coloreIndicatoreRd(item.PERCENTUALE_RD); td_percRD.style.backgroundColor=rd_color; if(isNaN(item.PERCENTUALE_RD)){ td_percRD.innerHTML = ""; } else { td_percRD.innerHTML = ``+item.PERCENTUALE_RD.toFixed(1)+``; } tr.append(td_percRD); // IR if (data[0].COUNT_IR>0){ const td_ir = document.createElement('td'); td_ir.setAttribute('class', 'text-center'); td_ir.innerHTML = new Intl.NumberFormat('it-IT').format(Math.round(item.IR*10)/10); tr.append(td_ir); } // Dettagli const td_dettagli = document.createElement('td'); td_dettagli.setAttribute('class', 'text-center'); td_dettagli.innerHTML = `dettaglio`; tr.append(td_dettagli); // Scheda Comune const td_scheda = document.createElement('td'); td_scheda.setAttribute('class', 'text-center'); td_scheda.innerHTML = `scheda`; tr.append(td_scheda); tbody.append(tr); }); }; callRifiuti(); } }; populateTable(); /** * Ritorna il colore per l'indice %RD * @param {Number} perc */ const coloreIndicatoreRd = (perc) => { var risultato="#FFFFFF"; if (perc > 45 && perc <= 50) { risultato="#CDFFCD"; } else if (perc > 50 && perc <= 60) { risultato="#A4FF72"; } else if (perc > 60 && perc <= 65) { risultato="#4DDA43"; } else if (perc > 65) { risultato="#008D02"; } return risultato; };

Banca dati dei rifiuti urbani

Questa pagina ti è stata utile?