{"version":3,"sources":["webpack:///./src/assets/images/Software/IPad_App_NEW_(23).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(21).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(24).png","webpack:///./src/components/Products/Software/instarvision-iPad-recording-floating-gallery.jsx","webpack:///./src/pages/Software/iOS/InstarVision/iPad/Recording/index.jsx","webpack:///./src/assets/images/Software/IPad_App_NEW_(25).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(22).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(20).png"],"names":["module","exports","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","iPad01","images","iPad02","iPad03","iPad04","iPad05","iPad06","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"],"mappings":"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","file":"component---src-pages-software-i-os-instar-vision-i-pad-recording-index-jsx-de2630afd1539b35577e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(23)-cbfdd1ecd57007aa96713e2055e5c86b.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(21)-cf8c052c3229debf998a2f7d3dd9e32f.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(24)-4700b0592351f77c13933b4fc1dfebed.png\";","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 iPad01 from '../../../assets/images/Software/IPad_App_NEW_(20).png'\nimport iPad02 from '../../../assets/images/Software/IPad_App_NEW_(21).png'\nimport iPad03 from '../../../assets/images/Software/IPad_App_NEW_(22).png'\nimport iPad04 from '../../../assets/images/Software/IPad_App_NEW_(23).png'\nimport iPad05 from '../../../assets/images/Software/IPad_App_NEW_(24).png'\nimport iPad06 from '../../../assets/images/Software/IPad_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 Android App\" src={iPad01} 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 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 Android App\" src={iPad02} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[03]</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 Android App\" src={iPad03} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[04]</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 Android App\" src={iPad04} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[05]</strong> Alarm Schnappschüsse beginnen mit dem Buchstaben A, Fotoserien mit einem P und manuelle Schnappschüsse mit einem N.\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad05} 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 Bilder und Videos direkt in der App ansehen.<br /><br />\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad06} 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-iPad-recording-floating-gallery\"\n\nconst seodata = {\n  title: 'iPad App InstarVision',\n  description: 'Adjust your apps global Settings for your app and all your cameras, create Backups and access the in-App Help Section with explanations for all function buttons.',\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>InstarVision iPad 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: \"iPad\",\n              link: \"/fr/Software/iOS/InstarVision/iPad/\"\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 (iPad)\"\n        previousLink=\"/fr/Software/iOS/InstarVision/iPad/\"\n        nextTitle=\"Settings Menu\"\n        nextLink=\"/fr/Software/iOS/InstarVision/iPad/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/IPad_App_NEW_(25)-4c60410b5af14bf815be34d8bc955b5f.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(22)-49e626134d72830158a7c977cca56b92.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(20)-71627fa5c12a37e4e615d9150f6b79f1.png\";"],"sourceRoot":""}