// 30/01/2023 filippo aggiunta gestione del campo istanterun // link per ottenere i dati visualizzati const linkJsonDati = 'https://api.arpa.veneto.it/REST/v1/meteo_minmaxoggi'; // flag per avere i console.log attivi oppure no const DEBUG = false; // valore da mettere se manca il numero const ASSENTE = '>>'; /*------------------------------------------------------------------------------ ritorna la data con aggiunta di h ore */ Date.prototype.addHours = function(h) { this.setTime(this.getTime() + (h*60*60*1000)); return this; } /*------------------------------------------------------------------------------ ritorna la data con aggiunta di n minuti */ Date.prototype.addMinutes = function(n) { this.setTime(this.getTime() + (n*60*1000)); return this; } /** * ritorna una data (2022-09-12T01:00:00) in UTC * in realtà , visto che tutte le date sono in solare, faccio finta che il solare * corrisponda all'UTC in modo da non avere la conversione in locale del browser */ Date.prototype.ConvIstante = function( ist, isUTC = false ) { var nSolare = 0; if (isUTC) {nSolare = 1;} // 2022-09-12T01:00:00 // 0123456789012345678 var cosa = new Date(Date.UTC(ist.substring(0, 4), parseFloat(ist.substring(5, 7))-1, ist.substring(8, 10), parseFloat(ist.substring(11,13))+nSolare, ist.substring(14,16), 0, 0) ); this.setTime( cosa.getTime() ); return this; } /*------------------------------------------------------------------------------ ritorna una stringa con la data nel formato indicato */ Date.prototype.Formato = function( formato ) { var mm = ('0' + (this.getUTCMonth()+1) ) .slice(-2); var dd = ('0' + this.getUTCDate()).slice(-2); var yyyy = this.getUTCFullYear(); var hh = ('0' + (this.getUTCHours())).slice(-2); var mi = ('0' + this.getUTCMinutes()).slice(-2); var ss = ('0' + this.getUTCSeconds()).slice(-2); var mesi = ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno','Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']; var giorni = ['domenica', 'lunedì', 'martedì', 'mercoledì', 'giovedì', 'venerdì', 'sabato']; var sRet = ''; switch (formato) { case 'gg g mmm YYYY': sRet =giorni[ this.getUTCDay() ] + ' ' + this.getUTCDate() + ' ' + mesi[ this.getUTCMonth() ] + ' ' + yyyy; break; case 'DD/MM/YYYY': sRet = dd + '/' + mm + '/' + yyyy; break; case 'DD/MM/YYYY HH': sRet = dd + '/' + mm + '/' + yyyy + ' ' + hh; break; case 'DD/MM/YYYY HH:mm': sRet = dd + '/' + mm + '/' + yyyy + ' ' + hh + ':' + mi; break; case 'DD HH' : sRet = dd + ' ' + hh; break; case 'DD' : sRet = dd; break; case 'HH:mm': sRet = hh + ':' + mi; break; case 'HH': sRet = hh; break; case 'mm': sRet = mi; break; case 'YYYYMMDDHHmm': sRet = yyyy + mm + dd + hh + mi; break; case 'YYYY-MM-DDTHH-mm': sRet = yyyy + '-' + mm + '-' + dd + 'T' + hh + ':' + mi + ':00'; break; default: sRet = this.toString(); break; } return sRet; } //------------------------------------------------------------------------- // funzione di log su console se DEBUG function myConsoleLog(sFrase) { if (DEBUG) { console.log(sFrase); } } //------------------------------------------------------------------------- // isNumeric pure java function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); } //------------------------------------------------------------------------- // prime lettere in maiuscolo function toTitleCase(str) { return str.replace( /\w\S*/g, function(txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); } ); } //------------------------------------------------------------------------- async function fetchStationData() { const response = await fetch( linkJsonDati ); const stations = await response.json(); myConsoleLog('stations' + JSON.stringify(stations, null, '\t') ); return stations; } //------------------------------------------------------------------------- async function getData() { const stationdata = await fetchStationData(); return stationdata.data; } //------------------------------------------------------------------------- async function createHTML() { const stationdata = await getData(); myConsoleLog('createHTML'); // momento di aggiornamento dei dati var istanterun; // cerco il valore minimo e massimo per colorare la cella corrispondente // ed il giorno di riferimento var xMin = 800, xMax = -800, xGiorno; stationdata.forEach((nomeColonna, index) => { const stazione = stationdata[index]; istanterun = new Date().ConvIstante(stazione.istanterun); if ( isNumeric(stazione.minimo) ) { xMin = Math.min(xMin, stazione.minimo); } if ( isNumeric(stazione.massimo) ) { xMax = Math.max(xMax, stazione.massimo); } if ( ( ! xGiorno ) && (stazione.dataora_minimo) ){ xGiorno = new Date().ConvIstante(stazione.dataora_minimo); } }); // classi per centrare il contenuto const sC = ' class="align-middle text-center nowrap" '; // tabella da pubblicare let righeDati = ''; // vado a rottura di codice sulla colonna zona let oldZona = ''; stationdata.forEach((nomeColonna, index) => { const stazione = stationdata[index]; // nuova intestazione di zona if (oldZona != stazione.zona) { righeDati += '' + '' + stazione.zona + '' + 'Minima
(°C)' + 'Massima
(°C)' + ''; oldZona = stazione.zona; } // se pianura allora tutte le stazioni hanno il nome provincia in grasssetto var nomeStaz = stazione.statnm; if (stazione.zona == 'Pianura') { nomeStaz = '' + toTitleCase(stazione.provnm) + ' - ' + stazione.statnm; } // oppure se la stazione si chiama Belluno - aeroporto if (stazione.statnm == 'Belluno - aeroporto') { nomeStaz = 'Belluno - aeroporto'; } // colore del minimo e massimo var coloreMin = '', coloreMax = ''; if (stazione.minimo == xMin) { coloreMin = 'bg-info text-white'; } if (stazione.massimo == xMax) { coloreMax = 'bg-danger text-white'; } // riga dei valori della stazione righeDati += '' + '' + nomeStaz + '' + '' + stazione.minimo + '' + '' + stazione.massimo + ''; ''; }); // -------------------------------------- // tabella completa da visualizzare var tabDati = ''; tabDati += ''; tabDati += '' + righeDati + ''; tabDati += '

