{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./node_modules/@material-ui/icons/NavigateNext.js","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js","webpack:///./src/templates/blogs.js"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","CardActions","_props$disableSpacing","disableSpacing","spacing","display","alignItems","padding","marginLeft","CardContent","_props$component","component","Component","paddingBottom","getClasses","makeStyles","theme","blog","background","grey","i18n","title","more","BlogItem","node","lang","href","_node$frontmatter","frontmatter","date","excerpt","texts","Box","m","p","Typography","variant","Link","underline","color","dangerouslySetInnerHTML","__html","Button","getPageURL","index","Blogs","_ref","blogPath","data","pageContext","currentPage","totalPages","pages","push","NavigateBefore","NavigateNext","blogs","allMarkdownRemark","edges","Layout","Container","maxWidth","Grid","container","map","_ref2","item","xs","key","id","justifyContent","link"],"mappings":"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","file":"component---src-templates-blogs-js-d7f8217aad02573c6246.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  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);","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n}), 'NavigateBefore');\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'NavigateNext');\nexports.default = _default;","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    display: 'flex',\n    alignItems: 'center',\n    padding: 8\n  },\n  /* Styles applied to the root element if `disableSpacing={false}`. */\n  spacing: {\n    '& > :not(:first-child)': {\n      marginLeft: 8\n    }\n  }\n};\nvar CardActions = /*#__PURE__*/React.forwardRef(function CardActions(props, ref) {\n  var _props$disableSpacing = props.disableSpacing,\n    disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,\n    classes = props.classes,\n    className = props.className,\n    other = _objectWithoutProperties(props, [\"disableSpacing\", \"classes\", \"className\"]);\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: clsx(classes.root, className, !disableSpacing && classes.spacing),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardActions'\n})(CardActions);","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  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);","import React from \"react\";\nimport Layout from \"../components/layout.js\"\n// import makeStyles from '@material-ui/core/styles/makeStyles';\nimport Container from '@material-ui/core/Container';\nimport Typography from '@material-ui/core/Typography';\nimport { graphql } from \"gatsby\";\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Box from '@material-ui/core/Box';\nimport Link from '@material-ui/core/Link';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport grey from '@material-ui/core/colors/grey';\nimport NavigateBefore from '@material-ui/icons/NavigateBefore';\nimport NavigateNext from '@material-ui/icons/NavigateNext';\n\nconst getClasses = makeStyles(theme => ({\n    blog: {\n      background: grey[50],\n    }\n}));\n\nconst i18n = {\n  'cn':{\n    title: '博客',\n    more: '阅读更多详情',\n  },\n  'en':{\n    title: 'Blogs',\n    more: 'Read More',\n  }\n}\n\nfunction BlogItem(props){\n  const { node, lang, href } = props;\n  const { title, date } = node.frontmatter;\n  const { excerpt} = node;\n  const classes = getClasses();\n  const texts = i18n[lang];\n  return (\n    <Box m={1}>\n      <Card>\n        <Box p={1} className={classes.blog}>\n          <CardContent>\n            <Typography variant='h5'>\n              <Link href={href} underline='none' color='primary'>{title}</Link>\n            </Typography>\n            <Typography variant=\"subtitle1\">\n              {date}\n            </Typography>\n            <Typography component='div'>\n              <div dangerouslySetInnerHTML={{__html: excerpt}} />\n            </Typography>\n          </CardContent>\n          <CardActions>\n              <Button href={href} color='secondary'>{texts.more}</Button>\n          </CardActions>\n        </Box>\n      </Card>\n    </Box>\n  )\n}\n\nfunction getPageURL(root, index){\n  if(0 === index){\n    return root;\n  }else{\n    return root + index;\n  }\n}\n\nconst Blogs = ({ data, pageContext }) => {\n  const defaultLang = 'cn';\n  const lang = pageContext.lang || defaultLang;\n  const { currentPage, totalPages } = pageContext;\n  const texts = i18n[lang];\n  let blogPath;\n  if(lang === defaultLang){\n    blogPath = '/blogs/';\n  }else{\n    blogPath = '/' + lang + '/blogs/';\n  }\n\n  var pages = [];\n  if(0 !== currentPage){\n    pages.push(\n      <Link href={getPageURL(blogPath, currentPage - 1)}>\n        <NavigateBefore/>\n      </Link>\n    );\n  }\n  for(var index = 0; index < totalPages; index++){\n      if(index === currentPage){\n        pages.push(\n          <Typography component='div'>\n            {index + 1}\n          </Typography>\n        )\n      }else{\n        pages.push(\n          <Link href={getPageURL(blogPath, index)}>{index + 1}</Link>\n        )\n      }\n\n  }\n  if(currentPage < (totalPages -1 )){\n    pages.push(\n      <Link href={getPageURL(blogPath, currentPage + 1)}>\n        <NavigateNext/>\n      </Link>\n    );\n  }\n\n\n  const blogs = data.allMarkdownRemark.edges;\n  return (\n    <Layout title={texts.title} lang={lang}>\n      <Container maxWidth=\"md\">\n        <Box m={2}>\n          <Grid container spacing={1}>\n            {\n              blogs.map( ({ node }) => {\n                const { frontmatter } = node;\n                let blogPath;\n                if (defaultLang === lang){\n                  blogPath = '/blogs/' + frontmatter.date;\n                }else{\n                  blogPath = '/' + lang + '/blogs/' + frontmatter.date;\n                }\n                return (\n                  <Grid item xs={12} key={node.id}>\n                    <BlogItem node={node} href={blogPath} lang={lang}/>\n                  </Grid>\n                )\n              })\n            }\n          </Grid>\n        </Box>\n        <Box display=\"flex\" justifyContent=\"center\">\n          {\n            pages.map((link) => (\n              <Box m={2}>\n                {link}\n              </Box>\n            ))\n          }\n        </Box>\n      </Container>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query BlogsQuery($lang: String, $limit: Int!, $skip: Int!) {\n    allMarkdownRemark(filter: {fileAbsolutePath: {regex: \"/content/blogs/\"}, frontmatter: {lang: {eq: $lang}}}, sort: {fields: [frontmatter___date], order: DESC},\n      limit: $limit,\n      skip: $skip\n    ) {\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            date\n            lang\n          }\n          excerpt(truncate: true, format: HTML)\n        }\n      }\n    }\n  }\n`;\n\nexport default Blogs;\n"],"sourceRoot":""}