{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./src/components/Motion_Detection/Videos/video-instar-cloud-camera-sets.jsx","webpack:///./src/pages/Motion_Detection/INSTAR_Cloud/Video/Camera_Sets.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","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-motion-detection-instar-cloud-video-camera-sets-jsx-2ff2c9eb5c32ec23a1db.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/INSTAR_Cloud_Kamera_Sets_erstellen_und_verwalten.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>In diesem Video zeigen wir Ihnen wie Sie Ihre Überwachungskameras zu Sets zusammenfügen um so schnell und einfach die Aufnahmen eines kompletten Sets einsehen zu können. Dies macht vor allem dann Sinn, wenn Sie viele Kameras in Ihrem INSTAR Cloud Account hinzugefügt haben und verwalten. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=dPYGU8b_B7g\" 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}\nexport default withStyles(styles)(VideoCard)","import React from \"react\"\n\nimport FTPServer from \"../../../../components/Motion_Detection/Videos/video-instar-cloud-camera-sets\"\n\nimport SEOHelmet from '../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'INSTAR Cloud Videotutorial',\n  description: 'Store your alarm recordings safely in our INSTAR Cloud Service and comfortably screen your alarm videos in your web browser.',\n  image: '/images/Search/MD_SearchThumb_Cloud.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      INSTAR Cloud - Kamera Sets erstellen und verwalten\n    </h1>\n    <FTPServer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Motion Detection\"\n      previousLink=\"/fr/Motion_Detection/\"\n      nextTitle=\"Kamera Sets\"\n      nextLink=\"/fr/Motion_Detection/INSTAR_Cloud/Camera_Sets/\" />\n  </React.Fragment>\n)\n","\"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":""}