{"version":3,"sources":["pages/data/img/phone.svg","pages/data/img/download.svg","components/header/img/eawag.png","components/header/img/bafu.png","components/header/header.jsx","components/list/list.jsx","pages/home/home.jsx","pages/data/data.jsx","App.js","index.js"],"names":["module","exports","__webpack_require__","p","Header","_this$props","this","props","lang","langs","updateLangs","react_default","a","createElement","className","href","target","rel","src","eawag","alt","bafu","value","onChange","map","l","key","Component","List","state","items","onMouseOver","onMouseOut","i","react_router_dom","to","link","id","Home","text","DE","title","subtitle","intro","job1","job2","job3","operator","client","contact","EN","IT","FR","plotMarkers","_this","markers","clearLayers","L","layerGroup","addTo","_i","_Object$keys","Object","keys","metadata","length","lake","location","latLng","lat","lng","marker","icon","divIcon","html","concat","on","event","window","toLowerCase","options","document","getElementById","style","backgroundColor","e","classList","add","remove","plotMap","southWest","northEast","bounds","latLngBounds","_i2","_Object$keys2","push","points","Math","min","apply","max","preferCanvas","zoomControl","center","getCenter","zoom","minZoom","maxBounds","maxBoundsViscosity","fitBounds","tileLayer","attribution","split","updateMap","invalidateSize","addEventListener","removeEventListener","name","list_list","Data","titlebutton","interp","linegraph","heatmap","oxygen","notfound","graphinfo","depth","area","elevation","extractLink","iframe","arr","params","find","includes","search","replace","bindTooltip","permanent","direction","openTooltip","phone","dangerouslySetInnerHTML","__html","download","App","redirect","navigate","setState","renderNavigate","_step","_this$state","path","pathname","_iterator","_createForOfIteratorHelper","s","n","done","err","f","react_router","renderRedirect","url","_step2","_iterator2","_this$state2","Fragment","header","exact","element","home","data","ReactDOM","render","src_App_0"],"mappings":"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","file":"static/js/main.1cc4904d.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/phone.c2d3c5d2.svg\";","module.exports = __webpack_public_path__ + \"static/media/download.bac31e39.svg\";","module.exports = __webpack_public_path__ + \"static/media/eawag.d3878b1d.png\";","module.exports = __webpack_public_path__ + \"static/media/bafu.6a6c1ac6.png\";","import React, { Component } from \"react\";\nimport eawag from \"./img/eawag.png\";\nimport bafu from \"./img/bafu.png\";\nimport \"../../App.css\";\n\nclass Header extends Component {\n  render() {\n    var { lang, langs, updateLangs } = this.props;\n    return (\n      <div className=\"header\">\n        <div className=\"header-content\">\n          <div className=\"header-logos\">\n            <a\n              href=\"https://www.eawag.ch/en/department/surf/projects/temperature-monitoring-of-swiss-lakes\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img src={eawag} alt=\"eawag\" />\n            </a>\n            <a\n              href=\"https://www.bafu.admin.ch/bafu/de/home/themen/wasser/fachinformationen/zustand-der-gewaesser/zustand-der-seen/wassertemperatur-seen.html\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img src={bafu} alt=\"bafu\" />\n            </a>\n          </div>\n          <div className=\"header-lang\">\n            <select value={lang} onChange={updateLangs}>\n              {langs.map((l) => (\n                <option key={l} value={l}>\n                  {l}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Header;\n","import React, { Component } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport \"./list.css\";\n\nclass List extends Component {\n  state = {};\n  render() {\n    var { items, onMouseOver, onMouseOut } = this.props;\n    return (\n      <div className=\"react-list\">\n        {items.map((i) => (\n          <Link to={i.link} key={i.key}>\n            <div\n              id={\"list-\" + i.key}\n              className=\"react-list-inner\"\n              onMouseOver={onMouseOver}\n              onMouseOut={onMouseOut}\n            >\n              {i.value}\n            </div>\n          </Link>\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default List;\n","import React, { Component } from \"react\";\nimport L from \"leaflet\";\nimport metadata from \"./../../metadata.json\";\nimport \"./css/leaflet.css\";\nimport \"../../App.css\";\nimport List from \"../../components/list/list\";\n\nclass Home extends Component {\n  state = {\n    text: {\n      DE: {\n        title: \"Pilotprojekt Temperaturmonitoring in Kleinseen\",\n        subtitle: \"See auswählen\",\n        intro: (\n          <div>\n            <p>\n              Das Wasserforschungsinstitut Eawag betreibt im Auftrag des\n              Bundesamt für Umwelt (BAFU) von 2021 bis 2023 Pilot-Stationen für\n              Temperaturmessungen in verschiedenen Schweizer Kleinseen. Die\n              Messketten bestehen aus einem Metallgewicht am Grund, einer Boje\n              an der Wasseroberfläche und Sensoren in verschiedenen\n              Wassertiefen. Die Temperaturdaten werden zweimal pro Jahr manuell\n              ausgelesen und auf der Webseite aufgeschaltet.\n            </p>\n            <p>\n              Ziel der Messungen ist es, die Eignung der Sensoren sowie der\n              Installation zu testen, um in Zukunft die klimabedingte\n              Temperaturdynamik in Kleinseen und Weihern zu beobachten. Die\n              Resultate dienen der Abklärung zur Entwicklung eines schweizweiten\n              Messnetzes für See-Temperaturen.\n            </p>\n          </div>\n        ),\n        job1: \"Daten und Interpretationen\",\n        job2: \"Messgeräte und Installation\",\n        job3: \"Projektleitung\",\n        operator: \"Betreiber\",\n        client: \"Auftraggeber\",\n        contact: \"Kontakt\",\n        eawag: \"Eawag: Das Wasserforschungsinstitut des ETH-Bereichs\",\n        bafu: \"Bundesamt für Umwelt (BAFU)\",\n      },\n      EN: {\n        title: \"Temperature Monitoring Pilot Project in Small Lakes\",\n        subtitle: \"Select lake\",\n        intro: (\n          <div>\n            <p>\n              On behalf of the Swiss Federal Office for the Environment (FOEN),\n              the water research institute Eawag will operate pilot stations for\n              temperature measurements in various small Swiss lakes from 2021 to\n              2023. The measuring chains consist of a metal weight on the\n              bottom, a buoy on the water surface and sensors at different water\n              depths. The temperature data is read out manually twice per year\n              and will be added to this website subsequently.\n            </p>\n            <p>\n              The aim of the measurements is to test the suitability of the\n              sensors and the installation in order to observe the\n              climate-related temperature dynamics in small lakes and ponds in\n              the future. The results serve to clarify the development of a\n              Switzerland-wide measuring network for lake temperatures.\n            </p>\n          </div>\n        ),\n        job1: \"Data and interpretation\",\n        job2: \"Sensors and installation\",\n        job3: \"Project leader\",\n        operator: \"Operator\",\n        client: \"Client\",\n        contact: \"Contact\",\n        eawag:\n          \"Eawag: Swiss Federal Institute of Aquatic Science and Technology\",\n        bafu: \"Swiss Federal Office for the Environment (FOEN)\",\n      },\n      IT: {\n        title:\n          \"Progetto Pilota di Monitoraggio della Temperatura nei Piccoli Laghi\",\n        subtitle: \"Seleziona il Lago\",\n        intro: (\n          <div>\n            <p>\n              L'istituto di ricerca sull'acqua Eawag, per conto dell'Ufficio\n              federale dell'ambiente (UFAM), opera con stazioni pilota dedicate\n              a misurazioni della temperatura in vari piccoli laghi svizzeri per\n              un periodo che va dal 2021 al 2023. Le catene di misurazione sono\n              costituite da un peso in metallo posizionato sul fondo, da una boa\n              sulla superficie dell'acqua e da sensori a diverse profondità. La\n              raccolta dati della temperatura viene effettuata due volte\n              all’anno, in seguito la base dati viene aggiunta a questo sito.\n            </p>\n            <p>\n              Lo scopo delle misurazioni è di verificare l'adeguatezza dei\n              sensori e l'installazione al fine di poter osservare in futuro le\n              dinamiche della temperatura, legate al clima, in stagni e piccoli\n              laghi. I risultati servono a fare luce sullo sviluppo di una rete\n              di misurazioni della temperatura nei laghi, su scala nazionale.\n            </p>\n          </div>\n        ),\n        job1: \"Dati e interpretazione\",\n        job2: \"Sensori e installazione\",\n        job3: \"Capiprogetto\",\n        operator: \"Operatore\",\n        client: \"Cliente\",\n        contact: \"Contatto\",\n        eawag:\n          \"Eawag: L'Istituto per la Ricerca sulle Acque nel Settore dei Politecnici Federali\",\n        bafu: \"Ufficio federale dell’ambiente (UFAM)\",\n      },\n      FR: {\n        title:\n          \"Projet Pilote de Surveillance de la Température dans les Petits Lacs\",\n        subtitle: \"Sélectionner un Lac\",\n        intro: (\n          <div>\n            <p>\n              Dans le cadre d'un projet pour l'office fédérale de\n              l'environnement (OFEV), l'institut de recherche sur l'eau Eawag\n              exploitera des stations pilotes pour des mesures de température\n              dans divers petits lacs suisses de 2021 à 2023. Les chaînes de\n              mesure sont constituées d'un poids métallique en bas, une bouée à\n              la surface de l'eau et des capteurs à différentes profondeurs. Les\n              données de température sont téléchargées manuellement deux fois\n              par an et seront ensuite ajoutées à ce site Web.\n            </p>\n            <p>\n              Le but des mesures est de tester ces installations pour quantifier\n              les effets du climat sur la dynamique de la température des petits\n              lacs et étangs. Les résultats serviront au futur développement\n              d'un réseau de mesure de la température des lacs dans toute la\n              Suisse.\n            </p>\n          </div>\n        ),\n        job1: \"Données et interprétations\",\n        job2: \"Capteurs et installation\",\n        job3: \"Gestion de projet\",\n        operator: \"Opérateur\",\n        client: \"Client\",\n        contact: \"Contact\",\n        eawag:\n          \"Eawag: Institut Fédéral Suisse des Sciences et Technologies de l’Eau\",\n        bafu: \"Office fédéral de l’environnement (OFEV)\",\n      },\n    },\n  };\n\n  plotMarkers = () => {\n    var { lang } = this.props;\n    if (this.markers) {\n      this.markers.clearLayers();\n    } else {\n      this.markers = L.layerGroup();\n      this.markers.addTo(this.map);\n    }\n    for (var lake of Object.keys(metadata)) {\n      var location = L.latLng(metadata[lake].lat, metadata[lake].lng);\n      var marker = new L.marker(location, {\n        id: lake,\n        icon: L.divIcon({\n          className: \"map-marker\",\n          html:\n            `<div style=\"padding:10px;transform:translate(2px, -21px);position: absolute;\">` +\n            `<div class=\"pin bounce\" id=\"${\n              \"pin-\" + lake\n            }\" style=\"background-color:#044E54\" />` +\n            `</div> `,\n        }),\n      }).addTo(this.markers);\n      marker.on(\"click\", (event) => {\n        window.location.href =\n          `/${lang.toLowerCase()}/data?` + event.target.options.id;\n      });\n      marker.on(\"mouseover\", (event) => {\n        try {\n          document.getElementById(\n            \"pin-\" + event.target.options.id\n          ).style.backgroundColor = \"#54D1DB\";\n        } catch (e) {}\n        try {\n          document\n            .getElementById(\"list-\" + event.target.options.id)\n            .classList.add(\"hover\");\n        } catch (e) {}\n      });\n      marker.on(\"mouseout\", (event) => {\n        try {\n          document.getElementById(\n            \"pin-\" + event.target.options.id\n          ).style.backgroundColor = \"#044E54\";\n        } catch (e) {}\n        try {\n          document\n            .getElementById(\"list-\" + event.target.options.id)\n            .classList.remove(\"hover\");\n        } catch (e) {}\n      });\n    }\n  };\n\n  plotMap = () => {\n    var southWest = L.latLng(45.4, 5.14);\n    var northEast = L.latLng(48.23, 11.48);\n    var bounds = L.latLngBounds(southWest, northEast);\n    var lat = [];\n    var lng = [];\n    for (let lake of Object.keys(metadata)) {\n      lat.push(metadata[lake].lat);\n      lng.push(metadata[lake].lng);\n    }\n    var points = L.latLngBounds(\n      L.latLng(Math.min(...lat), Math.min(...lng)),\n      L.latLng(Math.max(...lat), Math.max(...lng))\n    );\n\n    this.map = L.map(\"map\", {\n      preferCanvas: true,\n      zoomControl: false,\n      center: bounds.getCenter(),\n      zoom: 9,\n      minZoom: 8,\n      maxBounds: bounds,\n      maxBoundsViscosity: 1.0,\n    });\n    this.map.fitBounds(points);\n    L.tileLayer(\n      \"https://wmts.geo.admin.ch/1.0.0/ch.swisstopo.pixelkarte-farbe/default/current/3857/{z}/{x}/{y}.jpeg\",\n      {\n        attribution:\n          '<a title=\"Swiss Federal Office of Topography\" href=\"https://www.swisstopo.admin.ch/\">swisstopo</a>',\n      }\n    ).addTo(this.map);\n    this.plotMarkers();\n  };\n\n  onMouseOver = (event) => {\n    try {\n      document.getElementById(\n        \"pin-\" + event.target.id.split(\"-\")[1]\n      ).style.backgroundColor = \"#54D1DB\";\n    } catch (e) {}\n  };\n\n  onMouseOut = (event) => {\n    try {\n      document.getElementById(\n        \"pin-\" + event.target.id.split(\"-\")[1]\n      ).style.backgroundColor = \"#044E54\";\n    } catch (e) {}\n  };\n\n  updateMap = () => {\n    this.map.invalidateSize();\n  };\n\n  async componentDidMount() {\n    this.plotMap();\n    window.addEventListener(\"resize\", this.updateMap, false);\n  }\n\n  componentDidUpdate() {\n    this.plotMarkers();\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener(\"resize\", this.updateMap, false);\n  }\n\n  render() {\n    var { text } = this.state;\n    var { lang } = this.props;\n    document.title = text[lang].title;\n    var items = Object.keys(metadata).map((lake) => {\n      return {\n        value: metadata[lake].name,\n        link: `/${lang.toLowerCase()}/data?` + lake,\n        key: lake,\n      };\n    });\n    return (\n      <div className=\"home\">\n        <div className=\"content\">\n          <div className=\"content-inner\">\n            <div className=\"title\">\n              {text[lang].title}\n              <div className=\"subtitle\">{text[lang].subtitle}</div>\n            </div>\n            <div className=\"select\">\n              <List\n                items={items}\n                onMouseOver={this.onMouseOver}\n                onMouseOut={this.onMouseOut}\n              />\n            </div>\n            <div className=\"text\">{text[lang].intro}</div>\n            <div className=\"people\">\n              <table>\n                <tbody>\n                  <tr>\n                    <th>{text[lang].operator}</th>\n                    <td>{text[lang].eawag}</td>\n                  </tr>\n                  <tr>\n                    <th>{text[lang].client}</th>\n                    <td>{text[lang].bafu}</td>\n                  </tr>\n                  <tr>\n                    <th>{text[lang].contact}</th>\n                    <td>\n                      <div className=\"person\">\n                        <div className=\"job\">{text[lang].job1}</div>\n                        <div className=\"name\">Fabian Bärenbold</div>\n                        <div className=\"no\">058 765 21 77</div>\n                        <div className=\"email\">fabian.baerenbold@eawag.ch</div>\n                      </div>\n\n                      <div className=\"person\">\n                        <div className=\"job\">{text[lang].job2}</div>\n                        <div className=\"name\">Michael Plüss</div>\n                        <div className=\"no\">058 765 22 55</div>\n                        <div className=\"email\">michael.pluess@eawag.ch</div>\n                      </div>\n                      <div className=\"person\">\n                        <div className=\"job\">{text[lang].job3}</div>\n                        <div className=\"name\">Martin Schmid</div>\n                        <div className=\"no\">058 765 21 93</div>\n                        <div className=\"email\">martin.schmid@eawag.ch</div>\n                      </div>\n                      <div className=\"person\">\n                        <div className=\"name\">Damien Bouffard</div>\n                        <div className=\"no\">058 765 22 73</div>\n                        <div className=\"email\">damien.bouffard@eawag.ch</div>\n                      </div>\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n        <div id=\"map\" />\n      </div>\n    );\n  }\n}\n\nexport default Home;\n","import React, { Component } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport \"../../App.css\";\nimport phone from \"./img/phone.svg\";\nimport download from \"./img/download.svg\";\nimport metadata from \"./../../metadata.json\";\nimport L from \"leaflet\";\n\nclass Data extends Component {\n  state = {\n    text: {\n      DE: {\n        title: \"Temperaturmonitoring\",\n        titlebutton: \"Andere Seen\",\n        interp: \"Interpretation der Daten\",\n        linegraph: \"Oberflächen und Grundtemperatur\",\n        heatmap: \"Wassertemperatur\",\n        oxygen: \"Sauerstoff\",\n        job1: \"Wissenschaftlicher Betreuer des Projekts\",\n        job2: \"Verantwortlicher Techniker\",\n        notfound: \"See nicht gefunden!\",\n        graphinfo: \"\",\n        depth: \"Tiefe\",\n        area: \"Fläche\",\n        elevation: \"Höhe\",\n      },\n      EN: {\n        title: \"Temperature Monitoring\",\n        titlebutton: \"View Other Lakes\",\n        interp: \"Data Interpretation\",\n        linegraph: \"Surface and Bottom Temperature\",\n        heatmap: \"Water Temperature\",\n        oxygen: \"Oxygen\",\n        job1: \"Scientific Supervisor of the Project\",\n        job2: \"Responsible Technician\",\n        notfound: \"Lake not found!\",\n        graphinfo:\n          \"Edit the display period using the slider or the datetime selector above.\",\n        depth: \"Depth\",\n        area: \"Area\",\n        elevation: \"Elevation\",\n      },\n      IT: {\n        title: \"Monitoraggio della Temperatura\",\n        titlebutton: \"Altri Laghi\",\n        interp: \"Interpretazione dei Dati\",\n        linegraph: \"Temperatura Superficiale e Inferiore\",\n        heatmap: \"Temperatura dell'Acqua\",\n        oxygen: \"Ossigeno\",\n        job1: \"Responsabile Scientifico del Progetto\",\n        job2: \"Tecnico Responsabile\",\n        notfound: \"Lago non trovato!\",\n        graphinfo: \"\",\n        depth: \"profondità\",\n        area: \"superficie\",\n        elevation: \"altezza\",\n      },\n      FR: {\n        title: \"Surveillance de la Température\",\n        titlebutton: \"Autres Lacs\",\n        interp: \"Interprétation des Données\",\n        linegraph: \"Température de Surface et de Fond\",\n        heatmap: \"Température de l'Eau\",\n        oxygen: \"Oxygène\",\n        job1: \"Superviseur Scientifique du Projet\",\n        job2: \"Technicien Responsable\",\n        notfound: \"Lac introuvable!\",\n        graphinfo: \"\",\n        depth: \"profondeur\",\n        area: \"superficie\",\n        elevation: \"altitude\",\n      },\n    },\n  };\n\n  updateMap = () => {\n    this.map.invalidateSize();\n  };\n\n  extractLink = (iframe) => {\n    var arr = iframe.split(\"?\");\n    var params = arr[1].split(\"&\");\n    var url = arr[0] + \"?\" + params.find((p) => p.includes(\"axis\"));\n    return url;\n  };\n\n  async componentDidMount() {\n    var name = window.location.search.replace(\"?\", \"\");\n    if (Object.keys(metadata).includes(name)) {\n      var location = L.latLng(metadata[name][\"lat\"], metadata[name][\"lng\"]);\n      this.map = L.map(\"map\", {\n        preferCanvas: true,\n        zoomControl: false,\n        center: location,\n        zoom: 13,\n        minZoom: 8,\n      });\n      L.tileLayer(\n        \"https://wmts.geo.admin.ch/1.0.0/ch.swisstopo.pixelkarte-farbe/default/current/3857/{z}/{x}/{y}.jpeg\",\n        {\n          attribution:\n            '<a title=\"Swiss Federal Office of Topography\" href=\"https://www.swisstopo.admin.ch/\">swisstopo</a>',\n        }\n      ).addTo(this.map);\n      L.marker(location, {\n        id: name,\n        icon: L.divIcon({\n          className: \"map-marker\",\n          html:\n            `<div style=\"padding:10px;transform:translate(2px, -21px);position: absolute;\">` +\n            `<div class=\"pin bounce\" id=\"${\n              \"pin-\" + name\n            }\" style=\"background-color:#044E54\" />` +\n            `</div> `,\n        }),\n      })\n        .addTo(this.map)\n        .bindTooltip(metadata[name][\"location\"][0], {\n          permanent: true,\n          direction: \"bottom\",\n        })\n        .openTooltip();\n      window.addEventListener(\"resize\", this.updateMap, false);\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener(\"resize\", this.updateMap, false);\n  }\n  render() {\n    var { text } = this.state;\n    var { lang } = this.props;\n    var name = window.location.search.replace(\"?\", \"\");\n    if (Object.keys(metadata).includes(name)) {\n      document.title = metadata[name][\"name\"] + \" \" + text[lang].title;\n      return (\n        <div className=\"data\">\n          <div className=\"title\">\n            {metadata[name][\"name\"]}{\" \"}\n            <div className=\"extratitle\">{text[lang].title}</div>\n            <Link to={\"/\" + lang.toLowerCase()}>\n              <div className=\"title-button\">{text[lang].titlebutton}</div>\n            </Link>\n          </div>\n          <div className=\"left\">\n            <div className=\"info-box-clear\">\n              <table>\n                <tbody>\n                  <tr>\n                    <td>\n                      {metadata[name][\"depth\"][0]}\n                      <div className=\"unit\">{metadata[name][\"depth\"][1]}</div>\n                    </td>\n                    <td>\n                      {metadata[name][\"area\"][0]}\n                      <div className=\"unit\">{metadata[name][\"area\"][1]}</div>\n                    </td>\n                    <td>\n                      {metadata[name][\"elevation\"][0]}\n                      <div className=\"unit\">\n                        {metadata[name][\"elevation\"][1]}\n                      </div>\n                    </td>\n                  </tr>\n                  <tr>\n                    <th>{text[lang].depth}</th>\n                    <th>{text[lang].area}</th>\n                    <th>{text[lang].elevation}</th>\n                  </tr>\n                </tbody>\n              </table>\n              <div id=\"map\" />\n              <img\n                className=\"info-photo hide-mobile\"\n                src={metadata[name][\"photo\"]}\n                alt=\"Lake\"\n              />\n            </div>\n            <div className=\"info-box hide-mobile\">\n              <div className=\"contact\">\n                <div className=\"contact-icon\">\n                  <img src={phone} alt=\"Phone\" />\n                </div>\n                <div className=\"contact-text\">\n                  <div className=\"name\">Fabian Bärenbold</div>\n                  <div className=\"job\">{text[lang].job1}</div>\n                  <div className=\"phone\">+41 58 765 21 77</div>\n                  <div className=\"email\">fabian.baerenbold@eawag.ch</div>\n                </div>\n              </div>\n              <div className=\"contact\">\n                <div className=\"contact-icon\">\n                  <img src={phone} alt=\"Phone\" />\n                </div>\n                <div className=\"contact-text\">\n                  <div className=\"name\">Michael Plüss</div>\n                  <div className=\"job\">{text[lang].job2}</div>\n                  <div className=\"phone\">+41 58 765 22 55</div>\n                  <div className=\"email\">michael.pluess@eawag.ch</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"right\">\n            {lang in metadata[name][\"text\"] && (\n              <div className=\"info-box\">\n                <div className=\"info-box-header\">{text[lang].interp}</div>\n                <div className=\"info-box-content\">\n                  <div\n                    className=\"text\"\n                    dangerouslySetInnerHTML={{\n                      __html: metadata[name][\"text\"][lang],\n                    }}\n                  ></div>\n                </div>\n              </div>\n            )}\n            {\"linegraph\" in metadata[name] && (\n              <div className=\"info-box\">\n                <div className=\"info-box-header\">\n                  {text[lang].linegraph}\n                  <a\n                    href={this.extractLink(metadata[name][\"linegraph\"])}\n                    target=\"_blank\"\n                    title=\"Datalakes\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <img src={download} alt=\"Download\" />\n                  </a>\n                </div>\n                <div className=\"info-box-content\">\n                  <iframe\n                    src={metadata[name][\"linegraph\"] + \"&\" + lang}\n                    title=\"Datalakes\"\n                  />\n                  <div className=\"info-box-footer\">{text[lang].graphinfo}</div>\n                </div>\n              </div>\n            )}\n            {\"heatmap\" in metadata[name] && (\n              <div className=\"info-box\">\n                <div className=\"info-box-header\">\n                  {text[lang].heatmap}\n                  <a\n                    href={this.extractLink(metadata[name][\"heatmap\"])}\n                    target=\"_blank\"\n                    title=\"Datalakes\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <img src={download} alt=\"Download\" />\n                  </a>\n                </div>\n                <div className=\"info-box-content\">\n                  <iframe\n                    src={metadata[name][\"heatmap\"] + \"&\" + lang}\n                    title=\"Datalakes\"\n                  />\n                  <div className=\"info-box-footer\">{text[lang].graphinfo}</div>\n                </div>\n              </div>\n            )}\n            {\"oxygen\" in metadata[name] && (\n              <div className=\"info-box\">\n                <div className=\"info-box-header\">\n                  {text[lang].oxygen}\n                  {\"oxygen-depth\" in metadata[name] &&\n                    ` (${metadata[name][\"oxygen-depth\"]} ${text[lang].depth})`}\n                  <a\n                    href={this.extractLink(metadata[name][\"oxygen\"])}\n                    target=\"_blank\"\n                    title=\"Datalakes\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <img src={download} alt=\"Download\" />\n                  </a>\n                </div>\n                <div className=\"info-box-content\">\n                  <iframe\n                    src={metadata[name][\"oxygen\"] + \"&\" + lang}\n                    title=\"Datalakes\"\n                  />\n                  <div className=\"info-box-footer\">{text[lang].graphinfo}</div>\n                </div>\n              </div>\n            )}\n            <div className=\"info-box show-mobile\">\n              <div className=\"contact\">\n                <div className=\"contact-icon\">\n                  <img src={phone} alt=\"Phone\" />\n                </div>\n                <div className=\"contact-text\">\n                  <div className=\"name\">Fabian Bärenbold</div>\n                  <div className=\"job\">{text[lang].job1}</div>\n                  <div className=\"phone\">+41 58 765 21 77</div>\n                  <div className=\"email\">fabian.baerenbold@eawag.ch</div>\n                </div>\n              </div>\n              <div className=\"contact\">\n                <div className=\"contact-icon\">\n                  <img src={phone} alt=\"Phone\" />\n                </div>\n                <div className=\"contact-text\">\n                  <div className=\"name\">Michael Plüss</div>\n                  <div className=\"job\">{text[lang].job2}</div>\n                  <div className=\"phone\">+41 58 765 22 55</div>\n                  <div className=\"email\">michael.pluess@eawag.ch</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      document.title = text[lang].notfound;\n      return (\n        <div className=\"notfound\">\n          {text[lang].notfound}\n          <Link to={\"/\" + lang.toLowerCase()}>\n            <div className=\"notfound-button\">{text[lang].titlebutton}</div>\n          </Link>\n        </div>\n      );\n    }\n  }\n}\n\nexport default Data;\n","import React, { Component } from \"react\";\nimport { BrowserRouter, Route, Routes, Navigate } from \"react-router-dom\";\nimport \"./App.css\";\nimport Header from \"./components/header/header\";\nimport Home from \"./pages/home/home\";\nimport Data from \"./pages/data/data\";\n\nclass App extends Component {\n  state = {\n    lang: \"DE\",\n    langs: [\"DE\", \"EN\", \"IT\", \"FR\"],\n    redirect: false,\n    navigate: false,\n  };\n  updateLangs = (event) => {\n    this.setState({ lang: event.target.value, navigate: true });\n  };\n  renderNavigate = () => {\n    if (this.state.navigate) {\n      var { lang, langs } = this.state;\n      var path = window.location.pathname;\n      var link = \"/\" + lang.toLowerCase();\n      var links = langs.map((l) => \"/\" + l.toLowerCase());\n      for (let l of links) {\n        path = path.replace(l, link);\n      }\n      path = path + window.location.search;\n      this.setState({ navigate: false });\n      return <Navigate to={path} />;\n    }\n  };\n  renderRedirect = () => {\n    if (this.state.redirect) {\n      var url = window.location.href;\n      if (url.includes(\"seetemperaturen\")) {\n        this.setState({ lang: \"DE\", redirect: false });\n        return <Navigate to=\"/de\" />;\n      } else if (url.includes(\"lake-monitoring\")) {\n        this.setState({ lang: \"EN\", redirect: false });\n        return <Navigate to=\"/en\" />;\n      } else if (url.includes(\"temperature-di-laghi\")) {\n        this.setState({ lang: \"IT\", redirect: false });\n        return <Navigate to=\"/it\" />;\n      } else if (url.includes(\"temperature-des-lacs\")) {\n        this.setState({ lang: \"FR\", redirect: false });\n        return <Navigate to=\"/fr\" />;\n      } else {\n        this.setState({ lang: \"DE\", redirect: false });\n        return <Navigate to=\"/de\" />;\n      }\n    }\n  };\n  componentDidMount() {\n    var url = window.location.href;\n    var { langs } = this.state;\n    for (let lang of langs) {\n      if (url.includes(\"/\" + lang.toLowerCase())) {\n        this.setState({ lang });\n        return;\n      }\n    }\n    this.setState({ redirect: true });\n  }\n  render() {\n    var { lang, langs } = this.state;\n    return (\n      <React.Fragment>\n        <Header lang={lang} langs={langs} updateLangs={this.updateLangs} />\n        <BrowserRouter>\n          {this.renderRedirect()}\n          {this.renderNavigate()}\n          <Routes>\n            <Route path=\"/:lang\" exact element={<Home lang={lang} />} />\n            <Route path=\"/:lang/data\" element={<Data lang={lang} />} />\n          </Routes>\n        </BrowserRouter>\n      </React.Fragment>\n    );\n  }\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <App />,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}