{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Schedule.png","webpack:///./node_modules/@material-ui/core/esm/CardMedia/CardMedia.js","webpack:///./src/components/Web_User_Interface/1080p_Serie/Alarm/TocList.jsx","webpack:///./src/pages/Web_User_Interface/1080p_Series/Alarm.jsx","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Areas.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Actions.png","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Push_Service.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Server.png"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","module","exports","MEDIA_COMPONENTS","CardMedia","children","_props$component","component","Component","image","src","style","isMediaComponent","indexOf","composedStyle","backgroundImage","concat","media","img","undefined","display","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","withStyles","card","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","height","margin","onClick","navigate","role","tabIndex","onKeyDown","AlarmActions","title","CardContent","Typography","variant","color","MotionAreas","Schedule","PushService","AlarmServer","seodata","FHDAlarm","Fragment","SEOHelmet","description","location","pathname","id","marginTop","pills","pill","link","TocList","previousTitle","previousLink","nextTitle","nextLink","padding","paddingBottom"],"mappings":"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","file":"component---src-pages-web-user-interface-1080-p-series-alarm-jsx-4eae9255c95c2347ad79.js","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$raised = props.raised,\n      raised = _props$raised === void 0 ? false : _props$raised,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n  return /*#__PURE__*/React.createElement(Paper, _extends({\n    className: clsx(classes.root, className),\n    elevation: raised ? 8 : 1,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Alarm_Schedule-8f6ed4c473121063ce680f62f412bfbb.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    display: 'block',\n    backgroundSize: 'cover',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center'\n  },\n\n  /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n  media: {\n    width: '100%'\n  },\n\n  /* Styles applied to the root element if `component=\"picture or img\"`. */\n  img: {\n    // ⚠️ object-fit is not supported by IE 11.\n    objectFit: 'cover'\n  }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(props, ref) {\n  var children = props.children,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      image = props.image,\n      src = props.src,\n      style = props.style,\n      other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n\n  var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n  var composedStyle = !isMediaComponent && image ? _extends({\n    backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n  }, style) : style;\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n    ref: ref,\n    style: composedStyle,\n    src: isMediaComponent ? image || src : undefined\n  }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardMedia'\n})(CardMedia);","import React from 'react'\nimport { navigate } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport Typography from '@material-ui/core/Typography'\n\nimport AlarmActions from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Actions.png\"\nimport MotionAreas from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Areas.png\"\nimport Schedule from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Schedule.png\"\nimport PushService from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Push_Service.png\"\nimport AlarmServer from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Alarm_Server.png\"\n\nconst styles = {\n  card: {\n    display: 'flex',\n    marginBottom: 10,\n    cursor: 'pointer',\n  },\n  details: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  content: {\n    flex: '1 0 auto',\n  },\n  cover: {\n    minWidth: 75,\n    height: 75,\n    margin: '20px 10px 0 10px'\n  },\n}\n\nfunction TOCList(props) {\n  const { classes } = props;\n\n  return (\n    <div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Actions/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Actions/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={AlarmActions}\n            title=\"Alarm Actions\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Alarm Actions</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Adjust the cameras behaviour in case of a motion alert trigger event. You can set the camera to send you an email and to save snapshots or videos on your SD card...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Areas/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Areas/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={MotionAreas}\n            title=\"Motion Detection Areas\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Motion Detection Areas</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                The alarm areas detect motion by a picture analysis that is sensitive to every change inside the video frame instead of employing an infrared or microwave sensor...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Schedule/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Schedule/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Schedule}\n            title=\"Alarm Schedule\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Alarm Schedule</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Here you can define a time schedule in which the motion detection should be active for the active detection areas. Every blue square represents 30 minutes of armed motion...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Push_Service/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Push_Service/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={PushService}\n            title=\"Push Service\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Push Service</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Your camera can notify you by Email every time a motion detection is triggered. A push notification serves the same purpose but is a lot faster! Activate Push if you want...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Alarm_Server/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Alarm/Alarm_Server/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={AlarmServer}\n            title=\"Alarm Server\"\n        />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Alarm Server</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Use your camera to notify your home automation system in case of a motion detection.\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n    </div>\n  );\n}\n\nTOCList.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(TOCList)","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 TocList from '../../../components/Web_User_Interface/1080p_Serie/Alarm/TocList'\n\nconst seodata = {\n  title: 'Alarm Menu :: INSTAR Full HD Web User Interface',\n  description: 'Activate your camera´s motion or audio detection and actions to be taken in case of an alarm - like video recordings, email alerts or FTP uploads.',\n  image: '/images/Search/QI_SearchThumb_WebUI_1080p.png'\n};\n\nconst FHDAlarm = (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 Web User Interface\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Software\",\n            link: \"/fr/Software/\"\n          },\n          {\n            pill: \"Web Interface\",\n            link: \"/fr/Web_User_Interface/1080p_Series/Overview/\"\n          },\n          {\n            pill: \"1080p Series\",\n            link: \"/fr/Web_User_Interface/1080p_Series/\"\n          },\n          {\n            pill: \"Alarm\",\n            link: \"/fr/Web_User_Interface/1080p_Series/Alarm/\"\n          },\n        ]\n      } />\n\n    <h2>Alarm Menu</h2>\n    <br />\n    <TocList />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"1080p WebUI\"\n      previousLink=\"/fr/Web_User_Interface/1080p_Series/\"\n      nextTitle=\"Features Menu\"\n      nextLink=\"/fr/Web_User_Interface/1080p_Series/Features/\" />\n  </React.Fragment>\n)\n\nexport default FHDAlarm","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Alarm_Areas-b5a673d311b6b0c992de2714da6122af.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Alarm_Actions-40eba8b4bb08ad43897241227f3a9127.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    padding: 16,\n    '&:last-child': {\n      paddingBottom: 24\n    }\n  }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardContent'\n})(CardContent);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Alarm_Push_Service-e1057b4f2be2d351bdf47e1f46507a61.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Alarm_Server-6b3f74e19b6e329fceb78b092e4b7cb9.png\";"],"sourceRoot":""}