'; // giorno di riferimento var sFrase = ''; if ( istanterun ) { sFrase = 'rilevate a partire dalle ore 00 di ' + istanterun.Formato('gg g mmm YYYY') + ''; } sFrase += '
Valori minimi disponibili dalle ore 9
Valori massimi disponibili dalle ore 17
'; var sFrase2 = 'Elaborazione ' + istanterun.Formato('gg g mmm YYYY') + ' alle ' + istanterun.Formato('HH:mm') + ' solari con dati non validati.'; sFrase2 += '
Con >> dato assente'; sFrase2 += '
Questi dati sono esposti in modo automatico, senza validazione preventiva.'; sFrase2 += '
ARPAV non assume responsabilità alcuna per usi diversi dalla pura informazione.'; sFrase2 += '
In seguito a validazione i dati possono subire modifiche anche notevoli, oppure'; sFrase2 += '
possono essere invalidati e quindi non riportati negli archivi definitivi.'; const t = document.createElement('div'); // t.setAttribute('class', 'modal-body'); // t.setAttribute('style', 'height: 400px;overflow-y: scroll;'); t.innerHTML = sFrase + tabDati + sFrase2; // metto la tabella nel suo posto block.append(t); myConsoleLog('tabDati ' + tabDati ); } function padTo2Digits(num) { return num.toString().padStart(2, '0'); } function formatDate(date) { return padTo2Digits(date.getDate()) + '-' + padTo2Digits(date.getHours()); } createHTML();

Temperature minime e massime odierne per alcune località della regione

Questa pagina ti è stata utile?