{"version":3,"file":"component---src-pages-radar-js-351b74759a0db0312473.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/images/Rain-rate-desktop.svg","webpack://Jersey-Met-Redesign/./src/images/Rain-rate-mobile.svg","webpack://Jersey-Met-Redesign/./src/pages/radar.js"],"sourcesContent":["export default __webpack_public_path__ + \"static/Rain-rate-desktop-30771b5f8598567fb13d0d60f85a2b18.svg\";","export default __webpack_public_path__ + \"static/Rain-rate-mobile-161ee373fb60a474360746367812b1b5.svg\";","import React, {useState, useEffect} from \"react\"\nimport Grid from '@material-ui/core/Grid';\nimport Layout from \"../components/layout\"\nimport scale from '../images/Rain-rate-desktop.svg'\nimport scalemobile from \"../images/Rain-rate-mobile.svg\"\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faAngleLeft } from \"@fortawesome/free-solid-svg-icons\"\nimport { faAngleRight } from \"@fortawesome/free-solid-svg-icons\"\nimport { faPause } from \"@fortawesome/free-solid-svg-icons\"\nimport { faPlay } from \"@fortawesome/free-solid-svg-icons\"\nimport { faCircle } from \"@fortawesome/free-solid-svg-icons\"\nimport Seo from \"../components/seo\"\n\nconst Radar = () => {\n  const scaleMenuMobile = useMediaQuery(\"(max-width: 768px)\");\n  const scaleMenuDesktop = useMediaQuery(\"(min-width: 769px)\");\n  let [count, setCount] = useState(1);\n  const [auto, setAuto] = useState(true);\n  const [autoPlayId] = useState(0);\n  var d = new Date()\n  const [modifier, setMod] = useState(d.getTime());\n  const [image1] = useState(`${process.env.MET_RADARIMAGE}/Radar01.JPG`);\n  const [image2] = useState(`${process.env.MET_RADARIMAGE}/Radar02.JPG`);\n  const [image3] = useState(`${process.env.MET_RADARIMAGE}/Radar03.JPG`);\n  const [image4] = useState(`${process.env.MET_RADARIMAGE}/Radar04.JPG`);\n  const [image5] = useState(`${process.env.MET_RADARIMAGE}/Radar05.JPG`);\n  const [image6] = useState(`${process.env.MET_RADARIMAGE}/Radar06.JPG`);\n  const [image7] = useState(`${process.env.MET_RADARIMAGE}/Radar07.JPG`);\n  const [image8] = useState(`${process.env.MET_RADARIMAGE}/Radar08.JPG`);\n  const [image9] = useState(`${process.env.MET_RADARIMAGE}/Radar09.JPG`);\n  const [image10] = useState(`${process.env.MET_RADARIMAGE}/Radar10.JPG`);\n  const [imageZoom1] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom01.JPG`);\n  const [imageZoom2] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom02.JPG`);\n  const [imageZoom3] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom03.JPG`);\n  const [imageZoom4] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom04.JPG`);\n  const [imageZoom5] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom05.JPG`);\n  const [imageZoom6] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom06.JPG`);\n  const [imageZoom7] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom07.JPG`);\n  const [imageZoom8] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom08.JPG`);\n  const [imageZoom9] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom09.JPG`);\n  const [imageZoom10] = useState(`${process.env.MET_RADARIMAGE}/Radarzoom10.JPG`);\n\n  const handleIncrement = () => {\n    if (count !== 10) {\n      setCount(count + 1)\n      setAuto(false)\n    } else {\n      setCount(1)\n      setAuto(false)\n      return () => clearInterval(autoPlayId)\n    }\n  }\n  const handleDecrement = () => {\n    if (count !== 1) {\n      setCount(count - 1)\n    } else {\n      setCount((count = 10))\n    }\n    setAuto(false)\n    clearInterval(autoPlayId)\n  }\n  const handleAutoPlay = () => {\n    setAuto(!auto)\n    return () => clearInterval(autoPlayId)\n  }\n\n  const changeSlide = countNumber => {\n    setCount((count = countNumber))\n    setAuto(false)\n  }\n\n  useEffect(() => {\n    var refreshid = setInterval(updateImages, 180000)\n    if (auto) {\n      var autoplayid = setInterval(updateTime, 1200)\n    }\n    return () => {\n      clearInterval(refreshid)\n      clearInterval(autoplayid)\n    }\n  })\n\n  const updateTime = () => {\n    if (count !== 10) setCount(count + 1)\n    else setCount(1)\n  }\n\n  const updateImages = () => {\n    var d = new Date()\n    setMod(d.getTime())\n  }\n\n  return (\n    <React.Fragment>\n      <Layout>\n      <Seo title=\"Weather radar for the Channel Islands area\" description=\"The latest weather radar images for Jersey, Guernsey and the Channel Islands, from Jersey Met\" />\n      <div className=\"forecastAutoMargin\">\n      <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  CI weather radar\n                  </h1>                  \n      </Grid>\n          <Grid container spacing={2}>\n            <Grid item className=\"autoChangeImg\" xs={12} sm={12} md={12} lg={12}>\n              <React.Fragment>\n                <Grid container spacing={1}>\n                  <Grid item xs={12} sm={12} md={6} lg={6}>\n                      <img\n                        style={count !== 1 ? { display: \"none\" } : {}}\n                        alt=\"radar1\"\n                        src={image1 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 2 ? { display: \"none\" } : {}}\n                        alt=\"radar2\"\n                        src={image2 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 3 ? { display: \"none\" } : {}}\n                        alt=\"radar3\"\n                        src={image3 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 4 ? { display: \"none\" } : {}}\n                        alt=\"radar4\"\n                        src={image4 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 5 ? { display: \"none\" } : {}}\n                        alt=\"radar5\"\n                        src={image5 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 6 ? { display: \"none\" } : {}}\n                        alt=\"radar6\"\n                        src={image6 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 7 ? { display: \"none\" } : {}}\n                        alt=\"radar7\"\n                        src={image7 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 8 ? { display: \"none\" } : {}}\n                        alt=\"radar8\"\n                        src={image8 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 9 ? { display: \"none\" } : {}}\n                        alt=\"radar9\"\n                        src={image9 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 10 ? { display: \"none\" } : {}}\n                        alt=\"radar10\"\n                        src={image10 + \"?\" + modifier}\n                      />\n                  </Grid>\n                  <Grid item xs={12} sm={12} md={6} lg={6}>\n                      <img\n                        style={count !== 1 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom1\"\n                        src={imageZoom1 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 2 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom2\"\n                        src={imageZoom2 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 3 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom3\"\n                        src={imageZoom3 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 4 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom4\"\n                        src={imageZoom4 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 5 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom5\"\n                        src={imageZoom5 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 6 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom6\"\n                        src={imageZoom6 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 7 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom7\"\n                        src={imageZoom7 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 8 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom8\"\n                        src={imageZoom8 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 9 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom9\"\n                        src={imageZoom9 + \"?\" + modifier}\n                      />\n                      <img\n                        style={count !== 10 ? { display: \"none\" } : {}}\n                        alt=\"radarzoom10\"\n                        src={imageZoom10 + \"?\" + modifier}\n                      />\n                  </Grid>\n                </Grid>\n                <Grid container>\n                  <Grid item xs={12} sm={12} md={12} lg={12} style={{ textAlign: \"center\"}}>\n                    <div className=\"Slides\">\n                      <div style={{width: \"100%\", textAlign: \"center\", marginTop: \"10px\"}}>\n                        {count === 1 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(1)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(1)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 2 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(2)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(2)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 3 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(3)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(3)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 4 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(4)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(4)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 5 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(5)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(5)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 6 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(6)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(6)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 7 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(7)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(7)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 8 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(8)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(8)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 9 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(9)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(9)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                        {count === 10 ? (\n                          <FontAwesomeIcon onClick={() => changeSlide(10)} icon={faCircle} className=\"activeCircle\"/>\n                        ) : (\n                          <FontAwesomeIcon onClick={() => changeSlide(10)} icon={faCircle} className=\"nonActiveCircle\"/>\n                        )}\n                      </div>\n\n                      <div style={{marginLeft: \"18px\", marginRight: \"15px\", marginTop: \"10px\", marginBottom: \"20px\"}}>\n                        <button\n                          onClick={handleDecrement}\n                          className=\"sliderButton\"\n                        >\n                          <FontAwesomeIcon icon={faAngleLeft} />\n                        </button>\n                        &nbsp;\n                        <button\n                          onClick={handleIncrement}\n                          className=\"sliderButton\"\n                        >\n                          <FontAwesomeIcon icon={faAngleRight} />\n                        </button>\n                        &nbsp;\n                        {auto ? (\n                          <button\n                            onClick={handleAutoPlay}\n                            className=\"sliderButton\"\n                          >\n                            <FontAwesomeIcon\n                              style={{ marginRight: \"5px\" }}\n                              icon={faPause}\n                            />\n                            Pause\n                          </button>\n                        ) : (\n                          <button\n                            onClick={handleAutoPlay}\n                            className=\"sliderButton\"\n                          >\n                            <FontAwesomeIcon\n                              style={{ marginRight: \"5px\" }}\n                              icon={faPlay}\n                            />\n                            Play\n                          </button>\n                        )}\n                      </div>\n                      {scaleMenuDesktop && (\n                        <img src={scale} style={{width:\"50%\"}} alt=\"desktopscale\" />\n                      )}\n                      {scaleMenuMobile && (\n                        <img src={scalemobile} alt=\"mobilescale\" />\n                      )}\n                    </div>\n                  </Grid>\n                </Grid>\n              </React.Fragment>\n            </Grid>\n          </Grid>\n        </div>\n      </Layout>\n    </React.Fragment>\n  )\n}\nexport default Radar\n"],"names":["scaleMenuMobile","useMediaQuery","scaleMenuDesktop","useState","count","setCount","auto","setAuto","autoPlayId","d","Date","getTime","modifier","setMod","image1","process","image2","image3","image4","image5","image6","image7","image8","image9","image10","imageZoom1","imageZoom2","imageZoom3","imageZoom4","imageZoom5","imageZoom6","imageZoom7","imageZoom8","imageZoom9","imageZoom10","handleAutoPlay","clearInterval","changeSlide","countNumber","useEffect","refreshid","setInterval","updateImages","autoplayid","updateTime","title","description","className","Grid","item","xs","sm","md","lg","style","paddingLeft","container","spacing","display","alt","src","textAlign","width","marginTop","onClick","icon","faCircle","marginLeft","marginRight","marginBottom","faAngleLeft","faAngleRight","faPause","faPlay","scale","scalemobile"],"sourceRoot":""}