{"version":3,"sources":["components/NavMenu.js","components/Layout.js","components/IconAttrib.js","services/dataService.js","components/Chart.js","components/Home.js","components/FetchData.js","components/Counter.js","components/MobileDevelopment.js","App.js","registerServiceWorker.js","index.js"],"names":["NavMenu","props","toggleNavbar","bind","state","collapsed","this","setState","Navbar","className","light","Container","NavbarBrand","tag","Link","to","id","Component","displayName","name","Layout","children","mainContent","sidebar","MainLayout","IconAttrib","useState","showIconBanner","setShowIconBanner","onClick","href","title","version","xmlns","x","y","viewBox","d","getChartData","service","days","a","fetch","response","json","data","Chart","caption","rangeVal","setRangeVal","setData","useEffect","console","log","then","r","handleChange","e","target","value","options","fullWidth","chartPadding","top","right","left","bottom","type","min","max","onChange","Home","alt","src","FetchData","forecasts","loading","populateWeatherData","contents","renderForecastsTable","aria-labelledby","map","forecast","key","date","temperatureC","temperatureF","summary","Counter","currentCount","incrementCounter","aria-live","MobileDevelopment","useRouteMatch","path","url","exact","App","component","isLocalhost","Boolean","window","location","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","catch","error","baseUrl","document","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","URL","process","origin","addEventListener","status","headers","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.1019e083.chunk.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport './NavMenu.css';\r\n\r\nexport class NavMenu extends Component {\r\n  static displayName = NavMenu.name;\r\n\r\n  constructor (props) {\r\n    super(props);\r\n\r\n    this.toggleNavbar = this.toggleNavbar.bind(this);\r\n    this.state = {\r\n      collapsed: true\r\n    };\r\n  }\r\n\r\n  toggleNavbar () {\r\n    this.setState({\r\n      collapsed: !this.state.collapsed\r\n    });\r\n  }\r\n\r\n  render () {\r\n    return (\r\n      <header>\r\n        <Navbar className=\"navbar-expand-sm navbar-toggleable-sm ng-white border-bottom mb-3\" light>\r\n                <Container>\r\n                    <div className=\"col-12 col-sm-8\">\r\n\r\n                        <NavbarBrand tag={Link} to=\"/\">\r\n                            <h1 className=\"text-left mb-0\"><span id=\"left\">{'{'} </span><span>IF Block</span><span id=\"right\">{'}'}</span></h1>\r\n                            <span className=\"sub\">Helping companies build software Apps and Services</span>\r\n                        </NavbarBrand>\r\n                    </div>\r\n                    <div className=\"col-12 col-sm-4 d-none d-sm-block\">\r\n                        <div className=\"block\"> contact@ifblock.com</div>\r\n                        <div className=\"block\"> 07767 874616</div>\r\n                    </div>\r\n          </Container>\r\n        </Navbar>\r\n      </header>\r\n    );\r\n  }\r\n}\r\n\r\n\r\n\r\n //<NavbarToggler onClick={this.toggleNavbar} className=\"mr-2\" />\r\n //           <Collapse className=\"d-sm-inline-flex flex-sm-row-reverse\" isOpen={!this.state.collapsed} navbar>\r\n //             <ul className=\"navbar-nav flex-grow\">\r\n //               <NavItem>\r\n //                 <NavLink tag={Link} className=\"text-dark\" to=\"/\">Home</NavLink>\r\n //               </NavItem>\r\n //               <NavItem>\r\n //                 <NavLink tag={Link} className=\"text-dark\" to=\"/counter\">Counter</NavLink>\r\n //               </NavItem>\r\n //               <NavItem>\r\n //                 <NavLink tag={Link} className=\"text-dark\" to=\"/fetch-data\">Fetch data</NavLink>\r\n //               </NavItem>\r\n //             </ul>\r\n //           </Collapse>\r\n","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { NavMenu } from './NavMenu';\r\n\r\n\r\n\r\nconst Layout = (props) => {\r\n\r\n    const [mainContent, sidebar] = props.children;\r\n\r\n    return (\r\n        <div className=\"row \">\r\n            <div className=\"main-content col-12 col-md-7 col-lg-8\">\r\n                {mainContent}\r\n            </div>\r\n\r\n            <div className=\"dashboard col-12 col-md-5 col-lg-4\">\r\n                {sidebar}\r\n            </div>\r\n        </div>);\r\n};\r\n\r\nconst MainLayout = (props) => {\r\n    return (<div>\r\n        <NavMenu />\r\n        <Container >            \r\n            {props.children}\r\n        </Container>\r\n    </div>);\r\n};\r\n\r\n\r\nexport { MainLayout, Layout };\r\n","import React, { useState } from 'react';\r\n\r\n\r\nconst IconAttrib = () => {\r\n\r\n\tconst [showIconBanner, setShowIconBanner] = useState(false);\r\n\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<span className=\"icon-info-selector d-none d-sm-block\" onClick={() => setShowIconBanner(true)}>Like these icons?</span>\r\n\r\n           {showIconBanner && <div className=\"icon-info-container\">\r\n               <div>Icons made by <a href=\"https://www.flaticon.com/authors/smashicons\" title=\"Smashicons\">Smashicons</a> from <a href=\"https://www.flaticon.com/\" title=\"Flaticon\">www.flaticon.com</a></div><div>Icons made by <a href=\"https://www.flaticon.com/authors/freepik\" title=\"Freepik\">Freepik</a> from <a href=\"https://www.flaticon.com/\" title=\"Flaticon\">www.flaticon.com</a></div><div>Icons made by <a href=\"https://www.flaticon.com/authors/monkik\" title=\"monkik\">monkik</a> from <a href=\"https://www.flaticon.com/\" title=\"Flaticon\">www.flaticon.com</a></div><div>Icons made by <a href=\"https://www.flaticon.com/authors/phatplus\" title=\"phatplus\">phatplus</a> from <a href=\"https://www.flaticon.com/\" title=\"Flaticon\">www.flaticon.com</a></div>\r\n                <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" onClick={() => setShowIconBanner(false)}\r\n\t\t\t\t\t viewBox=\"0 0 415.188 415.188\" >\r\n\t\t\t\t\t<path d=\"M412.861,78.976c3.404-6.636,2.831-14.159-0.15-20.404c0.84-7.106-1.02-14.321-7.746-19.855\r\n\t\t\t\t\t\tc-6.262-5.151-12.523-10.305-18.781-15.457c-11.005-9.055-28.237-11.913-38.941,0c-48.619,54.103-99.461,105.856-152.167,155.725\r\n\t\t\t\t\t\tc-39.185-36.605-78.846-72.713-118.223-108.868c-13.82-12.693-33.824-8.71-42.519,6.411c-12.665,6.286-22.931,14.481-31.42,28.468\r\n\t\t\t\t\t\tc-4.042,6.664-3.727,15.076,0,21.764c25.421,45.578,74.557,85.651,114.957,122.529c-5.406,4.839-10.772,9.724-16.287,14.461\r\n\t\t\t\t\t\tc-54.43,46.742-91.144,76.399-23.029,124.325c0.919,0.647,1.856,0.504,2.789,0.882c1.305,0.602,2.557,1.026,4.004,1.264\r\n\t\t\t\t\t\tc0.45,0.017,0.87,0.093,1.313,0.058c1.402,0.114,2.774,0.471,4.195,0.192c36.621-7.18,70.677-35.878,101.576-67.48\r\n\t\t\t\t\t\tc30.1,29.669,62.151,58.013,97.395,74.831c8.391,4.005,18.395,1.671,24.855-3.931c10.832,0.818,20.708-5.913,25.665-15.586\r\n\t\t\t\t\t\tc0.734-0.454,1.207-0.713,2.002-1.21c15.748-9.838,17.187-29.431,5.534-42.936c-26.313-30.492-54.284-59.478-82.798-87.95\r\n\t\t\t\t\t\tC316.426,196.043,380.533,141.939,412.861,78.976z\"/>\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n        );\r\n}\r\n\r\nexport default IconAttrib;","export default async function getChartData(service, days) {\r\n\r\n    const response = await fetch(`api/ifblock/${service}?days=${days}`);\r\n    const data = await response.json();\r\n    return data;\r\n}","import React, { useState, useEffect } from 'react';\r\nimport getChartData from '../services/dataService';\r\nimport ChartistGraph from 'react-chartist';\r\nimport \"../../src/libs/chartist.min.css\";\r\n\r\nconst Chart = ({ title, service, caption }) => {\r\n\r\n    const [rangeVal, setRangeVal] = useState(10);\r\n    const [data, setData] = useState({});\r\n\r\n    \r\n\r\n\r\n    useEffect(() => {\r\n        console.log(\"Component useEffect for \"+service);\r\n        getChartData(service, rangeVal).then((r) => {\r\n            setData(r);\r\n        });\r\n    }, []);\r\n\r\n    const handleChange = async e => {\r\n\r\n        setRangeVal(e.target.value);\r\n\r\n        var response = await getChartData(service, e.target.value);\r\n\r\n        setData(response);\r\n\r\n    }\r\n\r\n    var type = 'Line';\r\n    var options = {\r\n        fullWidth: true,\r\n        chartPadding: { top: 0, right: 30, left: 0, bottom: 0 }\r\n    };\r\n\r\n    return (\r\n        <div className=\"chart-component\">\r\n\r\n            <h1>{title}</h1>\r\n            <div><h2>{caption} in the last {rangeVal} days</h2></div>\r\n\r\n            <ChartistGraph data={data} options={options} type={type}/>\r\n\r\n            <div className=\"slidecontainer\">\r\n                <input type=\"range\" value={rangeVal} min=\"10\" max=\"30\"\r\n                    onChange={handleChange}\r\n                    className=\"slider\" />\r\n            </div>\r\n           \r\n        </div>\r\n    );\r\n}        \r\n                                \r\n                                \r\n\r\n\r\n\r\nexport default  Chart;","import React, { useState } from 'react';\r\nimport IconAttrib from './IconAttrib';\r\nimport {Layout} from './Layout';\r\nimport Chart from './Chart';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst Home = () => {\r\n    return (\r\n        <Layout>\r\n            <div className=\"home\">\r\n                <h1>Welcome</h1>\r\n                <p>IFBlock is a small software development company specialising in the creation of dynamic websites, cross platform\r\n                mobile applications and internet based services. </p>\r\n\r\n                <h1>Services</h1>\r\n                <p>\r\n                    IFBlock offer a number of development services to clients, including the following:\r\n                </p>\r\n\r\n                <div className=\"services\">\r\n                    <div>\r\n                        <svg id=\"Capa_1\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><g><g>\r\n                            <path d=\"m502 289.708h-53.043v-233.864c0-16.121-13.128-29.237-29.265-29.237h-390.456c-16.121 0-29.236 13.116-29.236 29.237v322.854c0 16.137 13.115 29.265 29.236 29.265h62.689v67.43c0 5.523 4.477 10 10 10h45.027c5.523 0 10-4.477 10-10s-4.477-10-10-10h-35.027v-155.685h380.075v155.685h-255.137c-5.523 0-10 4.477-10 10s4.477 10 10 10h265.137c5.523 0 10-4.477 10-10v-175.685c0-5.522-4.477-10-10-10zm-472.764-243.101h390.456c5.108 0 9.265 4.144 9.265 9.237v62.578h-408.957v-62.578c0-5.094 4.144-9.237 9.236-9.237zm72.689 243.101c-5.523 0-10 4.477-10 10v88.255h-62.689c-5.093 0-9.236-4.156-9.236-9.265v-240.277h408.957v151.287z\" /><path d=\"m339.343 92.514c5.523 0 10-4.477 10-10s-4.477-10-10-10h-.057c-5.523 0-9.972 4.477-9.972 10s4.506 10 10.029 10z\" /><path d=\"m386.384 92.514c5.523 0 10-4.477 10-10s-4.477-10-10-10h-.028c-5.523 0-9.986 4.477-9.986 10s4.491 10 10.014 10z\" /><path d=\"m292.302 92.514c5.523 0 10-4.477 10-10s-4.477-10-10-10h-.057c-5.523 0-9.971 4.477-9.971 10s4.505 10 10.028 10z\" /><path d=\"m62.545 92.514h130.994c5.523 0 10-4.477 10-10s-4.477-10-10-10h-130.994c-5.523 0-10 4.477-10 10s4.477 10 10 10z\" /><path d=\"m322.939 425.702 6.753-37.396 11.181 37.881c.033.111.067.221.104.331 1.596 4.788 6.037 7.987 11.071 7.987h.1c5.061-.042 9.483-3.316 11.004-8.146.027-.086.053-.173.078-.26l10.785-37.808 7.17 37.51c1.037 5.425 6.275 8.982 11.7 7.945s8.981-6.275 7.945-11.7l-13.76-71.982c-.007-.039-.015-.077-.022-.114-1.06-5.212-5.512-9.049-10.827-9.329-5.292-.277-10.118 3.055-11.714 8.11-.028.089-.055.179-.081.269l-12.523 43.902-12.984-43.99c-.033-.111-.067-.221-.104-.331-1.67-5.01-6.518-8.277-11.794-7.95-5.282.329-9.695 4.186-10.733 9.379-.012.061-.023.122-.035.183l-12.995 71.954c-.981 5.435 2.629 10.637 8.063 11.618 5.43.979 10.637-2.628 11.618-8.063z\" /><path d=\"m432.545 340.609c-5.523 0-10 4.477-10 10v73.826c0 4.869 3.506 9.029 8.304 9.855.714.123 1.235.213 9.522.213 3.966 0 9.711-.021 18.105-.068 5.522-.031 9.975-4.534 9.943-10.057-.031-5.503-4.502-9.943-9.999-9.943-.019 0-.038 0-.058 0-4.823.027-10.852.052-15.818.06v-63.886c.001-5.523-4.476-10-9.999-10z\" /><path d=\"m196.631 340.609c-5.523 0-10 4.477-10 10v25.665h-31.155v-25.665c0-5.523-4.477-10-10-10s-10 4.477-10 10v73.883c0 5.523 4.477 10 10 10s10-4.477 10-10v-28.218h31.155v28.218c0 5.523 4.477 10 10 10s10-4.477 10-10v-73.883c0-5.523-4.477-10-10-10z\" /><path d=\"m257.263 434.492c5.523 0 10-4.477 10-10v-63.883h10.484c5.523 0 10-4.477 10-10s-4.477-10-10-10h-40.827c-5.523 0-10 4.477-10 10s4.477 10 10 10h10.343v63.883c0 5.523 4.477 10 10 10z\" /><path d=\"m148.357 164.028c-5.391-1.2-10.733 2.2-11.933 7.591l-18.272 82.168c-1.199 5.391 2.2 10.733 7.591 11.933.731.163 1.461.24 2.18.24 4.583 0 8.716-3.171 9.752-7.831l18.272-82.168c1.199-5.392-2.199-10.734-7.59-11.933z\" /><path d=\"m90.089 173.295c-4.253-3.523-10.558-2.932-14.08 1.322l-28.06 33.877c-3.065 3.7-3.065 9.057 0 12.758l28.06 33.877c1.978 2.388 4.831 3.622 7.707 3.622 2.247 0 4.508-.754 6.374-2.299 4.253-3.523 4.845-9.827 1.322-14.08l-22.776-27.499 22.776-27.498c3.523-4.253 2.931-10.557-1.323-14.08z\" /><path d=\"m198.062 174.618c-3.523-4.254-9.828-4.846-14.08-1.322-4.253 3.523-4.845 9.827-1.322 14.08l22.776 27.498-22.776 27.499c-3.523 4.253-2.931 10.557 1.322 14.08 1.866 1.546 4.126 2.299 6.374 2.299 2.875 0 5.729-1.234 7.707-3.622l28.06-33.877c3.065-3.7 3.065-9.058 0-12.758z\" /><path d=\"m315.312 201.438h77.966c5.523 0 10-4.477 10-10s-4.477-10-10-10h-77.966c-5.523 0-10 4.477-10 10s4.477 10 10 10z\" /><path d=\"m258.681 201.438h16.598c5.523 0 10-4.477 10-10s-4.477-10-10-10h-16.598c-5.523 0-10 4.477-10 10s4.477 10 10 10z\" /><path d=\"m336.647 232.708h-77.966c-5.523 0-10 4.477-10 10s4.477 10 10 10h77.966c5.523 0 10-4.477 10-10s-4.477-10-10-10z\" /><path d=\"m393.278 232.708h-16.598c-5.523 0-10 4.477-10 10s4.477 10 10 10h16.598c5.523 0 10-4.477 10-10s-4.477-10-10-10z\" /><path d=\"m191.893 465.393c-5.523 0-10 4.477-10 10s4.477 10 10 10h.057c5.523 0 9.971-4.477 9.971-10s-4.505-10-10.028-10z\" /></g></g></svg>\r\n\r\n                        <div>\r\n                            <h2>Website development</h2>\r\n                            <p></p>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n                    <Link to=\"/mobile\">\r\n                        <div>\r\n                            <svg id=\"Layer_1\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"m128 456v-344h-16v344c0 22.1 17.9 40 40 40h184v-16h-184c-13.2 0-24-10.8-24-24z\" /><path d=\"m216 448h80v16h-80z\" /><path d=\"m144 168c0 4.4 3.6 8 8 8h8.7c1.7 4.7 6.1 8 11.3 8s9.6-3.3 11.3-8h17.4c1.7 4.7 6.1 8 11.3 8s9.6-3.3 11.3-8h8.7c4.4 0 8-3.6 8-8v-24c0-3-1.7-5.8-4.4-7.2l-13.6-6.8-6.8-13.6c-1.4-2.7-4.1-4.4-7.2-4.4h-32c-3 0-5.8 1.7-7.2 4.4l-6.8 13.6-13.6 6.8c-2.7 1.4-4.4 4.1-4.4 7.2zm16-19.1 11.6-5.8c1.5-.8 2.8-2 3.6-3.6l5.8-11.6h22.1l5.8 11.6c.8 1.5 2 2.8 3.6 3.6l11.6 5.8v11.1h-64v-11.1z\" /><path d=\"m336 104v10.6l-11-8.8c-2.9-2.3-7.1-2.3-10 0l-40 32c-2.7 2.1-3.7 5.7-2.6 8.9s4.2 5.4 7.5 5.4v24c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8v-24c3.4 0 6.4-2.1 7.5-5.4 1.1-3.2.1-6.8-2.6-8.9l-13-10.4v-23.4zm8 40v24h-16v-16h-16v16h-16v-24c0-.8-.1-1.6-.3-2.3l24.3-19.5 24.3 19.5c-.2.7-.3 1.5-.3 2.3z\" /><path d=\"m351.6 234.6 5.3-10.6h11.1v-16h-16c-3 0-5.8 1.7-7.2 4.4l-5.8 11.6h-59c-2.4 0-4.7 1.1-6.2 2.9s-2.1 4.3-1.7 6.6l8 40c.3 1.4 1 2.7 1.9 3.8-1.3 1.9-2 4.2-2 6.7 0 6.6 5.4 12 12 12s12-5.4 12-12c0-1.4-.3-2.7-.7-4h17.4c-.4 1.3-.7 2.6-.7 4 0 6.6 5.4 12 12 12s12-5.4 12-12c0-2.5-.8-4.8-2-6.7.9-1 1.6-2.3 1.9-3.8zm-17.4 5.4-4.8 24h-34.9l-4.8-24z\" /><path d=\"m144 352c0 4.4 3.6 8 8 8h8v40c0 4.4 3.6 8 8 8s8-3.6 8-8v-8h40v8c0 4.4 3.6 8 8 8s8-3.6 8-8v-19.1l4.4 2.2 7.2-14.3-13.9-7c-3.8-8.2-12.1-13.8-21.7-13.8h-19l-.3-2c-1.4-10.3-10.3-18-20.7-18-4.4 0-8 3.6-8 8v1.4l-9.5 1.8c-3.8.7-6.5 4-6.5 7.9zm32 9.3c1.5 1.7 3.6 2.7 6 2.7h26c4.4 0 8 3.6 8 8v4h-40z\" /><path d=\"m445.8 312.5-45.8-51.5v-205c0-22.1-17.9-40-40-40h-208c-22.1 0-40 17.9-40 40v40h16v-40c0-13.2 10.8-24 24-24h208c13.2 0 24 10.8 24 24v208 76.7l-26.1-26.1c-6.9-6.9-16-10.6-25.7-10.6-20 0-36.3 16.3-36.3 36.3 0 9.7 3.8 18.8 10.6 25.7l2.1 2.1h-12.6v-16h-16v24c0 4.4 3.6 8 8 8h19.1l-10.2 20.4 14.3 7.2 13.7-27.4 24.8 24.8c-13 21.3-14.3 47.7-2.9 70.4l5.3 10.5v6.1h16v-8c0-1.2-.3-2.5-.8-3.6l-6.1-12.2c-9.7-19.3-7.6-42.1 5.4-59.4 2.4-3.2 2.1-7.6-.7-10.5l-47.7-47.7c-3.8-3.8-5.9-8.9-5.9-14.3 0-11.2 9.1-20.3 20.3-20.3 5.4 0 10.5 2.1 14.3 5.9l39.7 39.7 24 24 11.3-11.3-21.9-21.7v-71.7l33.9 38.1c9.1 10.3 14.1 23.5 14.1 37.2v135.7h16v-135.7c0-17.6-6.5-34.6-18.2-47.8z\" /><path d=\"m144 64h16v16h-16z\" /><path d=\"m176 64h16v16h-16z\" /><path d=\"m208 64h16v16h-16z\" /><path d=\"m200 288v-24h24v-16h-24v-24h-16v24h-24v16h24v24z\" /></g></svg>\r\n                            <div>\r\n                                <h2>Mobile development</h2>\r\n                                <p></p>\r\n                            </div>\r\n                        </div>\r\n                    </Link>\r\n\r\n                    <div>\r\n\r\n                        <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"API\"><path d=\"m58 54a4 4 0 0 0 -3.86 3h-3.14a1 1 0 0 1 -1-1v-7h2.14a4 4 0 1 0 0-2h-2.14v-15h3a9 9 0 0 0 0-18h-2.06a8.977 8.977 0 0 0 -14.18-6.3 14.982 14.982 0 0 0 -26.45 6.34 8.993 8.993 0 0 0 .69 17.96h3v13h-2.14a4 4 0 1 0 0 2h2.14v9a1 1 0 0 1 -1 1h-3.14a4 4 0 1 0 0 2h3.14a3.009 3.009 0 0 0 3-3v-9h8a3.009 3.009 0 0 0 3-3v-12h4v22.14a4 4 0 1 0 2 0v-22.14h4v14a3.009 3.009 0 0 0 3 3h8v7a3.009 3.009 0 0 0 3 3h3.14a3.994 3.994 0 1 0 3.86-5zm-2-8a2 2 0 1 1 -2 2 2.006 2.006 0 0 1 2-2zm-48 2a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2zm-2 12a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2zm19-16a1 1 0 0 1 -1 1h-8v-13h9zm9 14a2 2 0 1 1 -2-2 2.006 2.006 0 0 1 2 2zm14-11h-8a1 1 0 0 1 -1-1v-14h9zm-37-17a7 7 0 0 1 0-14h.12a7.018 7.018 0 0 1 6 3.61l1.76-.97a9.086 9.086 0 0 0 -6.55-4.54 13 13 0 0 1 25.64 1.97l1.99-.14a14.907 14.907 0 0 0 -2.07-6.58 7 7 0 0 1 10.24 9.04l1.74.97a9.005 9.005 0 0 0 1.07-3.36h2.06a7 7 0 1 1 0 14zm47 30a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2z\" /><path d=\"m8 23a3 3 0 0 1 3-3v-2a5 5 0 0 0 0 10h6v-2h-6a3 3 0 0 1 -3-3z\" /><path d=\"m25.99 18.89a.989.989 0 0 0 -.99-.89h-4a.989.989 0 0 0 -.99.89l-1 9 1.98.22.35-3.11h3.32l.35 3.11 1.98-.22zm-4.43 4.11.34-3h2.2l.34 3z\" /><path d=\"m36 18h-6a1 1 0 0 0 -1 1v9h2v-4h5a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-1 4h-4v-2h4z\" /><path d=\"m43 20v6h2v2h-6v-2h2v-6h-2v-2h6v2z\" /></g></svg>\r\n                        <div>\r\n                            <h2>API development</h2>\r\n                            <p></p>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <h1>Fixed price packages</h1>\r\n                <p>\r\n                    <h2>Small business App</h2>\r\n                IFBlock will soon be announcing an exciting new package for small businesses that would like to offer their services through\r\n                a mobile App, but do not have the resources to create one.\r\n            </p>\r\n\r\n\r\n            <IconAttrib />\r\n\r\n\r\n            </div>\r\n            <div className=\"dashboard\">\r\n                <Chart title=\"MOT Checker App\" caption=\"Registration searches\" service=\"usage\" />\r\n                <Chart title=\"\" caption=\"Units downloaded\" service=\"units\" />\r\n                <div className=\"appLinks\">\r\n                    <a className=\"apple\" href=\"https://apps.apple.com/gb/app/mot-checker-uk/id1488966184?mt=8\"></a>\r\n                    <a className=\"google\" href='https://play.google.com/store/apps/details?id=com.ifblock.motchecker&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'>\r\n                        <img alt='Get it on Google Play' src='https://play.google.com/intl/en_gb/badges/static/images/badges/en_badge_web_generic.png' />\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </Layout>\r\n    );\r\n}\r\n\r\nexport default Home;","import React, { Component } from 'react';\r\n\r\nexport class FetchData extends Component {\r\n  static displayName = FetchData.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { forecasts: [], loading: true };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.populateWeatherData();\r\n  }\r\n\r\n  static renderForecastsTable(forecasts) {\r\n    return (\r\n      <table className='table table-striped' aria-labelledby=\"tabelLabel\">\r\n        <thead>\r\n          <tr>\r\n            <th>Date</th>\r\n            <th>Temp. (C)</th>\r\n            <th>Temp. (F)</th>\r\n            <th>Summary</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {forecasts.map(forecast =>\r\n            <tr key={forecast.date}>\r\n              <td>{forecast.date}</td>\r\n              <td>{forecast.temperatureC}</td>\r\n              <td>{forecast.temperatureF}</td>\r\n              <td>{forecast.summary}</td>\r\n            </tr>\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    let contents = this.state.loading\r\n      ? <p><em>Loading...</em></p>\r\n      : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n    return (\r\n      <div>\r\n        <h1 id=\"tabelLabel\" >Weather forecast</h1>\r\n        <p>This component demonstrates fetching data from the server.</p>\r\n        {contents}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  async populateWeatherData() {\r\n    const response = await fetch('weatherforecast');\r\n    const data = await response.json();\r\n    this.setState({ forecasts: data, loading: false });\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class Counter extends Component {\r\n  static displayName = Counter.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { currentCount: 0 };\r\n    this.incrementCounter = this.incrementCounter.bind(this);\r\n  }\r\n\r\n  incrementCounter() {\r\n    this.setState({\r\n      currentCount: this.state.currentCount + 1\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <h1>Counter</h1>\r\n\r\n        <p>This is a simple example of a React component.</p>\r\n\r\n        <p aria-live=\"polite\">Current count: <strong>{this.state.currentCount}</strong></p>\r\n\r\n        <button className=\"btn btn-primary\" onClick={this.incrementCounter}>Increment</button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Switch, useRouteMatch, Link, Route } from 'react-router-dom';\r\nimport { Layout } from './Layout';\r\n\r\n\r\nconst MobileDevelopment = () => {\r\n\r\n    let { path, url } = useRouteMatch();\r\n\r\n    return (\r\n\r\n        <div className=\"mobile main-content\">\r\n\r\n        <Layout>\r\n            <div className=\"\">\r\n\r\n                <h1>Cross platform Mobile development</h1>\r\n\r\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo. Sem nulla pharetra diam sit amet nisl suscipit adipiscing. Condimentum lacinia quis vel eros donec ac odio tempor. Et tortor consequat id porta nibh. Laoreet non curabitur gravida arcu ac tortor. Potenti nullam ac tortor vitae purus faucibus. Libero enim sed faucibus turpis. Magna fermentum iaculis eu non diam phasellus vestibulum lorem. Vel facilisis volutpat est velit egestas. Egestas tellus rutrum tellus pellentesque eu tincidunt. Sed felis eget velit aliquet sagittis id consectetur purus. Tortor posuere ac ut consequat. Aliquam sem fringilla ut morbi tincidunt augue. Pulvinar neque laoreet suspendisse interdum consectetur. Felis eget velit aliquet sagittis id consectetur purus ut. Amet porttitor eget dolor morbi non arcu risus quis varius. Aliquet bibendum enim facilisis gravida neque convallis. Id donec ultrices tincidunt arcu non sodales. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin.</p>\r\n\r\n\r\n                <Switch>\r\n                    <Route exact path={path}>\r\n\r\n                    </Route>\r\n                    <Route path={`${path}/mesh`}>\r\n                        <Layout>\r\n                        </Layout>\r\n                    </Route>\r\n                    <Route path={`${path}/rcferret`}>\r\n                        <Layout>\r\n                        </Layout>\r\n                    </Route>\r\n                </Switch>\r\n\r\n\r\n\r\n            </div>\r\n            <div/>\r\n        </Layout>\r\n\r\n\r\n        <h1>Case studies</h1>\r\n        <div className=\"services\">\r\n                <div>\r\n                    <h2>MOT Checker</h2>\r\n                    <p></p>\r\n                </div>\r\n\r\n            <div>\r\n                <h2>Mesh App</h2>\r\n                <p></p>\r\n            </div>\r\n\r\n            <div>\r\n                <h2>RC Ferret</h2>\r\n                <p></p>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        </div>\r\n\r\n    );\r\n};\r\n\r\n\r\nconst MotChecker = () => {\r\n\r\n}\r\n\r\nexport default MobileDevelopment;","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { MainLayout} from './components/Layout';\r\nimport Home from './components/Home';\r\nimport { FetchData } from './components/FetchData';\r\nimport { Counter } from './components/Counter';\r\nimport MobileDevelopment from './components/MobileDevelopment';\r\nimport './custom.css'\r\n\r\n\r\nconst App = () => {\r\n    return (\r\n        <MainLayout>            \r\n            <Route exact path='/' component={Home} />\r\n            <Route path='/mobile' component={MobileDevelopment} />\r\n            <Route path='/fetch-data' component={FetchData} />\r\n        </MainLayout>\r\n    );\r\n}\r\n\r\nexport default App;\r\n\r\n\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n  // [::1] is the IPv6 localhost address.\r\n  window.location.hostname === '[::1]' ||\r\n  // 127.0.0.1/8 is considered localhost for IPv4.\r\n  window.location.hostname.match(\r\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n  )\r\n);\r\n\r\nexport default function register () {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister () {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter basename={baseUrl}>\r\n    <App />\r\n  </BrowserRouter>,\r\n  rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}