const color_green = '#008800'; const color_red = '#D0021B'; // You can get url_string from window.location.href if you want to work with // the URL of the current page const url_string = window.location.href; const url = new URL(url_string); const anno = url.searchParams.get("anno"); const id_provincia = url.searchParams.get("id_provincia"); const id_comune = url.searchParams.get("id_comune"); console.log("anno="+anno); console.log("id_provincia="+id_provincia); console.log("id_comune="+id_comune); /** * Fetch data */ const populateTable = async () => { // get remote data const response = await fetch('https://api.arpa.veneto.it/REST/v1/rifiuti_dettagli_comune?id_provincia='+id_provincia+'&id_comune='+id_comune+'&anno='+anno); const data = (await response.json()).data; if (!data.length) { return; } data.forEach(item => { // console.log(item); const html_legenda = document.createElement('span'); var stringa_html =`

Anno: `+item.ANNO+`
Comune: `+item.COMUNE+`
Provincia: `+item.NOMEPROVINCIA+`
Bacino: `+item.BACINO+`

` ; html_legenda.innerHTML = stringa_html; block.append(html_legenda); 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%;'; table.innerHTML = ``; table.append(tbody); table.append(caption); document.getElementById("span_risultato").append(table); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Abitanti"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.ABITANTI) ; if (item.ABITANTI!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.ABITANTI);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "n°"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Utenze domestiche"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.UTD); if (item.UTD!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.UTD);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "n°"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Utenze non domestiche"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.UTND); if (item.UTND!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.UTND);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "n°"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "FORSU"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.FORSU); if (item.FORSU!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.FORSU);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Verde"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.VERDE); if (item.VERDE!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.VERDE);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Vetro"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.VETRO); if (item.VETRO!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.VETRO);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Carta e cartone"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.CARTA_E_CARTONE!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.CARTA_E_CARTONE);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Plastica"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.PLASTICA!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.PLASTICA);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Imballaggi metallici"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.METALLI!==null) {td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.METALLI);} tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Multimateriale"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.MULTIMATERIALE!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.MULTIMATERIALE); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "RAEE"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.BENI_DUREVOLI!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.BENI_DUREVOLI); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Altro recuperabile"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.ALTRO_RECUPERABILE!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.ALTRO_RECUPERABILE); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Rifiuti particolari"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.RIFIUTI_PARTICOLARI!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.RIFIUTI_PARTICOLARI); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); if (item.ANNO<2014){ var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Raccolta differenziata"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.RACCOLTA_DIFFERENZIATA!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.RACCOLTA_DIFFERENZIATA); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Residuo"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.RESIDUO!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.RESIDUO); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); } if (item.ANNO>2015){ var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Spazzamento"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.SPAZZAMENTO!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.SPAZZAMENTO); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Ingombranti"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.INGOMBRANTI!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.INGOMBRANTI); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); } var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Rifiuto totale"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.RIFIUTO_TOTALE!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.RIFIUTO_TOTALE); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "%RD"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.PERCENTUALE_RD!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.PERCENTUALE_RD); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "%"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Inerti e rifiuti da costruz/demoliz"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.INERTI_E_RIFIUTI_COSTR_DEMOL!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.INERTI_E_RIFIUTI_COSTR_DEMOL); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "Kg"; tr.append(td_udm); tbody.append(tr); var tr = document.createElement('tr'); var td = document.createElement('td'); td.setAttribute('class', 'text-left'); td.innerHTML = "Utenze comp"; tr.append(td); var td_item = document.createElement('td'); td_item.setAttribute('class', 'text-right'); if (item.UTENZE_COMP!==null) td_item.innerHTML = new Intl.NumberFormat('it-IT').format(item.UTENZE_COMP); tr.append(td_item); var td_udm = document.createElement('td'); td_udm.innerHTML = "n°"; tr.append(td_udm); tbody.append(tr); }); }; 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 - dettaglio Comune

Questa pagina ti è stata utile?