{"version":3,"sources":["webpack:///./src/pages/index.js"],"names":["HomeIndex","props","state","error","isLoaded","totalNhanSus","totalBaiBaos","totalSachGiaoTrinhs","totalDeTais","urlDanhMuc","generalKey","handleChangeDanhMuc","bind","handleChangeKey","handleClick","handleRedirectToDanhMuc","danhMuc","navigate","event","this","setState","target","value","componentDidMount","activeNabar","fetch","data","site","siteMetadata","callApi","then","res","json","result","render","activeHome","title","titleNhaKhoaHoc","description","className","style","backgroundImage","imageQnu","backgroundPosition","backgroundRepeat","backgroundSize","marginTop","padding","fontSize","color","role","onClick","size","onKeyPress","ev","key","type","onChange","placeholder","borderRadius","onBlur","backgroundColor","React","Component"],"mappings":"wPAQqBA,G,sBACnB,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,MAAQ,CACXC,MAAO,KACPC,UAAU,EACVC,aAAc,EACdC,aAAc,EACdC,oBAAqB,EACrBC,YAAa,EACbC,WAAY,cACZC,WAAY,IAGd,EAAKC,oBAAsB,EAAKA,oBAAoBC,KAAzB,gBAC3B,EAAKC,gBAAkB,EAAKA,gBAAgBD,KAArB,gBACvB,EAAKE,YAAc,EAAKA,YAAYF,KAAjB,gBACnB,EAAKG,wBAA0B,EAAKA,wBAAwBH,KAA7B,gBAhBd,E,4CAmBnBG,wBAAA,SAAwBC,GACtB,OAAQA,GACN,KAAK,EACHC,mBAAS,kBACT,MACF,KAAK,EACHA,mBAAS,iBACT,MACF,KAAK,EACHA,mBAAS,eACT,MACF,KAAK,EACHA,mBAAS,gB,EAMfN,oBAAA,SAAoBO,GAClBC,KAAKC,SAAS,CACZX,WAAYS,EAAMG,OAAOC,S,EAI7BT,gBAAA,SAAgBK,GACdC,KAAKC,SAAS,CACZV,WAAYQ,EAAMG,OAAOC,S,EAI7BR,YAAA,WACEG,mBAASE,KAAKjB,MAAMO,WAAY,CAC9BP,MAAO,CAAEQ,WAAYS,KAAKjB,MAAMQ,e,EAIpCa,kBAAA,WAAqB,IAAD,OAClBJ,KAAKC,SAAS,CACZI,YAAa,WAGfC,MAAMN,KAAKlB,MAAMyB,KAAKC,KAAKC,aAAaC,QAAU,gBAC/CC,MAAK,SAACC,GAAD,OAASA,EAAIC,UAClBF,MACC,SAACG,GACC,EAAKb,SAAS,CACZhB,UAAU,EACVC,aAAc4B,EAAO5B,aACrBC,aAAc2B,EAAO3B,aACrBC,oBAAqB0B,EAAO1B,oBAC5BC,YAAayB,EAAOzB,iBAGxB,SAACL,GACC,EAAKiB,SAAS,CACZhB,UAAU,EACVD,c,EAMV+B,OAAA,WAAU,IAAD,OACP,EACEf,KAAKjB,MADCG,EAAR,EAAQA,aAAcC,EAAtB,EAAsBA,aAAcC,EAApC,EAAoCA,oBAAqBC,EAAzD,EAAyDA,YAEzD,OACE,kBAAC,IAAD,CAAQ2B,WAAW,WACjB,kBAAC,IAAD,CACEC,MAAO,mDACPC,gBAAiB,SACjBC,YAAanB,KAAKlB,MAAMyB,KAAKC,KAAKC,aAAaU,cAEjD,yBAAKC,UAAU,cACb,6BACEC,MAAO,CACLC,gBAAgB,OAAQtB,KAAKlB,MAAMyB,KAAKC,KAAKC,aAAac,SAA3C,IAEfC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,QAChBC,UAAW,SAGb,yBACEP,UAAU,sEACVC,MAAO,CAAEO,QAAS,eAElB,yBAAKR,UAAU,oBACb,wBACEA,UAAU,kCACVC,MAAO,CACLQ,SAAU,SAHd,iBAQA,wBACET,UAAU,uBACVC,MAAO,CACLQ,SAAU,OACVC,MAAO,UACPH,UAAW,SALf,YAQW,uBAAGP,UAAU,cAAb,MARX,cAUA,yBACEA,UAAU,gCACVC,MAAO,CAAES,MAAO,YAEhB,yBAAKV,UAAU,wBACb,yBAAKA,UAAU,yBAAyBW,KAAK,eAAeC,QAAS,kBAAM,EAAKpC,wBAAwB,KACtG,yBAAKwB,UAAU,4BACf,kBAAC,IAAD,CAAkBa,KAAM,MAExB,yBAAKb,UAAU,oBACb,oDACA,wBACEC,MAAO,CAAEM,UAAW,SACpBP,UAAU,kBAETlC,EAJH,cAOG,IACP,yBAAKkC,UAAU,yBAAyBW,KAAK,eAAgBC,QAAS,kBAAM,EAAKpC,wBAAwB,KACvG,yBAAKwB,UAAU,4BACf,kBAAC,IAAD,CAAOa,KAAM,MAEb,yBAAKb,UAAU,oBACb,kEACA,wBACEC,MAAO,CAAEM,UAAW,SACpBP,UAAU,kBAET/B,EAJH,eASN,yBAAK+B,UAAU,oBACb,yBAAKA,UAAU,yBAAyBW,KAAK,eAAgBC,QAAS,kBAAM,EAAKpC,wBAAwB,KACvG,yBAAKwB,UAAU,4BACf,kBAAC,IAAD,CAAgBa,KAAM,MAEtB,yBAAKb,UAAU,oBACb,wDACA,wBACEC,MAAO,CAAEM,UAAW,SACpBP,UAAU,mBAETjC,EAJH,cAOG,IACP,yBAAKiC,UAAU,yBAAyBY,QAAS,kBAAM,EAAKpC,wBAAwB,IAAImC,KAAK,gBAC3F,yBAAKX,UAAU,4BACf,kBAAC,IAAD,CAAQa,KAAM,MAEd,yBAAKb,UAAU,oBACb,wDACA,wBACEC,MAAO,CAAEM,UAAW,SACpBP,UAAU,kBAEThC,EAJH,iBAWV,yBAAKgC,UAAU,4BACb,yBAAKA,UAAU,gBACb,8BAAUA,UAAU,MAClB,4BAAQA,UAAU,4BAAlB,oBAGA,yBAAKA,UAAU,OACb,2BACEA,UAAU,kDACVc,WAAY,SAACC,GACI,UAAXA,EAAGC,KACL,EAAKzC,eAGT0C,KAAK,OACLlC,MAAOH,KAAKjB,MAAMQ,WAClB+C,SAAUtC,KAAKN,gBACf6C,YAAY,kBACZlB,MAAO,CAAEmB,aAAc,UAG3B,yBAAKpB,UAAU,OACb,4BACEA,UAAU,sCACVc,WAAY,SAACC,GACI,UAAXA,EAAGC,KACL,EAAKzC,eAGTQ,MAAOH,KAAKjB,MAAMO,WAClBgD,SAAUtC,KAAKR,oBACfiD,OAAQzC,KAAKR,oBACb6B,MAAO,CAAEmB,aAAc,QAEvB,4BAAQrC,MAAM,eAAd,gBACA,4BAAQA,MAAM,kBAAd,oBACA,4BAAQA,MAAM,iBAAd,mBACA,4BAAQA,MAAM,cAAd,cACA,4BAAQA,MAAM,mBAAd,sBAKJ,yBAAKiB,UAAU,OACb,4BACEc,WAAY,SAACC,GACI,UAAXA,EAAGC,KACL,EAAKzC,eAGT0C,KAAK,SACLL,QAAShC,KAAKL,YACdyB,UAAU,sCACVC,MAAO,CAAEqB,gBAAiB,UAAWZ,MAAO,UAE5C,kBAAC,IAAD,MAXF,mBAoBZ,yBACEV,UAAU,0DACVC,MAAO,CAAEO,QAAS,oBAElB,yBACER,UAAU,8BAGV,wBACEA,UAAU,+BACVC,MAAO,CAAEQ,SAAU,SAFrB,2BAMA,wBACET,UAAU,wBACVC,MAAO,CAAEQ,SAAU,OAAQC,MAAO,YAFpC,2BAMA,uBAAGV,UAAU,OACX,0BAAMC,MAAO,CAAES,MAAO,YAAtB,eAEF,uBAAGV,UAAU,eAAb,2WAQA,uBAAGA,UAAU,OACX,0BAAMC,MAAO,CAAES,MAAO,YAAtB,gBAEF,uBAAGV,UAAU,eAAb,0RAOA,uBAAGA,UAAU,OACX,0BAAMC,MAAO,CAAES,MAAO,YAAtB,uBAEF,uBAAGV,UAAU,eAAb,uE,GA5SyBuB,IAAMC","file":"component---src-pages-index-js-c35a4bb5d1837da28b6d.js","sourcesContent":["import React from \"react\";\r\nimport Layout from \"../common/layouts\";\r\nimport { graphql, navigate } from \"gatsby\";\r\nimport Seo from \"../common/seo\";\r\nimport { BsPen, BsBook, BsFillPeopleFill, BsSearch } from \"react-icons/bs\";\r\nimport { FaRegNewspaper } from \"react-icons/fa\";\r\nimport \"tachyons\";\r\n\r\nexport default class HomeIndex extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      error: null,\r\n      isLoaded: false,\r\n      totalNhanSus: 0,\r\n      totalBaiBaos: 0,\r\n      totalSachGiaoTrinhs: 0,\r\n      totalDeTais: 0,\r\n      urlDanhMuc: \"/nhakhoahoc\",\r\n      generalKey: \"\",\r\n    };\r\n\r\n    this.handleChangeDanhMuc = this.handleChangeDanhMuc.bind(this);\r\n    this.handleChangeKey = this.handleChangeKey.bind(this);\r\n    this.handleClick = this.handleClick.bind(this);\r\n    this.handleRedirectToDanhMuc = this.handleRedirectToDanhMuc.bind(this);\r\n  }\r\n\r\n  handleRedirectToDanhMuc(danhMuc) {\r\n    switch (danhMuc) {\r\n      case 1:\r\n        navigate(\"/baibaokhoahoc\");\r\n        break;\r\n      case 2:\r\n        navigate(\"/detaikhoahoc\");\r\n        break;\r\n      case 3:\r\n        navigate(\"/nhakhoahoc\");\r\n        break;\r\n      case 4:\r\n        navigate(\"/giaotrinh\");\r\n        break;\r\n      default:\r\n    }\r\n  }\r\n\r\n  handleChangeDanhMuc(event) {\r\n    this.setState({\r\n      urlDanhMuc: event.target.value,\r\n    });\r\n  }\r\n\r\n  handleChangeKey(event) {\r\n    this.setState({\r\n      generalKey: event.target.value,\r\n    });\r\n  }\r\n\r\n  handleClick() {\r\n    navigate(this.state.urlDanhMuc, {\r\n      state: { generalKey: this.state.generalKey },\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      activeNabar: \"bg-red\",\r\n    });\r\n\r\n    fetch(this.props.data.site.siteMetadata.callApi + \"/GetSciences\")\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          this.setState({\r\n            isLoaded: true,\r\n            totalNhanSus: result.totalNhanSus,\r\n            totalBaiBaos: result.totalBaiBaos,\r\n            totalSachGiaoTrinhs: result.totalSachGiaoTrinhs,\r\n            totalDeTais: result.totalDeTais,\r\n          });\r\n        },\r\n        (error) => {\r\n          this.setState({\r\n            isLoaded: true,\r\n            error,\r\n          });\r\n        }\r\n      );\r\n  }\r\n\r\n  render() {\r\n    const { totalNhanSus, totalBaiBaos, totalSachGiaoTrinhs, totalDeTais } =\r\n      this.state;\r\n    return (\r\n      <Layout activeHome=\"#f2184f\">\r\n        <Seo\r\n          title={\"CƠ SỞ DỮ LIỆU KHOA HỌC - TRƯỜNG ĐẠI HỌC QUY NHƠN\"}\r\n          titleNhaKhoaHoc={\"CSDLKH\"}\r\n          description={this.props.data.site.siteMetadata.description}\r\n        />\r\n        <div className=\"sans-serif\">\r\n          <section\r\n            style={{\r\n              backgroundImage: `url(${this.props.data.site.siteMetadata.imageQnu})`,\r\n              // backgroundColor: \"rgb(44 56 76)\",\r\n              backgroundPosition: \"bottom\",\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundSize: \"cover\",\r\n              marginTop: \"-9px\",\r\n            }}\r\n          >\r\n            <div\r\n              className=\"flex flex-wrap justify-between-ns justify-center w-100 mw9 center-l\"\r\n              style={{ padding: \"20px 0 0 0\" }}\r\n            >\r\n              <div className=\"flex flex-column\">\r\n                <h3\r\n                  className=\"near-white f5 tracked mb2 db tc\"\r\n                  style={{\r\n                    fontSize: \"25px\",\r\n                  }}\r\n                >\r\n                  CƠ SỞ DỮ LIỆU\r\n                </h3>\r\n                <h2\r\n                  className=\"f5 tracked mb2 db tc\"\r\n                  style={{\r\n                    fontSize: \"40px\",\r\n                    color: \"#f2184f\",\r\n                    marginTop: \"10px\",\r\n                  }}\r\n                >\r\n                  KHOA HỌC <b className=\"near-white\">VÀ</b> CÔNG NGHỆ\r\n                </h2>\r\n                <div\r\n                  className=\"flex flex-wrap justify-center\"\r\n                  style={{ color: \"#fa7035\" }}\r\n                >\r\n                  <div className=\"flex flex-column pr4\">\r\n                    <div className=\"flex flex-wrap pointer\" role=\"presentation\" onClick={() => this.handleRedirectToDanhMuc(3)}>\r\n                      <div className=\"flex flex-column pr3 mt3\">\r\n                      <BsFillPeopleFill size={50} />\r\n                      </div>\r\n                      <div className=\"flex flex-column\" >\r\n                        <h4>DỮ LIỆU NHÀ KHOA HỌC</h4>\r\n                        <h5\r\n                          style={{ marginTop: \"-10px\" }}\r\n                          className=\"mt0 near-white\"\r\n                        >\r\n                          {totalNhanSus} Kết Quả\r\n                        </h5>\r\n                      </div>\r\n                    </div>{\" \"}\r\n                    <div className=\"flex flex-wrap pointer\" role=\"presentation\"  onClick={() => this.handleRedirectToDanhMuc(2)}>\r\n                      <div className=\"flex flex-column pr3 mt3\">\r\n                      <BsPen size={50} />\r\n                      </div>\r\n                      <div className=\"flex flex-column\" >\r\n                        <h4>DỮ LIỆU ĐỀ TÀI - DỰ ÁN - SÁNG KIẾN</h4>\r\n                        <h5\r\n                          style={{ marginTop: \"-10px\" }}\r\n                          className=\"mt0 near-white\"\r\n                        >\r\n                          {totalDeTais} Kết Quả\r\n                        </h5>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"flex flex-column\">\r\n                    <div className=\"flex flex-wrap pointer\" role=\"presentation\"  onClick={() => this.handleRedirectToDanhMuc(1)}> \r\n                      <div className=\"flex flex-column pr3 mt3\">\r\n                      <FaRegNewspaper size={50} />\r\n                      </div>\r\n                      <div className=\"flex flex-column\">\r\n                        <h4>DỮ LIỆU BÀI BÁO KHOA HỌC</h4>\r\n                        <h5\r\n                          style={{ marginTop: \"-10px\" }}\r\n                          className=\"mt0 near-white \"\r\n                        >\r\n                          {totalBaiBaos} Kết Quả\r\n                        </h5>\r\n                      </div>\r\n                    </div>{\" \"}\r\n                    <div className=\"flex flex-wrap pointer\" onClick={() => this.handleRedirectToDanhMuc(4)} role=\"presentation\" >\r\n                      <div className=\"flex flex-column pr3 mt3\">\r\n                      <BsBook size={50} />\r\n                      </div>\r\n                      <div className=\"flex flex-column\">\r\n                        <h4>DỮ LIỆU SÁCH, GIÁO TRÌNH</h4>\r\n                        <h5\r\n                          style={{ marginTop: \"-10px\" }}\r\n                          className=\"mt0 near-white\"\r\n                        >\r\n                          {totalSachGiaoTrinhs} Kết Quả\r\n                        </h5>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"flex flex-column mb4 mt4\">\r\n                <div className=\"pa3 bg-white\">\r\n                  <fieldset className=\"bn\">\r\n                    <legend className=\"fw9 mb2 f5 near-black tc\">\r\n                      Tìm kiếm dữ liệu\r\n                    </legend>\r\n                    <div className=\"mt1\">\r\n                      <input\r\n                        className=\"pa2 input-reset ba w-100 bg-transparent pointer\"\r\n                        onKeyPress={(ev) => {\r\n                          if (ev.key === \"Enter\") {\r\n                            this.handleClick();\r\n                          }\r\n                        }}\r\n                        type=\"text\"\r\n                        value={this.state.generalKey}\r\n                        onChange={this.handleChangeKey}\r\n                        placeholder=\"Nhập từ khóa...\"\r\n                        style={{ borderRadius: \"4px\" }}\r\n                      ></input>\r\n                    </div>\r\n                    <div className=\"mt3\">\r\n                      <select\r\n                        className=\"pa2 ba bg-transparent w-100 pointer\"\r\n                        onKeyPress={(ev) => {\r\n                          if (ev.key === \"Enter\") {\r\n                            this.handleClick();\r\n                          }\r\n                        }}\r\n                        value={this.state.urlDanhMuc}\r\n                        onChange={this.handleChangeDanhMuc}\r\n                        onBlur={this.handleChangeDanhMuc}\r\n                        style={{ borderRadius: \"4px\" }}\r\n                      >\r\n                        <option value=\"/nhakhoahoc\">Nhà khoa học</option>\r\n                        <option value=\"/baibaokhoahoc\">Bài báo khoa học</option>\r\n                        <option value=\"/detaikhoahoc\">Đề tài khoa học</option>\r\n                        <option value=\"/giaotrinh\">Giáo trình</option>\r\n                        <option value=\"/sachchuyenkhao\">\r\n                          Sách chuyên khảo\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n                    <div className=\"mt3\">\r\n                      <button\r\n                        onKeyPress={(ev) => {\r\n                          if (ev.key === \"Enter\") {\r\n                            this.handleClick();\r\n                          }\r\n                        }}\r\n                        type=\"button\"\r\n                        onClick={this.handleClick}\r\n                        className=\"pa2 ba bg-transparent w-100 pointer\"\r\n                        style={{ backgroundColor: \"#f2184f\", color: \"white\" }}\r\n                      >\r\n                        <BsSearch /> Tìm kiếm\r\n                      </button>\r\n                    </div>\r\n                  </fieldset>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n\r\n          <div\r\n            className=\"flex flex-wrap justify-between w-100 mw9 center mb2 mt2\"\r\n            style={{ padding: \"0px 10px 0 10px\" }}\r\n          >\r\n            <div\r\n              className=\"flex flex-column w-100 mb1\"\r\n              // style={{ maxWidth: \"45rem\" }}\r\n            >\r\n              <h3\r\n                className=\"near-black f5 tracked mb0 db\"\r\n                style={{ fontSize: \"20px\" }}\r\n              >\r\n                GIỚI THIỆU TỔNG QUAN VỀ\r\n              </h3>\r\n              <h2\r\n                className=\"f5 tracked mb4 mt2 db\"\r\n                style={{ fontSize: \"25px\", color: \"#f2184f\" }}\r\n              >\r\n                TRƯỜNG ĐẠI HỌC QUY NHƠN\r\n              </h2>\r\n              <p className=\"mt2\">\r\n                <span style={{ color: \"#548dd4\" }}>1. Sứ mệnh</span>\r\n              </p>\r\n              <p className=\"mt0 lh-copy\">\r\n                Trường Đại học Quy Nhơn là cơ sở giáo dục đại học đa ngành, đa\r\n                lĩnh vực có sứ mệnh đào tạo, phát triển nguồn nhân lực chất\r\n                lượng cao; bồi dưỡng nhân tài; nghiên cứu khoa học, truyền bá\r\n                tri thức và chuyển giao công nghệ; phục vụ hiệu quả sự phát\r\n                triển bền vững của đất nước, đặc biệt đối với khu vực Nam Trung\r\n                Bộ - Tây Nguyên; góp phần thúc đẩy tiến bộ xã hội.\r\n              </p>\r\n              <p className=\"mt1\">\r\n                <span style={{ color: \"#548dd4\" }}>2. Tầm nhìn</span>\r\n              </p>\r\n              <p className=\"mt0 lh-copy\">\r\n                Đến năm 2030, Trường Đại học Quy Nhơn sẽ là trường đại học đa\r\n                ngành, đa lĩnh vực định hướng ứng dụng có uy tín cao, đạt tiêu\r\n                chuẩn chất lượng của khu vực Đông Nam Á; có vị thế quan trọng về\r\n                hợp tác đào tạo, nghiên cứu, trao đổi học thuật, giao lưu văn\r\n                hóa trong nước và quốc tế.\r\n              </p>\r\n              <p className=\"mt1\">\r\n                <span style={{ color: \"#548dd4\" }}>3. Giá trị cốt lõi</span>\r\n              </p>\r\n              <p className=\"mt0 lh-copy\">\r\n                Trách nhiệm - Chuyên nghiệp - Chất lượng - Sáng tạo - Nhân văn\r\n              </p>\r\n            </div>\r\n            {/* <div className=\"flex flex-column w-100 mv4\" style={{maxWidth: \"28rem\"}}>\r\n              <img alt=\"CÁC ĐƠN VỊ KHOA, PHÒNG TRƯỜNG ĐẠI HỌC QUY NHƠN\" title=\"CÁC ĐƠN VỊ KHOA, PHÒNG TRƯỜNG ĐẠI HỌC QUY NHƠN\" src={this.props.data.site.siteMetadata.imageQnu2} />\r\n            </div> */}\r\n          </div>\r\n        </div>\r\n      </Layout>\r\n    );\r\n  }\r\n}\r\n\r\nexport const query = graphql`\r\n  query {\r\n    site {\r\n      siteMetadata {\r\n        siteTitle: title\r\n        description\r\n        imageQnu\r\n        imageQnu2\r\n        siteUrl\r\n        callApi\r\n      }\r\n    }\r\n  }\r\n`;\r\n"],"sourceRoot":""}