{"version":3,"file":"component---src-pages-runwaywebcam-js-800866ac7abb40eb3efd.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/runwaywebcam.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 Seo from \"../components/seo\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\n\nconst RunwayWecam = () => {\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_RUNWAYWEBCAM}/Airport_00001.jpg`)\n  const [image2] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00002.jpg`)\n  const [image3] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00003.jpg`)\n  const [image4] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00004.jpg`)\n  const [image5] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00005.jpg`)\n  const [image6] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00006.jpg`)\n  const [image7] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00007.jpg`)\n  const [image8] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00008.jpg`)\n  const [image9] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00009.jpg`)\n  const [image10] = useState(`${process.env.MET_RUNWAYWEBCAM}/Airport_00010.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=\"Runway webcam – Jersey Airport\" description=\"The latest images from a webcam overlooking the runway at Jersey Airport, Channel Islands\" />\n      <div className=\"forecastAutoMargin\">\n      <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Runway webcam\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}>\n                    <p style={{marginTop:\"0\", fontSize:\"18px\", lineHeight:\"24px\"}}>\n                      Due to popular support, the webcam has been moved from the\n                      States of Jersey Airport (1937 Building) to the Airport\n                      Rescue and Firefighting Service Station. This will be\n                      maintained for the foreseeable future.\n                    </p>\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\n                        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\n                        style={{textAlign: \"center\", 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 RunwayWecam\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","marginTop","fontSize","lineHeight","display","alt","src","width","textAlign","onClick","icon","faCircle","marginLeft","marginRight","marginBottom","faAngleLeft","faAngleRight","faPause","faPlay"],"sourceRoot":""}