color fix

src/app/components/MapMenuBar/index.tsx

@@ -60,7 +60,8 @@ export interface MapMenuBar {
   menus: any;
   combinations: any;
   current_map?: any;
-  foundLayers?: number;
+  foundLayers: number;
+  setCurrentMap: Function;
 }
 
 const MAP_MODES = {
@@ -78,6 +79,7 @@ export function MapMenuBar(props: MapMenuBar) {
   const current_map = props.current_map;
   const forecast_parameters = props.menus;
   const foundLayers = props.foundLayers;
+  const setCurrentmap = props.setCurrentMap;
   const combinations = (props.combinations || []).reduce((prev, cur) => {
     const kk = cur.variable + '::' + cur.aggregation_period;
     if (kk in prev) {
@@ -105,6 +107,14 @@ export function MapMenuBar(props: MapMenuBar) {
   const dispatch = useDispatch();
   const actions = useMapSlice();
 
+  useEffect(() => {
+    if (foundLayers === 0) {
+      const cm = { ...current_map };
+      cm.year_period = 'year';
+      setCurrentmap(cm);
+    }
+  }, [foundLayers]);
+
   const mapParameters = (mapKey, parameterListKey) => {
     if (forecast_parameters) {
       const fp = forecast_parameters.filter(x => x.name === mapKey)[0];
@@ -451,30 +461,27 @@ export function MapMenuBar(props: MapMenuBar) {
               <DropdownMenu style={{ zIndex: 100000000 }}>
                 <LinkList>
                   <LinkListItem inDropdown href="/">
-                    Home
-                  </LinkListItem>
-                  <LinkListItem inDropdown href="/barometer">
-                    Barometro Climatico
+                    Home - Barometro Climatico
                   </LinkListItem>
                   <LinkListItem divider />
                   <LinkListItem header inDropdown>
-                    Proiezioni
+                    Proiezioni climatiche
                   </LinkListItem>
-                  <LinkListItem inDropdown href="/fs">
-                    Proiezioni - Semplificata
+                  <LinkListItem disabled inDropdown href="/fs">
+                    Proiezioni climatiche - Visualizzazione Semplice
                   </LinkListItem>
                   <LinkListItem inDropdown href="/fa">
-                    Proiezioni - Avanzata
+                    Proiezioni climatiche - Visualizzazione Avanzata
                   </LinkListItem>
                   <LinkListItem divider />
                   <LinkListItem header inDropdown>
-                    Dati storici
+                    Climatologia Storica
                   </LinkListItem>
-                  <LinkListItem inDropdown href="/ps">
-                    Storico - Semplificata
+                  <LinkListItem disabled inDropdown href="/ps">
+                    Climatologia Storica - Visualizzazione Semplice
                   </LinkListItem>
-                  <LinkListItem inDropdown href="/pa">
-                    Storico - Avanzata
+                  <LinkListItem disabled inDropdown href="/pa">
+                    Climatologia Storica - Visualizzazione Avanzata
                   </LinkListItem>
                 </LinkList>
               </DropdownMenu>

src/app/pages/DataPolicyPage/index.tsx

@@ -10,9 +10,8 @@ const DataPolicyPage = () => {
       <div>
         <h1>Data policy</h1>
         <p>
-          La piattaforma web denominata{' '}
-          <i>“Piattaforma proiezioni climatiche per il Nord-Est”</i>,
-          accessibile dal link pubblico{' '}
+          La piattaforma web denominata "Piattaforma Clima Nord-Est", di seguito
+          denominata "Piattaforma", accessibile dal link pubblico
           <a
             target="_blank"
             rel="noopener noreferrer"
@@ -25,23 +24,26 @@ const DataPolicyPage = () => {
         </p>
 
         <p>
-          E’ accessibile direttamente dai cittadini, gratuitamente e senza
+          È accessibile direttamente dai cittadini, gratuitamente e senza
           credenziali, fornisce proiezioni sullo stato futuro del clima nel
           territorio del Nord-Est Italia. Offre, in particolare, la
           visualizzazione di mappe e serie temporali delle proiezioni climatiche
-          di punti specifici, con riferimento a vari indicatori climatici.&nbsp;
+          di punti specifici, con riferimento a vari indicatori climatici, con
+          la possibilità di confrontare queste ultime con le serie storiche
+          misurate dalle stazioni della rete meteo-idro-nivo regionale.
         </p>
 
         <p>
           ARPAV ha commissionato lo sviluppo e la realizzazione della
-          piattaforma e del relativo software alla ditta INKODE Soc. Coop.,
-          acquisendone, al termine dell’esecuzione della fornitura, la sua
-          titolarità comprensiva di tutti i diritti di proprietà intellettuale e
-          industriale.
+          Piattaforma e del relativo software alla ditta INKODE Soc. Coop. e
+          successivamente ha commissionato una manutenzione evolutiva a
+          Geobeyond srl. acquisendone, al termine dell'esecuzione della
+          fornitura, la sua titolarità comprensiva di tutti i diritti di
+          proprietà intellettuale e industriale.
         </p>
         <p>
-          Ai sensi di quanto previsto dall’art. 69 del Codice
-          dell’Amministrazione Digitale, ARPAV mette in riuso a titolo gratuito
+          Ai sensi di quanto previsto dall'art. 69 del Codice
+          dell'Amministrazione Digitale, ARPAV mette in riuso a titolo gratuito
           ad altre PA il software sviluppato, rendendone disponibile il codice
           sorgente, completo della documentazione, in un repository pubblico (
           <a
@@ -60,22 +62,22 @@ const DataPolicyPage = () => {
             <u>https://github.com/venetoarpa/Arpav-PPCV</u>
           </a>
           ), in licenza aperta, e registrandone il rilascio nel catalogo di
-          Developers Italia, secondo quanto previsto da AGID nelle “
+          Developers Italia, secondo quanto previsto da AGID nelle "
           <i>
             Linee guida su acquisizione e riuso di software per le Pubbliche
-            Amministrazioni”
+            Amministrazioni"
           </i>
         </p>
         <p>
           I contenuti della piattaforma, se non diversamente specificato, sono
           rilasciati sotto licenza Creative Commons Attribuzione - Condividi
-          allo stesso modo 3.0 Italia (
+          allo stesso modo 4.0 Italia (
           <a
             target="_blank"
             rel="noopener noreferrer"
             href="https://creativecommons.org/licenses/by-sa/3.0/it/"
           >
-            <u>CC BY-SA 3.0 IT</u>
+            <u>CC BY-SA 4.0 IT</u>
           </a>
           ), rinvenibile al seguente link{' '}
           <a
@@ -91,12 +93,12 @@ const DataPolicyPage = () => {
         </p>
         <p>
           <strong>Paternità</strong> - Si deve dare evidenza che la paternità
-          dei contenuti della piattaforma è di ARPAV-Arpa FVG, su dati
+          dei contenuti della Piattaforma è di ARPAV-Arpa FVG, su dati
           ambientali forniti da Istituto Meteorologico Reale dei Paesi Bassi,
           Istituto Meteorologico e Idrologico Svedese, Istituto per la
           Meteorologia Max-Planck, CLM-Community, ARPAV, Arpa FVG, Arpae
-          Emilia-Romagna, Provincia Autonoma di Trento, Provincia Autonoma di
-          Bolzano, Aeronautica Militare; deve essere riportato altresì l’URL{' '}
+          Emilia-Romagna, Provincia Autonoma zdi Trento, Provincia Autonoma di
+          Bolzano, Aeronautica Militare; deve essere riportato altresì l'URL
           <a
             target="_blank"
             rel="noopener noreferrer"
@@ -130,7 +132,7 @@ const DataPolicyPage = () => {
               le eccezioni, libere utilizzazioni e le altre utilizzazioni
               consentite dalla legge sul diritto d'autore;
             </li>
-            <li>i diritti morali dell’autore;</li>
+            <li>i diritti morali dell'autore;</li>
             <li>
               i diritti che altre persone possono avere sull'opera stessa e/o
               sull'utilizzo dell'opera stessa, come il diritto all'immagine o
@@ -165,8 +167,8 @@ const DataPolicyPage = () => {
           </a>
           , senza che ciò possa comportare alcuna responsabilità in merito a
           eventuali problemi di qualsiasi natura causati direttamente o
-          indirettamente dall’accesso al sito, dall’incapacità o impossibilità
-          di accedervi, dall’affidamento alle informazioni in esso contenute o
+          indirettamente dall'accesso al sito, dall'incapacità o impossibilità
+          di accedervi, dall'affidamento alle informazioni in esso contenute o
           dal loro impiego.
         </p>
         <p>
@@ -180,7 +182,7 @@ const DataPolicyPage = () => {
           </a>{' '}
           sono sottoposti al controllo da parte di ARPAV, che tuttavia declina
           ogni responsabilità diretta o indiretta per eventuali ritardi,
-          imprecisioni, errori, omissioni, danni derivanti dall’uso dei
+          imprecisioni, errori, omissioni, danni derivanti dall'uso dei
           contenuti del sito da parte di terzi.
         </p>
 

src/app/pages/IndexPage/Graph.tsx

@@ -89,10 +89,10 @@ const Graph = (props: any) => {
       rcp85: 'rgb(231,60,60)',
     },
     {
-      histo: 'rgb(82, 73, 62)',
-      rcp26: 'rgb(146, 166, 196)',
-      rcp45: 'rgb(250, 226, 187)',
-      rcp85: 'rgb(232, 169, 169)',
+      histo: 'rgb(69,50,27)',
+      rcp26: 'rgb(46,105,193)',
+      rcp45: 'rgb(243, 156, 18)',
+      rcp85: 'rgb(231,60,60)',
     },
   ];
 
@@ -216,17 +216,39 @@ const Graph = (props: any) => {
       .map(item => ({
         name: labelFor(item),
         itemStyle: { color: getColor(item) },
+        lineStyle: { color: getColor(item) },
+        textStyle: { color: getColor(item) },
       }));
     const station = timeseries
       ?.filter(x => Object.keys(x.info).indexOf('series_elaboration') > 0)
       .filter(x => x.info.processing_method.indexOf(snsfltr) >= 0)
       .map(x => ({
         name: labelFor(x, 'station'),
         itemStyle: { color: 'black' },
+        lineStyle: { color: 'black' },
       }));
     return [...series, ...station];
   };
 
+  const toUTF16 = codePoint => {
+    var TEN_BITS = parseInt('1111111111', 2);
+    function u(codeUnit) {
+      return '\\u' + codeUnit.toString(16).toUpperCase();
+    }
+
+    if (codePoint <= 0xffff) {
+      return u(codePoint);
+    }
+    codePoint -= 0x10000;
+
+    // Shift right to get to most significant 10 bits
+    var leadSurrogate = 0xd800 + (codePoint >> 10);
+
+    // Mask to get least significant 10 bits
+    var tailSurrogate = 0xdc00 + (codePoint & TEN_BITS);
+
+    return u(leadSurrogate) + u(tailSurrogate);
+  };
   const getSelectedLegend = () => {
     //TODO names lookup
     let ret = {};
@@ -367,7 +389,7 @@ const Graph = (props: any) => {
     if ('uncertainty_type' in dataset.info) {
       if (dataset.info.uncertainty_type === 'upper_bound') {
         if (dataset.info.scenario) {
-          return { color: colors[1][dataset.info.scenario], opacity: 0.4 };
+          return { color: colors[1][dataset.info.scenario], opacity: 0.2 };
         }
       }
     }
@@ -518,7 +540,7 @@ const Graph = (props: any) => {
       data: getLegend(),
       selected: getSelectedLegend(),
       top: '30%',
-      icon: 'rect',
+      icon: 'roundRect',
     },
     grid: {
       top: '48%',

src/app/pages/IndexPage/index.tsx

@@ -47,20 +47,20 @@ const IndexPage = () => {
       <Hero overlay="dark" style={TopHeroStyle}>
         <h2>Barometro del clima</h2>
 
-        <i>La temperatura da noi fino ad oggi e nel futuro</i>
+        <i>La temperatura misurata in Veneto e le proiezioni per il futuro</i>
 
         <p>
-          Il grafico mostra:
+          Il barometro utilizza la temperatura media annuale come indicatore
+          dell'evoluzione del clima. Nel grafico:
           <ul>
             <li>
-              la temperatura media annuale registrata sul Veneto negli ultimi
-              decenni (elaborazione delle misure delle stazioni sul territorio,
-              linea nera);
+              la temperatura registrata sul Veneto negli ultimi decenni (linea
+              nera);
             </li>
             <li>
-              le corrispondenti proiezioni climatiche fino a fine secolo per tre
-              diversi scenari di riduzione delle emissioni di gas serra (linee
-              blu, gialla e rossa).
+              le proiezioni climatiche fino a fine secolo per tre diversi
+              scenari di riduzione delle emissioni di gas serra (linee blu,
+              gialla e rossa).
             </li>
           </ul>
         </p>