{"version":3,"sources":["webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/HotPick.vue?2dc9","webpack:///./src/views/HotPick.vue?26ec","webpack:///src/views/HotPick.vue","webpack:///./src/views/HotPick.vue?2579","webpack:///./src/views/HotPick.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_l","item","index","key","Id","GoToLink","getPic","_v","on","$event","GoBack","staticRenderFns","news","methods","GetInfoUser","$API","$router","back","GetNews","get","$ListNews","response","status","data","urlImage","url","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,+B,oCCA3C,yBAAogB,EAAG,G,2CCAvgB,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,aAAa,CAACE,YAAY,MAAMC,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,OAAOC,YAAY,CAAC,QAAU,SAAS,CAACH,EAAG,OAAO,CAACE,YAAY,YAAYE,MAAM,CAAC,GAAK,OAAO,CAACJ,EAAG,OAAOJ,EAAIS,GAAIT,EAAQ,MAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,OAAO,CAACQ,IAAIF,EAAKG,GAAGL,MAAM,CAAC,GAAK,MAAM,CAACJ,EAAG,IAAI,CAACI,MAAM,CAAC,KAAOR,EAAIc,SAASH,KAAS,CAACP,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,YAAY,OAAO,gBAAgB,QAAQC,MAAM,CAAC,IAAMR,EAAIe,OAAOJ,eAAkB,IAAI,IAAI,WAAWP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,cAAcZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,SAAsCS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,eAAef,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,WAAW,IACzjCa,EAAkB,G,4TCqHtB,OACE,KAAF,WACI,MAAO,CACLC,KAAM,KAGV,QANF,WAMI,IAAJ,OAAI,OAAJ,+IACA,aADA,OACA,EADA,OAGA,GACA,UACA,iBAEA,cAPA,8CAUEC,QAAS,CACPC,YADJ,WACA,WACM,OAAOtB,KAAKuB,KAClB,+BACQ,iBAAR,IAEA,kBACA,gBACU,EAAV,YACU,EAAV,eAIIL,OAbJ,WAcMlB,KAAKwB,QAAQC,QAEfC,QAhBJ,WAgBA,WACM1B,KAAKuB,KAAKI,IAAI3B,KAAK4B,UACzB,0CAC+B,KAAnBC,EAASC,QAAkC,MAAjBD,EAASE,OACrC,EAAV,YACU,EAAV,wBACU,EAAV,0BAIIjB,OA1BJ,SA0BA,GACM,OAAOd,KAAKoB,KAAKV,GAAOsB,UAE1BnB,SA7BJ,SA6BA,GACM,OAAOb,KAAKoB,KAAKV,GAAOuB,OCpKmT,I,wBCQ7UC,EAAY,eACd,EACApC,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E","file":"js/chunk-00e98fc2.c5704ac7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HotPick.vue?vue&type=style&index=0&id=48d0ade8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HotPick.vue?vue&type=style&index=0&id=48d0ade8&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_c('br'),_c('div',{staticClass:\"mb-5\",staticStyle:{\"display\":\"flex\"}},[_c('CCol',{staticClass:\"mt-2 mb-3\",attrs:{\"sm\":\"12\"}},[_c('CRow',_vm._l((_vm.news),function(item,index){return _c('CCol',{key:item.Id,attrs:{\"sm\":\"6\"}},[_c('a',{attrs:{\"href\":_vm.GoToLink(index)}},[_c('div',{staticClass:\"text-center p-1\"},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"border-radius\":\"10px\"},attrs:{\"src\":_vm.getPic(index)}})])])])}),1)],1)],1)])])])]),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Hot Pick\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBack()}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"c-app flex-row align-items-center\">\n    <CContainer style=\"display: flex; justify-content: center\" class=\"p-0\">\n      <div class=\"container-box center\">\n        <div class=\"text-left\">\n          <div class=\"card-custom-web\">\n            <br />\n            \n            <br />\n            <div style=\"display: flex\" class=\"mb-5\">\n              <!-- <CCard class=\"custom-card-advertise\" v-for=\"(item, index) in news.slice(0, 3)\"\n                  v-bind:key=\"item.Id\"\n                  sm=\"3\">\n                <a :href=\"GoToLink(index)\">\n                    <div>\n                      <img\n                        class=\"custom-bg-advetise\"\n                        :src=\"getPic(index)\"\n                      />\n                    </div>\n                  </a>\n              </CCard> -->\n              <CCol sm=\"12\" class=\"mt-2 mb-3\">\n                <CRow>\n                  <CCol\n                    v-for=\"(item, index) in news\"\n                    v-bind:key=\"item.Id\"\n                    sm=\"6\"\n                  >\n                    <a :href=\"GoToLink(index)\">\n                      <div class=\"text-center p-1\">\n                        <img\n                          style=\"max-width: 100%; border-radius: 10px\"\n                          :src=\"getPic(index)\"\n                        />\n                      </div>\n                    </a>\n                  </CCol>\n                </CRow>\n              </CCol>\n            </div>\n\n            <!-- <CCard class=\"custom-bg-color mt-3 d-sm-down-none\" @click=\"GoToRegStud()\">\n              <CRow>\n                <div style=\"width: 60%\" class=\"float-left\">\n                  <h3\n                    style=\"text-align: left; margin: 20px 30px\"\n                    class=\"sub-title-header\"\n                  >\n                    I’m a student<br />\n                    and want to register <br />\n                    for myself<br />\n                  </h3>\n                </div>\n                <div style=\"width: 20%\" class=\"float-right\">\n                  <img  style=\"\n                      max-width: 100%;\n                      right: 0;\n                      position: absolute;\n                      bottom: 0;\n                    \"\n                     src=\"../assets/img/icon/vectorstudent.svg\" />\n                </div>\n              </CRow>\n            </CCard>\n\n\n\n\n            <CCard class=\"custom-bg-color d-flex d-md-none\" @click=\"GoToRegStudParent()\">\n              <CRow>\n                <div style=\"width: 60%\" class=\"float-left\">\n                  <h3\n                    style=\"text-align: left; margin: 20px 30px\"\n                    class=\"sub-title-header\"\n                  >\n                    I’m a Parents <br />\n                    and want to register <br />\n                    for my kids\n                  </h3>\n                </div>\n                <div style=\"width: 20%\" class=\"float-right\">\n                  <img src=\"../assets/img/icon/Parents-bro1.svg\" />\n                </div>\n                <div style=\"clear:both\"></div>\n              </CRow>\n            </CCard>\n\n            <CCard class=\"custom-bg-color mt-3 d-flex d-md-none\" @click=\"GoToRegStud()\">\n              <CRow>\n                <div style=\"width: 60%\" class=\"float-left\">\n                  <h3\n                    style=\"text-align: left; margin: 20px 30px\"\n                    class=\"sub-title-header\"\n                  >\n                    I’m a student<br />\n                    and want to register <br />\n                    for myself<br />\n                  </h3>\n                </div>\n                <div style=\"width: 20%\" class=\"float-right\">\n                  <img src=\"../assets/img/icon/vectorstudent.svg\" />\n                </div>\n              </CRow>\n            </CCard> -->\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"header-top\">Hot Pick</div>\n    <div class=\"header-left\">\n      <img src=\"../assets/img/icon/VectorLeft.svg\" @click=\"GoBack()\"/>\n    </div>\n    <div style=\"clear: both\"></div>\n  </div>\n</template>\n\n<script>\nexport default {\n    data: function () {\n    return {\n      news: [],\n    };\n  },\n    async mounted() {\n    let isAuth = await this.UserAuth();\n\n    if (isAuth) {\n      this.Busy = false;\n      this.GetInfoUser();\n    } else {\n      this.GoToLogin();\n    }\n  },\n  methods: {\n    GetInfoUser() {\n      return this.$API\n        .get(this.$LoginUserDetailWebs, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.user = response.data;\n            this.GetNews();\n          }\n        });\n    },\n    GoBack() {\n      this.$router.back();\n    },\n    GetNews() {\n      this.$API.get(this.$ListNews +\n            \"?start=0&limit=10\", {}).then((response) => {\n        if (response.status == 200 && response.data != null) {\n          this.news = response.data;\n          this.getPic(this.news.urlImage);\n          this.GoToLink(this.news.Url);\n        }\n      });\n    },\n    getPic(index) {\n      return this.news[index].urlImage;\n    },\n    GoToLink(index) {\n      return this.news[index].url;\n    },\n  }\n}\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n.c-app {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n}\n\n.card-custom-web {\n  max-width: 700px;\n  left: 0px;\n  margin-top: 129px;\n  height: auto;\n\n  /* Off white */\n\n  background: #f9f9f9;\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);\n  border-radius: 32px 0px 0px 0px;\n  color: #000;\n}\n\nbody {\n  font-family: \"Montserrat\", sans-serif;\n}\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HotPick.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HotPick.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HotPick.vue?vue&type=template&id=48d0ade8&scoped=true&\"\nimport script from \"./HotPick.vue?vue&type=script&lang=js&\"\nexport * from \"./HotPick.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HotPick.vue?vue&type=style&index=0&id=48d0ade8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"48d0ade8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}