{"version":3,"sources":["webpack:///./public/resources/images/reward.png","webpack:///./public/resources/images/inbox.png","webpack:///./src/views/intro/index.vue?66c2","webpack:///src/views/intro/index.vue","webpack:///./src/views/intro/index.vue?e835","webpack:///./src/views/intro/index.vue","webpack:///./public/resources/images/chat.png","webpack:///./src/views/intro/index.vue?8fb6","webpack:///./src/views/intro/index.vue?ea7f","webpack:///./src/views/intro/index.vue?7cd5"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticStyle","ref","attrs","on","handlePageChange","staticClass","handleSlideClick","_v","style","current_page","handleNext","_s","staticRenderFns","components","Carousel","Slide","data","mounted","console","log","$mode","methods","dataset","index","name","page","$refs","carousel","goToPage","$router","replace","path","query","injectStyles","context","locals","component"],"mappings":"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","file":"js/chunk-0d4b4bd6.b2a2ae6e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/reward.6702420d.png\";","module.exports = __webpack_public_path__ + \"img/inbox.28bcfb74.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticStyle:{\"position\":\"fixed\",\"bottom\":\"20px\",\"width\":\"100%\",\"padding\":\"0 14px\"}},[_c('carousel',{ref:\"carousel\",attrs:{\"per-page\":1,\"paginationEnabled\":false},on:{\"page-change\":_vm.handlePageChange}},[_c('slide',{staticClass:\"slide\",attrs:{\"data-index\":\"1\",\"data-name\":\"slide-1\"},on:{\"slideclick\":_vm.handleSlideClick}},[_c('img',{staticClass:\"reward-image\",attrs:{\"src\":require(\"../../../public/resources/images/reward.png\")}}),_c('div',[_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"22px\",\"font-weight\":\"600\",\"margin-top\":\"20px\"}},[_vm._v(\" เมนู Reward \")]),_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"18px\",\"font-weight\":\"300\",\"margin-top\":\"10px\"}},[_vm._v(\" กล่องรายการบัตรกำนัลอิเล็กทรอนิกส์ (e-Voucher) จากสิทธิประโยชน์เพิ่มเติมสำหรับท่านสมาชิก \")])])]),_c('slide',{staticClass:\"slide\",attrs:{\"data-index\":\"2\",\"data-name\":\"slide-2\"},on:{\"slideclick\":_vm.handleSlideClick}},[_c('img',{staticClass:\"reward-image\",attrs:{\"src\":require(\"../../../public/resources/images/chat.png\")}}),_c('div',[_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"22px\",\"font-weight\":\"600\",\"margin-top\":\"20px\"}},[_vm._v(\" เมนู Chat \")]),_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"18px\",\"font-weight\":\"300\",\"margin-top\":\"10px\"}},[_vm._v(\" สอบถามข้อมูลกิจกรรม สิทธิประโยชน์ และหุ้นกู้ ผ่านระบบตอบคำถามอัตโนมัติ (แชทบอท) ได้ทุกที่ ทุกเวลา \")])])]),_c('slide',{staticClass:\"slide\",attrs:{\"data-index\":\"3\",\"data-name\":\"slide-3\"},on:{\"slideclick\":_vm.handleSlideClick}},[_c('img',{staticClass:\"reward-image\",attrs:{\"src\":require(\"../../../public/resources/images/inbox.png\")}}),_c('div',[_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"22px\",\"font-weight\":\"600\",\"margin-top\":\"20px\"}},[_vm._v(\" เมนู Inbox \")]),_c('label',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"18px\",\"font-weight\":\"300\",\"margin-top\":\"10px\"}},[_vm._v(\" ข้อมูลข่าวสารจากเอสซีจี ดีเบนเจอร์ คลับ \")])])])],1),_c('div',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\",\"margin-bottom\":\"30px\"}},[_c('span',{staticClass:\"dot animated\",style:({\n          'margin-left': 0,\n          'background-color': _vm.current_page == 0 ? '#fff' : 'transparent',\n        })}),_c('span',{staticClass:\"dot animated\",style:({\n          'background-color': _vm.current_page == 1 ? '#fff' : 'transparent',\n        })}),_c('span',{staticClass:\"dot animated\",style:({\n          'background-color': _vm.current_page == 2 ? '#fff' : 'transparent',\n        })})]),_c('a-button',{staticClass:\"text-center gray ant-button-label-custom\",staticStyle:{\"width\":\"100%\"},on:{\"click\":_vm.handleNext}},[_c('strong',[_vm._v(_vm._s(_vm.current_page == 2 ? 'Start / เริ่มต้นใช้งาน' : 'Next / ต่อไป'))])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div style=\"position: fixed; bottom: 20px; width: 100%; padding: 0 14px\">\r\n      <carousel\r\n        ref=\"carousel\"\r\n        :per-page=\"1\"\r\n        :paginationEnabled=\"false\"\r\n        @page-change=\"handlePageChange\"\r\n      >\r\n        <slide\r\n          class=\"slide\"\r\n          data-index=\"1\"\r\n          data-name=\"slide-1\"\r\n          @slideclick=\"handleSlideClick\"\r\n        >\r\n          <img\r\n            src=\"../../../public/resources/images/reward.png\"\r\n            class=\"reward-image\"\r\n          />\r\n          <div>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 22px; font-weight: 600; margin-top: 20px\"\r\n            >\r\n              เมนู Reward\r\n            </label>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 18px; font-weight: 300; margin-top: 10px\"\r\n            >\r\n              กล่องรายการบัตรกำนัลอิเล็กทรอนิกส์ (e-Voucher)\r\n              จากสิทธิประโยชน์เพิ่มเติมสำหรับท่านสมาชิก\r\n            </label>\r\n          </div>\r\n        </slide>\r\n        <slide\r\n          class=\"slide\"\r\n          data-index=\"2\"\r\n          data-name=\"slide-2\"\r\n          @slideclick=\"handleSlideClick\"\r\n        >\r\n          <img\r\n            src=\"../../../public/resources/images/chat.png\"\r\n            class=\"reward-image\"\r\n          />\r\n          <div>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 22px; font-weight: 600; margin-top: 20px\"\r\n            >\r\n              เมนู Chat\r\n            </label>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 18px; font-weight: 300; margin-top: 10px\"\r\n            >\r\n              สอบถามข้อมูลกิจกรรม สิทธิประโยชน์ และหุ้นกู้\r\n              ผ่านระบบตอบคำถามอัตโนมัติ (แชทบอท) ได้ทุกที่ ทุกเวลา\r\n            </label>\r\n          </div>\r\n        </slide>\r\n        <slide\r\n          class=\"slide\"\r\n          data-index=\"3\"\r\n          data-name=\"slide-3\"\r\n          @slideclick=\"handleSlideClick\"\r\n        >\r\n          <img\r\n            src=\"../../../public/resources/images/inbox.png\"\r\n            class=\"reward-image\"\r\n          />\r\n          <div>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 22px; font-weight: 600; margin-top: 20px\"\r\n            >\r\n              เมนู Inbox\r\n            </label>\r\n            <label\r\n              class=\"text-center\"\r\n              style=\"font-size: 18px; font-weight: 300; margin-top: 10px\"\r\n            >\r\n              ข้อมูลข่าวสารจากเอสซีจี ดีเบนเจอร์ คลับ\r\n            </label>\r\n          </div>\r\n        </slide>\r\n      </carousel>\r\n      <div style=\"width: 100%; text-align: center; margin-bottom: 30px\">\r\n        <span\r\n          class=\"dot animated\"\r\n          :style=\"{\r\n            'margin-left': 0,\r\n            'background-color': current_page == 0 ? '#fff' : 'transparent',\r\n          }\"\r\n        ></span>\r\n        <span\r\n          class=\"dot animated\"\r\n          :style=\"{\r\n            'background-color': current_page == 1 ? '#fff' : 'transparent',\r\n          }\"\r\n        ></span>\r\n        <span\r\n          class=\"dot animated\"\r\n          :style=\"{\r\n            'background-color': current_page == 2 ? '#fff' : 'transparent',\r\n          }\"\r\n        ></span>\r\n      </div>\r\n      <a-button\r\n        class=\"text-center gray ant-button-label-custom\"\r\n        style=\"width: 100%\"\r\n        @click=\"handleNext\"\r\n      >\r\n        <strong>{{\r\n          current_page == 2 ? 'Start / เริ่มต้นใช้งาน' : 'Next / ต่อไป'\r\n        }}</strong>\r\n      </a-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { Carousel, Slide } from 'vue-carousel';\r\nexport default {\r\n  components: {\r\n    Carousel,\r\n    Slide,\r\n  },\r\n  /* computed: {\r\n    loading() {\r\n      return this.$store.state.user.loading;\r\n    },\r\n  }, */\r\n  data: function () {\r\n    return {\r\n      current_page: 0,\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log('[src\\\\views\\\\intro\\\\index.vue]');\r\n    console.log('$mode -->', this.$mode);\r\n  },\r\n  methods: {\r\n    handleSlideClick(dataset) {\r\n      console.log(dataset.index, dataset.name);\r\n    },\r\n    handlePageChange(page) {\r\n      this.current_page = page;\r\n    },\r\n    handleNext() {\r\n      if (this.current_page < 2) {\r\n        this.current_page = this.current_page + 1;\r\n        this.$refs.carousel.goToPage(this.current_page);\r\n      } else {\r\n        this.$router.replace({\r\n          path: '/home',\r\n          query: {},\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" module>\r\n@import '@/components/cleanui/system/Auth/style.module.scss';\r\n</style>\r\n<style scoped>\r\n.dot {\r\n  border: 1px solid #fff;\r\n  border-radius: 50%;\r\n  width: 8px;\r\n  height: 8px;\r\n  display: inline-block;\r\n  margin-left: 8px;\r\n}\r\n.slide {\r\n  background-color: transparent;\r\n  /* min-height: 75vh; */\r\n  width: 100%;\r\n  text-align: center;\r\n  margin-bottom: 30%;\r\n}\r\n.reward-image {\r\n  width: 40%;\r\n}\r\n/* @media (max-device-width: 413px) {\r\n  .reward-image {\r\n    width: 50%;\r\n  }\r\n}\r\n@media (max-device-width: 374px) {\r\n  .reward-image {\r\n    width: 40%;\r\n  }\r\n} */\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2628137b&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&module=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=2628137b&scoped=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  \"2628137b\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/chat.eea42974.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"index_container_3XcvQ\",\"logo\":\"index_logo_7BDht\"};","export { default } from  \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../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!./index.vue?vue&type=style&index=1&id=2628137b&scoped=true&lang=css&\""],"sourceRoot":""}