{"version":3,"file":"component---src-pages-satellite-js-2e89bf203655ac629aa3.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/satellite.js"],"sourcesContent":["import React from 'react'\nimport { Link } from \"gatsby\";\nimport logo from \"../../../images/Jersey-Met-Premium-Services-Logo.svg\"\nimport \"../Sidebar.scss\";\nimport { makeStyles, } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    \"&:hover\": {\n      color: \"#b60011\",   \n    },\n    \"&:focus\": {\n    backgroundColor: \"hsl(208, 89%, 34%)\",\n    color: \"#fff\"\n    }\n  },\n}));\n\nconst PremiumServices = () => {\n    const hoverStyle = useStyles()\n    return (\n    <aside id=\"sideBar\" >\n    <div id=\"navigator\">\n\n    <div className=\"sidePanel\">\n        <div style={{ backgroundImage:`url(${logo})`, height:'100px', backgroundRepeat: 'no-repeat',backgroundPosition: '-5px' }}></div>\n        {/* <img alt=\"Premium services\" src={logo} ></img> */}\n        <h1>Premium Services</h1>    \n        <p>Talk to a forecaster on<br />T&nbsp;&nbsp;&nbsp;<a className={hoverStyle.root} href=\"tel:+4490580777774\">0905 807 7777</a><br />Calls charged at £1.50 per minute</p>\n        <p><Link className={hoverStyle.root} activeClassName=\"\" to='/services' >View all premium weather services</Link></p>\n     </div>\n\n     </div>\n     </aside>\n    )\n}\n\nexport default PremiumServices","import React, { useState, useEffect } from \"react\"\nimport Grid from \"@material-ui/core/Grid\"\nimport Layout from \"../components/layout\"\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 PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport Seo from \"../components/seo\"\n\nconst Radar = () => {\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_SATELLITEIMAGE}/Satellite01.JPG`)\n  const [image2] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite02.JPG`)\n  const [image3] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite03.JPG`)\n  const [image4] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite04.JPG`)\n  const [image5] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite05.JPG`)\n  const [image6] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite06.JPG`)\n  const [image7] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite07.JPG`)\n  const [image8] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite08.JPG`)\n  const [image9] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite09.JPG`)\n  const [image10] = useState(`${process.env.MET_SATELLITEIMAGE}/Satellite10.JPG`)\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  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  return (\n    <React.Fragment>\n      <Layout>\n      <Seo title=\"Channel Islands weather satellite images\" description=\"Channel Islands weather satellite images\" />\n      <div className=\"forecastAutoMargin\">\n      <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Satellite image\n                  </h1>                  \n      </Grid>\n          <Grid container spacing={2}>\n            <Grid item className=\"autoChangeImg\" xs={12} sm={12} md={8} lg={8}>\n              <React.Fragment>\n                <Grid container spacing={1}>\n                  <Grid item xs={12} sm={12} md={12} lg={12} style={{ textAlign: \"center\", paddingTop: \"40px\" }}>\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                    <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                        )}\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                    </div>\n                  </Grid>\n                </Grid>\n              </React.Fragment>\n            </Grid>\n            <Grid item xs={12} sm={12} md={4} lg={4}>\n                  <PremiumServices />\n                </Grid>\n          </Grid>\n        </div>\n      </Layout>\n    </React.Fragment>\n  )\n}\nexport default Radar\n"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","useState","count","setCount","auto","setAuto","autoPlayId","d","Date","getTime","modifier","setMod","image1","process","image2","image3","image4","image5","image6","image7","image8","image9","image10","useEffect","refreshid","setInterval","updateImages","autoplayid","updateTime","clearInterval","handleAutoPlay","changeSlide","countNumber","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","textAlign","paddingTop","display","alt","src","width","marginTop","onClick","icon","faCircle","marginLeft","marginRight","marginBottom","faAngleLeft","faAngleRight","faPause","faPlay"],"sourceRoot":""}