{"version":3,"sources":["webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_WiFi.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_ONVIF.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_UPnP.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs_Network_Node-RED_GET.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_Remote.png","webpack:///./src/components/CGI_Commands/1080p-cgis-card-network-node-red.jsx","webpack:///./src/components/CGI_Commands/1080p-cgis-card-network.jsx","webpack:///./src/pages/1080p_Series_CGI_List/Network_Menu/index.jsx","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Network_IP-Config.png"],"names":["module","exports","CgiCardNetworkJSON","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","CGIsIPConf","CGIsWLAN","CGIsRemote","CGIsUPnP","CGIsONVIF","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-network-menu-index-jsx-3835ecfec417ca861297.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_WiFi-3925d5a8916f6ceae13912a79026db86.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_ONVIF-ab5acc79e1b54d8e67eb01a1a9fe6fb7.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_UPnP-b55b469e620cf322c1c004e778475023.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs_Network_Node-RED_GET-949dd8a604fab82de9886a52ae6e14f9.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_Remote-bd2fa7a35e77239d6a63599178213927.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-network-node-red-get.json'\n\nimport NodeREDGETFlow from \"../../assets/images/Advanced_User/1080pCGIs_Network_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 CgiCardNetworkJSON 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\nCgiCardNetworkJSON.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardNetworkJSON)\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 CGIsIPConf from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_IP-Config.png\";\nimport CGIsWLAN from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_WiFi.png\";\nimport CGIsRemote from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_Remote.png\";\nimport CGIsUPnP from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_UPnP.png\";\nimport CGIsONVIF from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Network_ONVIF.png\";\n\nimport NodeRedJSON from \"./1080p-cgis-card-network-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 CgiCardNetwork(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/Network_Menu/IP_Configuration/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Network_Menu/IP_Configuration/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsIPConf} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    IP Configuration\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/Network_Menu/WiFi/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Network_Menu/WiFi/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsWLAN} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    WiFi 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/Network_Menu/Remote_Access/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Network_Menu/Remote_Access/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsRemote} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Remote Access\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/Network_Menu/UPnP/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Network_Menu/UPnP/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsUPnP} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    UPnP 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/Network_Menu/ONVIF/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Network_Menu/ONVIF/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsONVIF} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    ONVIF Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n          </Grid>\n        </Grid>\n      </div>\n      <br /><br />\n      <NodeRedJSON />\n    </React.Fragment>\n  );\n}\n\nCgiCardNetwork.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardNetwork)\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-network\"\n\nconst seodata = {\n  title: 'Network 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: \"Network Menu\",\n            link: \"/fr/1080p_Series_CGI_List/Network_Menu/\"\n          },\n        ]\n      } />\n\n    <h2>The Network Menu</h2>\n    <Cards />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"1080p Series CGIs\"\n      previousLink=\"/fr/1080p_Series_CGI_List/\"\n      nextTitle=\"Multimedia Menu\"\n      nextLink=\"/fr/1080p_Series_CGI_List/Multimedia_Menu/\" />\n  </React.Fragment>\n);","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Network_IP-Config-56585a2f1ceb1de9677b5a4548d0f8cd.png\";"],"sourceRoot":""}