{"version":3,"sources":["webpack:///./src/pages/miniapp/market/gold/Index.vue?9f99","webpack:///./src/pages/miniapp/market/gold/Index.vue?3346","webpack:///src/pages/miniapp/market/gold/Index.vue","webpack:///./src/pages/miniapp/market/gold/Index.vue?770b","webpack:///./src/pages/miniapp/market/gold/Index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","class","$route","name","on","$event","bindRoute","_v","_s","formatThaiDate","goldTraderPresent","createdAt","formatTime","createdTime","barPriceChange","barBuyPrice","barSellPrice","queryDate","ornamentBuyPrice","ornamentSellPrice","goldSpotTime","calGoldSpotPercentChange","getGoldSpotPreviousClose","o","c","staticRenderFns","components","GoldArticle","GoldCard","GoldFund","data","watch","immediate","handler","route","$router","push","getMarketActiveTabChild","query","computed","destroyed","window","removeEventListener","handleScroll","methods","currentScrollPosition","$emit","toggleFilter","isFilter","formatThaiDateWithWeekDay","momentDate","format","add","getCurrentDate","saveMarketActiveTabChild","routeName","component"],"mappings":"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","file":"js/chunk-0fa931a2.b2f6df10.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-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&id=13b392c3&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-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&id=13b392c3&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{attrs:{\"id\":\"article-gold\",\"sticky-container\":\"\"}},[_c('ul',{staticClass:\"toggle-nav\"},[_c('li',{class:[_vm.$route.name == 'miniapp-market-gold-trader' ?  'active' : '']},[_c('a',{attrs:{\"href\":\"javascript:;\",\"data-action\":\"open_tab\",\"data-tab\":\"gold_trader\"},on:{\"click\":function($event){return _vm.bindRoute('miniapp-market-gold-trader')}}},[_vm._v(\"ราคาทองคำไทย\")])]),_c('li',{class:[_vm.$route.name == 'miniapp-market-gold-spot' ?  'active' : '']},[_c('a',{attrs:{\"href\":\"javascript:;\",\"data-action\":\"open_tab\",\"data-tab\":\"gold_spot\"},on:{\"click\":function($event){return _vm.bindRoute('miniapp-market-gold-spot')}}},[_vm._v(\"ราคาทองคำโลก\")])])]),_c('router-view'),_c('div',{attrs:{\"id\":\"goldtrader-container\"}},[_c('h2',[_vm._v(\"ราคาทองคำจากสมาคมค้าทองคำ\")]),_c('div',{staticClass:\"update-time\"},[_vm._v(\"อัพเดต: \"+_vm._s(_vm.formatThaiDate(_vm.goldTraderPresent.createdAt))+\" | เวลา \"+_vm._s(_vm.formatTime(_vm.goldTraderPresent.createdAt))+\" | ครั้งที่ \"+_vm._s(_vm.goldTraderPresent.createdTime))]),_c('GoldCard',{attrs:{\"type\":\"association\",\"goldType\":\"trader_bar\",\"goldTitle\":\"ทองคำแท่ง 96.5%\",\"modalTitle\":\"ราคาทองคำแท่ง 96.5\",\"data-assetname\":\"bar\",\"change\":_vm.goldTraderPresent.barPriceChange,\"bid\":_vm.goldTraderPresent.barBuyPrice,\"ask\":_vm.goldTraderPresent.barSellPrice,\"currentDate\":_vm.formatThaiDate(_vm.goldTraderPresent.createdAt),\"currentRound\":_vm.goldTraderPresent.createdTime,\"currentTime\":_vm.formatTime(_vm.goldTraderPresent.createdAt),\"queryDate\":_vm.queryDate}}),_c('GoldCard',{attrs:{\"data-assetname\":\"ornament\",\"type\":\"association\",\"goldType\":\"trader_ornament\",\"goldTitle\":\"ทองรูปพรรณ 96.5%\",\"modalTitle\":\"ราคาทองรูปพรรณ 96.5\",\"bid\":_vm.goldTraderPresent.ornamentBuyPrice,\"ask\":_vm.goldTraderPresent.ornamentSellPrice,\"currentDate\":_vm.formatThaiDate(_vm.goldTraderPresent.createdAt),\"currentRound\":_vm.goldTraderPresent.createdTime,\"currentTime\":_vm.formatTime(_vm.goldTraderPresent.createdAt),\"queryDate\":_vm.queryDate}})],1),_c('div',{attrs:{\"id\":\"goldglobal-container\"}},[_c('h2',[_vm._v(\"ราคาทองอ้างอิงตลาดต่างประเทศ\")]),_c('div',{staticClass:\"update-time\"},[_vm._v(\"อัพเดต: \"+_vm._s(_vm.goldSpotTime))]),_c('GoldCard',{attrs:{\"type\":\"global\",\"goldTitle\":\"Gold Spot\",\"goldType\":\"gold_spot\",\"data-assetname\":\"spot\",\"change\":_vm.calGoldSpotPercentChange,\"bid\":_vm.getGoldSpotPreviousClose.o,\"ask\":_vm.getGoldSpotPreviousClose.c,\"modalTitle\":\"Gold Spot\"}})],1),_c('section',{attrs:{\"id\":\"section-gold-article\"}},[_c('GoldArticle')],1),_c('section',{attrs:{\"id\":\"section-gold-fund\"}},[_c('GoldFund')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article id=\"article-gold\" sticky-container>\n    <ul class=\"toggle-nav\">\n      <li :class=\"[$route.name == 'miniapp-market-gold-trader' ?  'active' : '']\">\n        <a href=\"javascript:;\" data-action=\"open_tab\" data-tab=\"gold_trader\" @click=\"bindRoute('miniapp-market-gold-trader')\">ราคาทองคำไทย</a>\n      </li>\n      <li :class=\"[$route.name == 'miniapp-market-gold-spot' ?  'active' : '']\">\n        <a href=\"javascript:;\" data-action=\"open_tab\" data-tab=\"gold_spot\"  @click=\"bindRoute('miniapp-market-gold-spot')\">ราคาทองคำโลก</a>\n      </li>\n    </ul>\n    <router-view />\n    <div id=\"goldtrader-container\">\n      <h2>ราคาทองคำจากสมาคมค้าทองคำ</h2>\n      <div\n        class=\"update-time\"\n      >อัพเดต: {{ formatThaiDate(goldTraderPresent.createdAt) }} | เวลา {{ formatTime(goldTraderPresent.createdAt) }} | ครั้งที่ {{ goldTraderPresent.createdTime}}</div>\n      <GoldCard\n        type=\"association\"\n        goldType=\"trader_bar\"\n        goldTitle=\"ทองคำแท่ง 96.5%\"\n        modalTitle=\"ราคาทองคำแท่ง 96.5\"\n        data-assetname=\"bar\"\n        :change=\"goldTraderPresent.barPriceChange\"\n        :bid=\"goldTraderPresent.barBuyPrice\"\n        :ask=\"goldTraderPresent.barSellPrice\"\n        :currentDate=\"formatThaiDate(goldTraderPresent.createdAt)\"\n        :currentRound=\"goldTraderPresent.createdTime\"\n        :currentTime=\"formatTime(goldTraderPresent.createdAt)\"\n        :queryDate=\"queryDate\"\n      />\n      <GoldCard\n        data-assetname=\"ornament\"\n        type=\"association\"\n        goldType=\"trader_ornament\"\n        goldTitle=\"ทองรูปพรรณ 96.5%\"\n        modalTitle=\"ราคาทองรูปพรรณ 96.5\"\n        :bid=\"goldTraderPresent.ornamentBuyPrice\"\n        :ask=\"goldTraderPresent.ornamentSellPrice\"\n        :currentDate=\"formatThaiDate(goldTraderPresent.createdAt)\"\n        :currentRound=\"goldTraderPresent.createdTime\"\n        :currentTime=\"formatTime(goldTraderPresent.createdAt)\"\n        :queryDate=\"queryDate\"\n      />\n    </div>\n\n    <div id=\"goldglobal-container\">\n      <h2>ราคาทองอ้างอิงตลาดต่างประเทศ</h2>\n      <div class=\"update-time\">อัพเดต: {{ goldSpotTime }}</div>\n      <GoldCard\n        type=\"global\"\n        goldTitle=\"Gold Spot\"\n        goldType=\"gold_spot\"\n        data-assetname=\"spot\"\n        :change=\"calGoldSpotPercentChange\"\n        :bid=\"getGoldSpotPreviousClose.o\"\n        :ask=\"getGoldSpotPreviousClose.c\"\n        modalTitle=\"Gold Spot\"\n      />\n      <!-- <GoldCard type=\"global\" goldTitle=\"Gold Future\" change=\"-2.1\" bid=\"1493.00\" ask=\"1494.75\" /> -->\n    </div>\n\n    <!-- gold releted Article -->\n    <section id=\"section-gold-article\">\n      <GoldArticle />\n    </section>\n    <section id=\"section-gold-fund\">\n      <GoldFund />\n    </section>\n  </article>\n</template>\n\n\n<script>\nimport moment from \"moment\"\nimport { mapGetters, mapActions } from \"vuex\"\nimport { timestampToDate, calPercentChange } from \"../../../../utils/global\"\n\nexport default {\n  components: {\n    GoldArticle: () => import(\"../../../../components/miniapp/market/GoldArticle\"),\n    GoldCard: () => import(\"../../../../components/miniapp/market/GoldCard\"),\n    GoldFund: () => import(\"../../../../components/miniapp/market/GoldFund\")\n  },\n  data() {\n    return {\n      goldTraderPresent: {},\n      queryDate: \"\"\n    }\n  },\n  watch: {\n    $route: {\n      immediate: true,\n      handler(route) {\n        if (route.name == \"miniapp-market-gold\") {\n          this.$router.push({\n            name: this.getMarketActiveTabChild,\n            query: route.query\n          })\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapGetters(\"global\", [\"getMarketActiveTabChild\"]),\n    ...mapGetters(\"gold\", [\"getGoldSpotLastQuote\", \"getGoldSpotPreviousClose\"]),\n    goldSpotTime() {\n      return timestampToDate(this.getGoldSpotPreviousClose.t, \"lll\")\n    },\n    calGoldSpotPercentChange() {\n      return calPercentChange(this.getGoldSpotPreviousClose.o, this.getGoldSpotPreviousClose.c, 3)\n    }\n  },\n  async created() {\n    this.goldTraderPresent = await this.findGoldTraderPresent()\n    this.queryDate = this.getCurrentDate(this.goldTraderPresent.createdAt)\n\n    window.addEventListener(\"scroll\", this.handleScroll)\n    window.scroll(0, 0)\n  },\n  async mounted() {\n    await this.fetchGlobalConfiguration(\"line-liff/config/goldgraph.json\")\n    await this.findGoldSpotPreviousClose()\n  },\n  destroyed() {\n    window.removeEventListener(\"scroll\", this.handleScroll)\n  },\n  methods: {\n    ...mapActions(\"global\", [\"saveMarketActiveTabChild\"]),\n    ...mapActions(\"gold\", [\n      \"findGoldTraderPresent\",\n      \"findGoldTraderHistory\",\n      \"findGoldSpotPreviousClose\",\n      \"fetchGlobalConfiguration\"\n    ]),\n    handleScroll() {\n      const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop\n      currentScrollPosition > 73 ? (this.shouldStick = true) : (this.shouldStick = false)\n      this.$emit(\"current-scroll\", currentScrollPosition)\n    },\n    toggleFilter() {\n      if (this.isFilter) {\n        this.isFilter = false\n      } else {\n        this.isFilter = true\n      }\n    },\n    formatThaiDateWithWeekDay(date) {\n      let momentDate = moment(date).locale(\"th-TH\")\n      return momentDate.format(\"ddddที่ DD/MM/\") + momentDate.add(\"543\", \"years\").format(\"YYYY\")\n    },\n    formatThaiDate(date) {\n      let momentDate = moment(date).locale(\"th-TH\")\n      return momentDate.format(\"DD MMM\") + momentDate.add(\"543\", \"years\").format(\" YYYY\")\n    },\n    formatTime(date) {\n      return moment.utc(date).format(\"HH.mm\")\n    },\n    getCurrentDate(e) {\n      return moment(e).format(\"YYYY-MM-DD\")\n    },\n    bindRoute(routeName) {\n      this.$router.push({ name: routeName })\n      this.saveMarketActiveTabChild(routeName)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#article-gold {\n  @extend %container-style;\n  padding: 24px 16px;\n  position: relative;\n  background-color: #fdfdfd;\n  .toggle-nav {\n    border-radius: 20px;\n    background-color: #efefef;\n    list-style: none;\n    padding: 3px;\n    display: block;\n    max-width: 286px;\n    width: 100%;\n    margin: 0 auto;\n    li {\n      text-align: center;\n      @include finCol(6, 12, 0px, middle, true, true);\n    }\n    a {\n      color: $color-normal-text;\n      text-decoration: none;\n    }\n    .active {\n      padding: 0;\n      border-radius: 20px;\n      background-color: $color-normal-text;\n      a {\n        color: $color-white;\n        font-weight: bold;\n      }\n    }\n  }\n  .top-sticky {\n    left: 0 !important;\n    width: 100% !important;\n    .select-period-row {\n      padding-top: 49px;\n    }\n  }\n\n  #goldtrader-container {\n    margin-top: 24px;\n    color: $color-normal-text;\n\n    h2 {\n      @extend %font-size-m;\n    }\n\n    .update-time {\n      font-family: DBHeaventRez;\n      @extend %font-size-ss;\n      color: $color-secondary;\n      padding-bottom: 8px;\n    }\n  }\n\n  #goldglobal-container {\n    color: $color-normal-text;\n\n    h2 {\n      margin-top: 40px;\n      @extend %font-size-m;\n    }\n\n    .update-time {\n      font-family: DBHeaventRez;\n      @extend %font-size-ss;\n      color: $color-secondary;\n      padding-bottom: 16px;\n    }\n  }\n\n  #section-other-article {\n    padding-bottom: 24px;\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!./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=13b392c3&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&id=13b392c3&lang=scss&scoped=true&\"\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  \"13b392c3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}