{"version":3,"sources":["webpack:///./src/assets/images/Software/IPad_App_NEW_(27).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(26).png","webpack:///./src/components/Products/Software/instarvision-iPad-settings-floating-gallery.jsx","webpack:///./src/pages/Software/iOS/InstarVision/iPad/Settings/index.jsx","webpack:///./src/assets/images/Software/IPad_App_NEW_(28).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","React","Component","withStyles","backgroundColor","palette","background","width","display","justifyContent","maxHeight","margin","marginBottom","withTheme","seodata","marginTop","InstarVisionDDNS","Fragment","SEOHelmet","title","description","image","location","pathname","pills","pill","link","previousTitle","previousLink","nextTitle","nextLink"],"mappings":"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","file":"component---src-pages-software-i-os-instar-vision-i-pad-settings-index-jsx-d03d01b3879bfb075fa2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(27)-2a862619eaffcc769fc22958e5cb266f.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(26)-3e1b4399b6eaac53214835d5a412d394.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_(26).png'\nimport iPad02 from '../../../assets/images/Software/IPad_App_NEW_(27).png'\nimport iPad03 from '../../../assets/images/Software/IPad_App_NEW_(28).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          </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> Der Einstellungen Button führt Sie zu den allgemeinen Einstellungen der App.<br /><br />\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> Das Einstellungsmenü beinhaltet auch eine Hilfe Sektion.<br /><br />\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> Unter dem Punkt Schaltflächen finden Sie eine Beschreibung aller Funktions-Buttons der App. Siehe dafür auch das Multview Menü.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad03} 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'\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-settings-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\nfunction InstarVisionDDNS(props) {\n  return (\n    <React.Fragment>\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.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 Paramètres</h3>\n      <br />\n      <FloatingGallery />\n      <br />\n      <br />\n      <h3>Régler les Paramètres Généraux</h3>\n      <p>Les paramètres généraux permettent de régler certains paramètres vidéo, ainsi que d&apos;exporter ou d&apos;importer la configuration de votre app.</p>\n      <br />\n      <br />\n      <table>\n        <tbody>\n          <tr>\n            <th>Mobile Mode</th>\n            <td>The mobile mode will grab snapshots from the camera in a fixed interval instead of the h.264 live stream. This reduces the needed bandwidth and keep a connection alive even if the 3G/LTE connection is weak for the high resolution live stream. It also reduces the data volume dramatically.</td>\n          </tr>\n          <tr>\n            <th>Image Preview</th>\n            <td>Use the refresh time to adjust the image refresh rate in the Multiview window of the app. You can also define how many cameras are displayed per screen, of the video aspect ratio is to be maintained, the screen is prevented from going to sleep and if you want to stop the image refresh when your mobile device switches to a mobile network (3G, LTE...).</td>\n          </tr>\n          <tr>\n            <th>Video Options</th>\n            <td>These options will affect the full screen Camera View. Define if you want the app to maintain the aspect ratio or fill the screen with the live video, if the screen is to be kept alive and if you want to use an advanced video renderer for high resolution devices.</td>\n          </tr>\n          <tr>\n            <th>Audio</th>\n            <td>You can set the app to increase the playback volume automatically, when you want to listen to a camera&apos;s live audio stream.</td>\n          </tr>\n          <tr>\n            <th>Data & Sync</th>\n            <td>The Camera View allows you to set several camera functions, e.g. the Motion Detection. But the app won&apos;t check if those functions have been changed by another user. To sync all your camera settings inside the app please push the corresponding button. The import / export function allows you store your app configuration (all added cameras) and restore them - e.g. to transfer the settings to another device.</td>\n          </tr>\n        </tbody>\n      </table>\n      <br />\n      <br />\n      <Footer\n        previousTitle=\"InstarVision (iPad)\"\n        previousLink=\"/fr/Software/iOS/InstarVision/iPad/\"\n        nextTitle=\"DDNS Menu\"\n        nextLink=\"/fr/Software/iOS/InstarVision/iPad/DDNS/\" />\n    </React.Fragment>\n  );\n}\n\nexport default InstarVisionDDNS","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(28)-209c55ff5845478b019adcddf21fdbc2.png\";"],"sourceRoot":""}