{"version":3,"sources":["webpack:///./src/components/Products/Software/instarvision-iPhone-recording-floating-gallery.jsx","webpack:///./src/pages/Software/iOS/InstarVision/iPhone/Recording/index.jsx","webpack:///./src/assets/images/Software/IPhone_App_NEW_(24).png","webpack:///./src/assets/images/Software/IPhone_App_NEW_(25).png","webpack:///./src/assets/images/Software/IPhone_App_NEW_(23).png","webpack:///./src/assets/images/Software/IPhone_App_NEW_(22).png","webpack:///./src/assets/images/Software/IPhone_App_NEW_(21).png","webpack:///./src/assets/images/Software/IPhone_App_NEW_(20).png"],"names":["TabContainer","props","children","dir","Typography","component","style","padding","FloatingGallery","state","value","handleChange","event","setState","handleChangeIndex","index","render","this","classes","theme","className","root","AppBar","position","topbar","Tabs","onChange","indicatorColor","variant","scrollButtons","Tab","label","Paper","paper","elevation","axis","direction","onChangeIndex","textcontainer","imagecontainer","alt","src","iPhone01","images","iPhone02","iPhone03","iPhone04","iPhone05","iPhone06","React","Component","withStyles","backgroundColor","palette","background","width","display","justifyContent","maxHeight","margin","marginBottom","withTheme","seodata","marginTop","alertbox","borderRadius","boxShadow","color","location","Fragment","SEOHelmet","title","description","image","pathname","pills","pill","link","previousTitle","previousLink","nextTitle","nextLink","module","exports"],"mappings":"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","file":"component---src-pages-software-i-os-instar-vision-i-phone-recording-index-jsx-ac6a3c73b5555ef82f22.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SwipeableViews from 'react-swipeable-views'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../utils/withRoot'\nimport AppBar from '@material-ui/core/AppBar'\nimport Paper from '@material-ui/core/Paper'\nimport Tabs from '@material-ui/core/Tabs'\nimport Tab from '@material-ui/core/Tab'\nimport Typography from '@material-ui/core/Typography'\n\nimport iPhone01 from '../../../assets/images/Software/IPhone_App_NEW_(20).png'\nimport iPhone02 from '../../../assets/images/Software/IPhone_App_NEW_(21).png'\nimport iPhone03 from '../../../assets/images/Software/IPhone_App_NEW_(22).png'\nimport iPhone04 from '../../../assets/images/Software/IPhone_App_NEW_(23).png'\nimport iPhone05 from '../../../assets/images/Software/IPhone_App_NEW_(24).png'\nimport iPhone06 from '../../../assets/images/Software/IPhone_App_NEW_(25).png'\n\nfunction TabContainer(props) {\n  const { children, dir } = props;\n\n  return (\n    <Typography component=\"div\" dir={dir} style={{ padding: 8 * 3 }}>\n      {children}\n    </Typography>\n  );\n}\n\nTabContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  dir: PropTypes.string.isRequired,\n};\n\nconst styles = theme => ({\n  root: {\n    backgroundColor: theme.palette.background.paper,\n    width: '100 vw',\n    position: 'relative',\n  },\n  topbar: {\n    backgroundColor: '#1274d3',\n  },\n  imagecontainer: {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  images: {\n    maxHeight: 600,\n    margin: 0,\n  },\n  textcontainer: {\n    marginBottom: 15,\n  },\n  paper: {\n    padding: 15\n  }\n});\n\nclass FloatingGallery extends React.Component {\n  state = {\n    value: 0,\n  };\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  handleChangeIndex = index => {\n    this.setState({ value: index });\n  };\n\n  render() {\n    const { classes, theme } = this.props;\n\n    return (\n      <div className={classes.root}>\n        <AppBar position=\"static\" className={classes.topbar}>\n          <Tabs\n            value={this.state.value}\n            onChange={this.handleChange}\n            indicatorColor=\"primary\"\n            variant=\"scrollable\"\n            scrollButtons=\"auto\"\n          >\n            <Tab label=\"Schritt I\" />\n            <Tab label=\"Schritt II\" />\n            <Tab label=\"Schritt III\" />\n            <Tab label=\"Schritt IV\" />\n            <Tab label=\"Schritt V\" />\n            <Tab label=\"Schritt VI\" />\n          </Tabs>\n        </AppBar>\n        <Paper className={classes.paper} elevation={1}>\n          <SwipeableViews\n            axis={theme.direction === 'rtl' ? 'x-reverse' : 'x'}\n            index={this.state.value}\n            onChangeIndex={this.handleChangeIndex}\n          >\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[01]</strong> Drücken Sie den Aufnahme Button um sich eine Liste aller manuell aufgenommener Videos auf Ihrem Smartphone anzeigen zu lassen.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone01} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[02]</strong> Drücken Sie im Aufnahme Menü auf das SD Karte Symbol um eine Listenansicht der Medien auf der SD Karte Ihrer IP Kamera zu sehen.\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone02} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[03]</strong> Drücken Sie im Aufnahme Menü auf SD Karte um eine Listenansicht der Medien auf der SD Karte Ihrer IP Kamera zu sehen.\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone03} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[04]</strong> Jeder Tages-Ordner kann einen Record Unterordner für Videos und einen Images Unterordner für Bilder haben.\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone04} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[05]</strong> Alarm Videos beginnen mit dem Buchstaben A, geplante Aufnahmen mit P und manuelle Aufnahmen mit N.\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone05} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[06]</strong> Sie können sich alle Videos direkt in der App ansehen.<br /><br />\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision iPhone App\" src={iPhone06} className={classes.images} />\n              </div>\n            </TabContainer>\n          </SwipeableViews>\n        </Paper>\n      </div>\n    );\n  }\n}\n\nFloatingGallery.propTypes = {\n  classes: PropTypes.object.isRequired,\n  theme: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles, { withTheme: true })(FloatingGallery))\nexport default withStyles(styles, { withTheme: true })(FloatingGallery)","import React from 'react'\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport SEOHelmet from '../../../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../../../../components/Layout/breadcrumbs/breadcrumbs'\nimport FloatingGallery from \"../../../../../../components/Products/Software/instarvision-iPhone-recording-floating-gallery.jsx\"\n\nconst seodata = {\n  title: 'iPhone App InstarVision',\n  description: 'Videos recorded to your smartphones memory and videos on your cameras internal SD Card can be accessed through the Recording Menu.',\n  image: '/images/Search/P_SearchThumb_InstarVision_iOS.png'\n};\n\nconst styles = {\n  alertbox: {\n    backgroundColor: 'indianred',\n    borderRadius: 2,\n    boxShadow: '0 2px 3px 0 rgba(0,0,0,.16)',\n    display: 'inline-block',\n    margin: '16px 0',\n    padding: '15px 15px 15px',\n    color: 'white!important',\n  }\n}\n\nfunction InstarVisionDDNS(props) {\n  const { classes, location } = props;\n  return (\n    <React.Fragment>\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={location.pathname} />\n      <h1 css={{ marginTop: 0 }}>InstarVision Surveillance Center</h1>\n      <h2>iPhone App</h2>\n\n      <BreadCrumbs\n        pills={\n          [\n            {\n              pill: \"Software\",\n              link: \"/fr/Software/\"\n            },\n            {\n              pill: \"iOS\",\n              link: \"/fr/Software/iOS/\"\n            },\n            {\n              pill: \"InstarVision\",\n              link: \"/fr/Software/iOS/InstarVision/\"\n            },\n            {\n              pill: \"iPhone\",\n              link: \"/fr/Software/iOS/InstarVision/iPhone/\"\n            },\n          ]\n        } />\n\n      <h3>Menu d&apos;Enregistrement</h3>\n      <br />\n      <FloatingGallery />\n      <br />\n      <br />\n      <h3>Attention:</h3>\n      <div className={classes.alertbox}>\n        <p>Lorsque vous vous connectez à votre caméra via P2P, vous ne pouvez pas Passer à la Détection audio, <strong>Régler les Paramètres vidéo</strong> (Débit binaire, contraste, luminosité, etc.) ou <strong>Accéder aux instantanés</strong> sur votre carte SD (Accès Vidéo disponible).</p>\n      </div>\n      <br />\n      <br />\n      <Footer\n        previousTitle=\"InstarVision (iPhone)\"\n        previousLink=\"/fr/Software/iOS/InstarVision/iPhone/\"\n        nextTitle=\"Settings Menu\"\n        nextLink=\"/fr/Software/iOS/InstarVision/iPhone/Settings/\" />\n    </React.Fragment>\n  );\n}\n\nInstarVisionDDNS.propTypes = {\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(InstarVisionDDNS);","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(24)-8e0891af1d11dbb9ad67bd2dbdf6ba07.png\";","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(25)-767d6d9888ede18da5d017fc4f49a0ac.png\";","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(23)-3e54c7dca7b92549f07ba568d7afcc95.png\";","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(22)-0094effa38f952ead1207fb47f11e66a.png\";","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(21)-3eb79fe43c185b556e124fd0cfb5231a.png\";","module.exports = __webpack_public_path__ + \"static/IPhone_App_NEW_(20)-57af7588fcef67c5cd1824073b669ad2.png\";"],"sourceRoot":""}