{"version":3,"sources":["webpack://merppihomepage/./node_modules/@material-ui/icons/esm/Category.js","webpack://merppihomepage/./src/components/Headline.js","webpack://merppihomepage/./src/components/TextBlock.js","webpack://merppihomepage/./src/pages/varasto.js"],"names":["d","cx","cy","r","HeadIcon","header","backgroundImageData","styles","makeStyles","iconheadStyle","width","height","color","useStyles","image","getImage","bgImage","convertToBgImage","className","backgroundColor","preserveStackingContext","md","sm","disabled","Header","Paragraph","iconblockStyle","headerStyle","dangerouslySetInnerHTML","__html","Varasto","bgImageData","useStaticQuery","bg","title","description","Category","S","src","alt","layout"],"mappings":"iiCAEA,KAAe,OAA4B,gBAAoB,WAAgB,KAAmB,gBAAoB,OAAQ,CAC5HA,EAAG,qBACY,gBAAoB,SAAU,CAC7CC,GAAI,OACJC,GAAI,OACJC,EAAG,QACY,gBAAoB,OAAQ,CAC3CH,EAAG,oBACA,a,4HCyCL,IAzCiB,SAAC,GAA8C,IAA5CI,EAA2C,EAA3CA,SAAUC,EAAiC,EAAjCA,OAAQC,EAAyB,EAAzBA,oBAS9BC,GARYC,OAAW,CAC3BC,cAAe,CACbC,MAAO,OACPC,OAAQ,OACRC,MAAO,UAIIC,GACTC,GAAQC,OAAST,GACjBU,GAAUC,QAAiBH,GAEjC,OACE,gBAAC,IAAD,eACEI,UAAU,2BACVC,gBAAe,WACXH,EAHN,CAIEI,yBAAuB,IAEvB,gBAAC,IAAD,KACA,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKC,GAAG,IAAIC,GAAG,iBAAiBJ,UAAU,QACxC,gBAAC,IAAD,CAAQK,UAAQ,EAACL,UAAU,cACzB,2BACE,gBAACd,EAAD,CAAUc,UAAWX,EAAOE,mBAKlC,gBAAC,IAAD,CAAKS,UAAU,uCACb,sBAAIG,GAAG,KAAKhB,GACZ,iC,6ECEV,IAvCkB,SAAC,GAA2B,IAAzBmB,EAAwB,EAAxBA,OAAQC,EAAgB,EAAhBA,UAYrBlB,GAXYC,OAAW,CAC3BkB,eAAgB,CACdhB,MAAO,OACPC,OAAQ,OACRC,MAAO,SAETe,YAAa,CACXf,MAAM,YAIKC,GAEf,OACE,gBAAC,IAAD,KAOE,gBAAC,IAAD,CAAKK,UAAU,eACb,sBAAIA,UAAWX,EAAOoB,aAAcH,IAEtC,gBAAC,IAAD,KACE,2BACF,qBACMI,wBAAyB,CACvBC,OAAQJ,U,8LCtBP,SAASK,IAGtB,IAQMC,GARUC,oBAAe,cAQHC,GAE5B,OAAO,gCACP,gBAAC,IAAD,CAAKC,MAAM,UAAUC,YAAY,mDACjC,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAU/B,SAAUgC,IAAU/B,OAAO,UAAUC,oBAAqByB,IACxE,gBAAC,IAAD,CAAWb,UAAU,kBAEnB,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKG,GAAG,KACN,gBAAC,IAAD,CACEG,OAAO,UACPC,UAAU,qTAGZ,gBAAC,IAAD,CACED,OAAO,gBACPC,UAAU,wKAGd,gBAAC,IAAD,CAAKJ,GAAG,KACN,gBAAC,EAAAgB,EAAD,CAAaC,IAAI,yCAAyCpB,UAAU,OAAOqB,IAAI,UAAUC,OAAO,YAAhG","file":"component---src-pages-varasto-js-728685d70158c30a5a3d.js","sourcesContent":["import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 2l-5.5 9h11z\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n  cx: \"17.5\",\n  cy: \"17.5\",\n  r: \"4.5\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M3 13.5h8v8H3z\"\n})), 'Category');","import React from \"react\";\r\nimport { Container, Row, Col, Button } from \"react-bootstrap\";\r\nimport \"./headline.css\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport BackgroundImage from \"gatsby-background-image\";\r\nimport { getImage } from \"gatsby-plugin-image\";\r\nimport { convertToBgImage } from \"gbimage-bridge\";\r\n// import  background  from \"../img/frontimg2.jpg\";\r\n\r\n\r\nconst Headline = ({ HeadIcon, header, backgroundImageData}) => {\r\n  const useStyles = makeStyles({\r\n    iconheadStyle: {\r\n      width: \"50px\",\r\n      height: \"50px\",\r\n      color: \"white\",\r\n    },\r\n  });\r\n\r\n  const styles = useStyles();\r\n  const image = getImage(backgroundImageData);\r\n  const bgImage = convertToBgImage(image);\r\n\r\n  return (\r\n    <BackgroundImage \r\n      className=\"headline container-fluid\"\r\n      backgroundColor={`#ffffff`}\r\n      {...bgImage}\r\n      preserveStackingContext\r\n      >\r\n      <Container>\r\n      <Row>\r\n        <Col md=\"2\" sm=\"12 text-center\" className=\"mt-4\">\r\n          <Button disabled className=\"headerball\">\r\n            <div>\r\n              <HeadIcon className={styles.iconheadStyle}></HeadIcon>\r\n            </div>\r\n          </Button>\r\n        </Col>\r\n\r\n        <Col className=\"mt-auto text-md-left text-sm-center\">\r\n          <h1 md=\"6\">{header}</h1>\r\n          <hr></hr>\r\n        </Col>\r\n      </Row>\r\n      </Container>\r\n\r\n    </BackgroundImage>\r\n  );\r\n};\r\n\r\nexport default Headline;\r\n","import React from \"react\";\r\nimport { Container, Row } from \"react-bootstrap\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport \"./textblock.css\";\r\n\r\nconst TextBlock = ({ Header, Paragraph }) => {\r\n  const useStyles = makeStyles({\r\n    iconblockStyle: {\r\n      width: \"35px\",\r\n      height: \"35px\",\r\n      color: \"white\",\r\n    },\r\n    headerStyle: {\r\n      color:\"#27b1bf\"\r\n    }\r\n  });\r\n\r\n  const styles = useStyles();\r\n\r\n  return (\r\n    <Container>\r\n      {/* <Row>\r\n        <div className=\"block_header\">\r\n          <Icon className={styles.iconblockStyle}></Icon>\r\n        </div>\r\n      </Row> */}\r\n\r\n      <Row className=\"blockheader\">\r\n        <h5 className={styles.headerStyle}>{Header}</h5>\r\n      </Row>\r\n      <Row>\r\n        <div>\r\n      <p\r\n            dangerouslySetInnerHTML={{\r\n              __html: Paragraph,\r\n            }}\r\n          ></p></div>\r\n      </Row>\r\n\r\n\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default TextBlock;\r\n","import React from \"react\";\r\nimport Layout from \"../layout\";\r\nimport Headline from \"../components/Headline\";\r\nimport TextBlock from \"../components/TextBlock\";\r\nimport { Category } from \"@material-ui/icons\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\nimport SEO from \"../components/seo\";\r\n//import  background  from \"../img/warehouseimg2.jpg\"\r\n//import kuva3  from '../img/varasto_kuva2.png'\r\n\r\nexport default function Varasto() {\r\n  // Load images\r\n  // Specify sizing, quality etc. here\r\n  const imgdata = useStaticQuery(graphql`{\r\n  bg: file(relativePath: {eq: \"warehouseimg2.jpg\"}) {\r\n    childImageSharp {\r\n      gatsbyImageData(layout: FULL_WIDTH, quality: 90)\r\n    }\r\n  }\r\n  }\r\n  `)\r\n  const bgImageData = imgdata.bg;\r\n\r\n  return <>\r\n  <SEO title=\"Varasto\" description=\"Merppi päivittää varastosaldot automaattisesti\"/>\r\n  <Layout>\r\n      <Headline HeadIcon={Category} header=\"Varasto\" backgroundImageData={bgImageData} />\r\n  <Container className=\"page_container\">\r\n  \r\n    <Row>\r\n      <Col md=\"4\">\r\n        <TextBlock\r\n          Header=\"Varasto\"\r\n          Paragraph=\"Merppi päivittää varastosaldot automaattisesti. Manuaalinen muokkausmahdollisuus tarvittaessa. Määriteltävissä olevat hälytysrajat kertovat, millon tavaraa tarvitaan lisää. Raportointi ennakoimaan tulevaa täydennystarvetta. Laskee halutulle ajankodalle tarpeen huomioiden tilauskannassa olevat tilaukset.\"\r\n        ></TextBlock>\r\n\r\n        <TextBlock\r\n          Header=\"Ostotilaukset\"\r\n          Paragraph=\"Toimittajarekisteri, joille ostotilaukset järjestelmästä nimekkeillä ja tuotekoodeilla. Vastaanotto joko osissa tai kerralla, jolloin tavara kirjaantuu varastoon.\"\r\n        ></TextBlock>\r\n      </Col>\r\n      <Col md=\"8\">\r\n        <StaticImage src=\"../../content/images/varasto_kuva2.png\" className=\"kuva\" alt=\"Varasto\" layout=\"fullWidth\"/>\r\n      </Col>\r\n    </Row>\r\n  </Container>\r\n  </Layout>\r\n</>;\r\n}\r\n"],"sourceRoot":""}