{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./src/components/Products/Software/Videos/video-instarvision-iphone-add-cameras.jsx","webpack:///./src/pages/Software/iOS/InstarVision/Video/Add_Cameras.jsx","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./node_modules/@material-ui/icons/NavigateNext.js","webpack:///./src/components/Layout/SEOHelmet.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","require","cardstyle","padding","figcaption","icon","fontSize","props","Grid","container","item","xs","Paper","src","target","rel","seodata","AddCamera","Fragment","SEOHelmet","title","description","image","location","pathname","id","style","marginTop","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","property","lang"],"mappings":"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","file":"component---src-pages-software-i-os-instar-vision-video-add-cameras-jsx-8dd5b92c912b631c6960.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);","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/InstarVision_Hinzufuegen_einer_Kamera_in_der_iPhone_App_InstarVision.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>Wir erklären Ihnen unterschiedliche Möglichkeiten Ihre INSTAR IP Kamera in der App hinzuzufügen. Als erstes fügen wir die Kamera mit dem QR Code hinzu, dann manuell und anschließend als P2P Kamera. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=cLVYEmb1jAk\" 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 SEOHelmet from '../../../../../components/Layout/SEOHelmet'\nimport FTPServer from \"../../../../../components/Products/Software/Videos/video-instarvision-iphone-add-cameras\"\nimport Footer from \"../../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'iOS App InstarVision',\n  description: 'Use our InstarVision iOS app to manage your camera from your iPhone or iPad. Or use one of many supported third-party applications.',\n  image: '/images/Search/P_SearchThumb_InstarVision_iOS.png'\n};\n\n// export default (props) => (\n\nfunction AddCamera(props) {\n  return (\n        \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      Hinzufügen einer Kamera in der iPhone App InstarVision\n    </h1>\n    <FTPServer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"InstarVision (iOS)\"\n      previousLink=\"/fr/Software/iOS/InstarVision/\"\n      nextTitle=\"Export Settings\"\n      nextLink=\"/fr/Software/iOS/InstarVision/Video/Export_Settings/\" />\n  </React.Fragment>\n  )\n}\n\nexport default AddCamera","\"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"],"sourceRoot":""}