{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./node_modules/@material-ui/icons/NavigateNext.js","webpack:///./src/components/Layout/SEOHelmet.jsx","webpack:///./src/components/Motion_Detection/Videos/video-motion-detection-setup.jsx","webpack:///./src/pages/Motion_Detection/Setup/Video/720p_WebUI.jsx"],"names":["withStyles","theme","root","position","bottom","backgroundColor","palette","background","paper","margin","width","maxWidth","breakpoints","up","display","flexwrap","flexGrow","justifyContent","button","spacing","rightIcon","marginLeft","leftIcon","marginRight","classes","previousLink","previousTitle","nextLink","nextTitle","className","elevation","size","href","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","props","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","rel","title","description","image","property","location","lang","require","cardstyle","padding","figcaption","icon","fontSize","Grid","container","item","xs","Paper","src","target","seodata","Fragment","SEOHelmet","pathname","id","style","marginTop"],"mappings":"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","file":"component---src-pages-motion-detection-setup-video-720-p-web-ui-jsx-80b26840d562434b87c8.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Button from '@material-ui/core/Button'\nimport LeftArrowIcon from '@material-ui/icons/NavigateBefore';\nimport RightArrowIcon from '@material-ui/icons/NavigateNext';\n\nconst styles = theme => ({\n  root: {\n    position: 'fixed',\n    bottom: 0,\n    backgroundColor: theme.palette.background.paper,\n    margin: '0 -25px',\n    width: '100vw',\n    maxWidth: 860,\n    [theme.breakpoints.up('md')]: {\n        display: 'none',\n    },\n  },\n  flexwrap: {\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'space-between',\n  },\n  button: {\n    margin: theme.spacing(2),\n  },\n  rightIcon: {\n    marginLeft: theme.spacing(2),\n  },\n  leftIcon: {\n    marginRight: theme.spacing(2),\n  },\n});\n\nfunction FooterLinks({ classes, previousLink, previousTitle, nextLink, nextTitle }) {\n  return (\n    <Paper className={classes.root} elevation={1}>\n      <div className={classes.flexwrap}>\n        <Button className={classes.button} size=\"small\" href={previousLink}>\n          <LeftArrowIcon className={classes.leftIcon} />\n          {previousTitle}\n        </Button>\n        <Button className={classes.button} size=\"small\" href={nextLink}>\n          {nextTitle}\n          <RightArrowIcon className={classes.rightIcon} />\n        </Button>\n      </div>\n    </Paper>\n  );\n}\n\nFooterLinks.propTypes = {\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(FooterLinks);","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n}), 'NavigateBefore');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'NavigateNext');\n\nexports.default = _default;","import React from 'react'\nimport Helmet from 'react-helmet'\n\n\n\nexport default (props) => (\n  <Helmet defaultTitle={`INSTAR Wiki 2.0`} titleTemplate={`%s | INSTAR Wiki 2.0 | INSTAR Deutschland GmbH`}>\n  \n    <meta charSet=\"utf-8\" />\n    <meta httpEquiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <link rel=\"icon\" href=\"/fr/favicon.ico\" />\n\n    {/* General tags */}\n    <title>{props.title}</title>\n    <meta name=\"description\" content={props.description} />\n    <meta name=\"image\" content={props.image} />\n\n    {/* OpenGraph tags */}\n    <meta property=\"og:url\" content={`https://wiki.instar.com${props.location}`} />\n    <meta name=\"og:type\" content=\"website\" />\n    <meta name=\"og:site_name\" content=\"INSTAR Wiki 2.0\" />\n    <meta property=\"og:title\" content={props.title} />\n    <meta property=\"og:description\" content={props.description} />\n    <meta property=\"og:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    {/* Twitter Card tags */}\n    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n    <meta name=\"twitter:site\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:creator\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:title\" content={props.title} />\n    <meta name=\"twitter:description\" content={props.description} />\n    <meta name=\"twitter:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    <link\n      rel=\"canonical\"\n      href={`https://wiki.instar.com${props.location}`}\n    />\n    <html lang=\"en\" />\n  </Helmet>\n)\n\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Player } from 'video-react'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Grid from '@material-ui/core/Grid'\n\nimport ExternalLink from '@material-ui/icons/Launch'\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nrequire('./../../../assets/styles/video.css')\n\nconst styles = {\n  cardstyle: {\n    padding: 5,\n  },\n  figcaption: {\n    padding: 5\n  },\n  icon: {\n    fontSize: 16,\n  },\n};\n\nfunction VideoCard(props) {\n  const { classes } = props;\n  return (\n    <Grid container spacing={10}>\n      <Grid item xs={12}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/So_funktioniert_die_Bewegungserkennung_einer_IP_Kamera_und_so_stellt_man_Sie_richtig_ein.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>So funktioniert die Bewegungserkennung einer IP Kamera und so stellt man Sie richtig ein. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=ziksI3G3n_I\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube ansehen <ExternalLink className={classes.icon} /></OutboundLink></p>\n          </div>\n        </Paper>\n      </Grid>\n    </Grid>\n  );\n}\n\nVideoCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(VideoCard)","import React from \"react\"\n\nimport VideoPlayer from \"../../../../components/Motion_Detection/Videos/video-motion-detection-setup\"\n\nimport SEOHelmet from '../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'Motion Detection Setup',\n  description: 'To activate the motion detection, open the web interface of your INSTAR HD IP camera and click on the menu Alarm / Areas.',\n  image: '/images/Search/MD_SearchThumb_MDSetup.png'\n}\n\nexport default (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      So funktioniert die Bewegungserkennung einer IP Kamera und so stellt man Sie richtig ein\n    </h1>\n    <VideoPlayer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Motion Detection\"\n      previousLink=\"/fr/Motion_Detection/\"\n      nextTitle=\"Setup\"\n      nextLink=\"/fr/Motion_Detection/Setup/\" />\n  </React.Fragment>\n)"],"sourceRoot":""}