{"version":3,"sources":["webpack:///./src/assets/images/Advanced_User/1080pCGIs_Features_Node-RED_GET.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_Email.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_Nightvision.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_SD.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_PTZ.png","webpack:///./src/components/CGI_Commands/1080p-cgis-card-features-node-red.jsx","webpack:///./src/components/CGI_Commands/1080p-cgis-card-features.jsx","webpack:///./src/pages/1080p_Series_CGI_List/Features_Menu/index.jsx","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_FTP.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_PTZ_Tour.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_IP-Config.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Features_Status_LEDs.png"],"names":["module","exports","CgiCardFeaturesJSON","state","valueget","JSON","stringify","jsongetdata","copied","render","classes","this","props","Fragment","Typography","variant","to","className","root","Paper","alt","src","NodeREDGETFlow","imgcard","text","onCopy","setState","Button","color","style","marginLeft","gutterBottom","NodeREDInstallPlugin","React","Component","withStyles","flexGrow","marginBottom","theme","paper","padding","spacing","palette","secondary","card","cursor","action","paddingBottom","Grid","container","item","xs","sm","onClick","navigate","role","tabIndex","onKeyDown","CGIsEmail","CGIsFTP","CGIsNightvision","CGIsMQTT","CGIsPTZ","CGIsPTZTour","CGIsStatusLEDs","CGIsSDCard","seodata","SEOHelmet","title","description","image","location","pathname","id","marginTop","pills","pill","link","previousTitle","previousLink","nextTitle","nextLink"],"mappings":"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","file":"component---src-pages-1080-p-series-cgi-list-features-menu-index-jsx-5318387718af07cc5185.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/1080pCGIs_Features_Node-RED_GET-4330a4d939e9d1bb8472b4518a7131b2.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_Email-d82084afa271fad2c0d8b4fd6c24ed27.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_Nightvision-db340efaa53207b99936172b55d38cfc.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_SD-57488baa0e5fcf37b633ea69a8cefd9b.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_PTZ-f3c5875f1025d59799b1a6ad124ab8a0.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Button from '@material-ui/core/Button'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\nimport jsongetdata from './1080p-cgis-card-features-node-red-get.json'\n\nimport NodeREDGETFlow from \"../../assets/images/Advanced_User/1080pCGIs_Features_Node-RED_GET.png\"\nimport NodeREDInstallPlugin from \"../../assets/images/Advanced_User/NodeRED_install_plugin.png\"\n\nconst styles = ({\n  root: {\n    flexGrow: 1,\n  },\n  imgcard: {\n    marginBottom: '-0.4rem',\n  }\n})\n\nclass CgiCardFeaturesJSON extends React.Component {\n  state = {\n    valueget: JSON.stringify(jsongetdata),\n    copied: false,\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <React.Fragment>\n        <Typography variant=\"h6\" >\n          Node-RED Flows to Query Camera Parameter{' '}<small> {' '} <Link to=\"/Advanced_User/Node-RED_and_MQTT/\">What is Node-RED?</Link></small>\n      </Typography>\n      <br/>\n        <Typography variant=\"h6\" >\n          GET Flow\n      </Typography>\n        <div className={classes.root}>\n          <Paper>\n            <img alt=\"Node-RED Flow\" src={NodeREDGETFlow} className={classes.imgcard} />\n          </Paper>\n        </div>\n        <br/>\n        <CopyToClipboard text={this.state.valueget}\n          onCopy={() => this.setState({ copied: true })}>\n          <Button variant=\"contained\" color=\"primary\">Copy Flow to Clipboard</Button>\n        </CopyToClipboard>\n        {this.state.copied ? <span style={{ color: 'dodgerblue', marginLeft: 7 }}>Copied</span> : null}\n        <br/><br/>\n        <Typography variant=\"h6\" >\n          How to use Node-RED Flows\n        </Typography>\n        <Typography variant=\"body1\" gutterBottom >\n          Click the button above to import the Node-RED JSON data to your clipboard. Use the Node-RED Import dialogue to import it into your Node-RED flow. You can read our guide on <Link to=\"/Advanced_User/Node-RED_and_MQTT/Introduction/#creating-your-first-flows\">how to import flows into Node-RED</Link>. Please be aware that you will need to install <small>node-red-contrib-string</small> and the <small>node-red-dashboard</small> to use this flow. Open the Node-RED Menu (Hamburger icon in the top right - next to the user login), choose <strong>Manage Palette</strong>, switch to the <strong>Install Tab</strong> and type in the module names to install them.\n        </Typography>\n        <br />\n        <div className={classes.root}>\n          <Paper>\n            <img alt=\"Node-RED Install Plugins\" src={NodeREDInstallPlugin} className={classes.imgcard} />\n          </Paper>\n        </div>\n        <br />\n        <Typography variant=\"body1\" gutterBottom >\n          This flow uses the MQTT protocol to publish and subscribe to messages. This is included to enable you to integrate this flow into a home automation system like <Link to=\"/Advanced_User/OpenHAB_Home_Automation/\">OpenHAB 2</Link>. But this requires you to install a MQTT broker on your system, e.g. <Link to=\"/Advanced_User/OpenHAB_Home_Automation/Mosquitto_Installation_on_Windows/\">Mosquitto</Link>. Alternatively, you can replace the MQTT Nodes in the flow with Link Nodes.\n        </Typography>\n        <br /><br />\n      </React.Fragment>\n    );\n  }\n}\n\n\nCgiCardFeaturesJSON.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardFeaturesJSON)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { navigate } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport CGIsEmail from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_Email.png\"\nimport CGIsFTP from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_FTP.png\"\nimport CGIsNightvision from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_Nightvision.png\"\nimport CGIsMQTT from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_IP-Config.png\";\nimport CGIsPTZ from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_PTZ.png\"\nimport CGIsPTZTour from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_PTZ_Tour.png\"\nimport CGIsSDCard from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_SD.png\"\nimport CGIsStatusLEDs from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_Status_LEDs.png\"\n// import CGIsRecording from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Features_Recording.png\"\n\nimport NodeRedJSON from \"./1080p-cgis-card-features-node-red\"\n\nconst styles = theme => ({\n  root: {\n    flexGrow: 1,\n  },\n  paper: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  card: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n    cursor: 'pointer',\n  },\n  action: {\n    paddingBottom: 5,\n  },\n})\n\nfunction CgiCardFeatures(props) {\n  const { classes } = props;\n\n  return (\n    <React.Fragment>\n      <div className={classes.root}>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/Email/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/Email/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsEmail} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Email Einstellungen\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/FTP/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/FTP/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsFTP} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    FTP Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/IR_Nightvision/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/IR_Nightvision/')} >\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsNightvision} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Nightvision Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/MQTT/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/MQTT/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsMQTT} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    MQTT Broker\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/PTZ/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/PTZ/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsPTZ} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    PTZ Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/PTZ-Tour/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/PTZ-Tour/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsPTZTour} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    PTZ Tour Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/Status_LEDs/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/Status_LEDs/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsStatusLEDs} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Status LEDs\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          {/* <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/Manual_Recording/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsRecording} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Recording Settings\n                    </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid> */}\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Features_Menu/SD_Card/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Features_Menu/SD_Card/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Features CGIs\" src={CGIsSDCard} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    SD Card\n                    </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n      </div>\n      <br /><br />\n      <NodeRedJSON />\n    </React.Fragment>\n  );\n}\n\nCgiCardFeatures.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardFeatures)\n","import React from 'react'\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nimport Cards from \"../../../components/CGI_Commands/1080p-cgis-card-features\"\n\nconst seodata = {\n  title: 'Features Menu :: 1080p CGI Commands',\n  description: 'Control your camera´s function directly through its Common Gateway Interface. Use third-party Software to automate regular operations.',\n  image: '/images/Search/AU_SearchThumb_CGICommands_1080p.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      1080p CGI Commands\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Developer\",\n            link: \"/fr/Advanced_User/\"\n          },\n          {\n            pill: \"CGI Commands\",\n            link: \"/fr/Advanced_User/CGI_Commands/\"\n          },\n          {\n            pill: \"1080p Series CGIs\",\n            link: \"/fr/1080p_Series_CGI_List/\"\n          },\n          {\n            pill: \"Features Menu\",\n            link: \"/fr/1080p_Series_CGI_List/Features_Menu/\"\n          },\n        ]\n      } />\n\n    <h2>The Features Menu</h2>\n    <Cards />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"1080p Series CGIs\"\n      previousLink=\"/fr/1080p_Series_CGI_List/\"\n      nextTitle=\"Alarm Menu\"\n      nextLink=\"/fr/1080p_Series_CGI_List/Alarm_Menu/\" />\n  </React.Fragment>\n);","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_FTP-9d007f8a1d5627c7d889a2648f3c1004.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_PTZ_Tour-d1363fa8ee69bd6db410440325e3f5d9.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_IP-Config-56585a2f1ceb1de9677b5a4548d0f8cd.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Features_Status_LEDs-57a1cf2f9dd5969b373e16fbe973ee6c.png\";"],"sourceRoot":""}