{"version":3,"sources":["webpack:///./src/components/miniapp/market/GoldCard.vue?aeb8","webpack:///./src/components/miniapp/market/GoldHistoryList.vue?a190","webpack:///./src/components/miniapp/market/GoldCard.vue?d7f2","webpack:///./src/components/miniapp/market/GoldHistoryList.vue?810a","webpack:///src/components/miniapp/market/GoldHistoryList.vue","webpack:///./src/components/miniapp/market/GoldHistoryList.vue?52e2","webpack:///./src/components/miniapp/market/GoldHistoryList.vue","webpack:///src/components/miniapp/market/GoldCard.vue","webpack:///./src/components/miniapp/market/GoldCard.vue?7ee4","webpack:///./src/components/miniapp/market/GoldCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","dataAssetname","on","$event","openModal","goldType","staticClass","_v","_s","goldTitle","isGoldbar","type","class","priceChangeColor","change","isPriceChange","_f","_e","_m","priceColor","bid","ask","modalSize","closeModal","slot","modalTitle","getGoldSpotHistoryGraph","chartModalTV","ID","goldWatchlistName","currentDate","currentTime","currentRound","queryDate","staticRenderFns","_l","item","index","key","data","length","date","goldData","createdTime","createdAt","barBuyPrice","ornamentBuyPrice","unitBaht","barPriceChange","barSellPrice","ornamentSellPrice","getItems","ref","infiniteHandler","components","props","items","countEmpty","computed","watch","getGoldHistoryList","filters","currency","toNumber","percent","val","parseFloat","toFixed","minusValue","replace","parseTime","formatThaiDateWithWeekDay","momentDate","format","add","formatTime","methods","price","component","ModalSlideUp","GoldGraphNav","GoldHistoryList","GoldSpotGraphHistory","GoldPerformance","FollowingGold","String","default","Number","dataAssettype","dataAction","dataListname","showModal","created","parseDate","$router","push","name","query"],"mappings":"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","file":"js/chunk-43c0e7b6.d2a3ec9b.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!./GoldCard.vue?vue&type=style&index=0&id=33da046c&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!./GoldCard.vue?vue&type=style&index=0&id=33da046c&lang=scss&scoped=true&\"","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!./GoldHistoryList.vue?vue&type=style&index=0&id=65a286c0&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!./GoldHistoryList.vue?vue&type=style&index=0&id=65a286c0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"section-gold-card\"}},[_c('div',{attrs:{\"id\":\"gold-card\",\"data-action\":\"open_gold\",\"data-listname\":\"market_gold\",\"data-assettype\":\"gold\",\"data-assetname\":_vm.dataAssetname},on:{\"click\":function($event){return _vm.openModal(_vm.goldType)}}},[_c('div',{staticClass:\"gold-card-title\"},[_c('div',{staticClass:\"left\"},[_c('span',[_vm._v(_vm._s(_vm.goldTitle))]),(_vm.isGoldbar && _vm.type==='association')?_c('span',{staticClass:\"price-change\",class:[_vm.priceChangeColor(_vm.change)]},[_c('i',{class:[_vm.isPriceChange(_vm.change)]}),_vm._v(\" \"+_vm._s(_vm._f(\"minusValue\")(_vm.change))+\" \")]):_vm._e()]),_vm._m(0)]),(_vm.type==='association')?_c('div',{staticClass:\"gold-card-content-association\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"รับซื้อ\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\",class:[_vm.priceColor(_vm.change)]},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.bid)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"฿\")])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"ขายออก\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\",class:[_vm.priceColor(_vm.change)]},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.ask)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"฿\")])])])]):_c('div',{staticClass:\"gold-card-content-global\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"ราคาเปิด\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.bid)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"$\")])])]),_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"ราคาปิด\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.ask)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"$\")])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"% Chg.\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\",class:[_vm.priceChangeColor(_vm.change)]},[_vm._v(_vm._s(_vm._f(\"percent\")(_vm.change)))])])])])]),(_vm.showModal)?_c('modal-slide-up',{staticClass:\"modal\",attrs:{\"options\":{modalSize: 'tall'},\"id\":\"gold-modal\",\"padding\":false,\"isCloseOnClick\":false},on:{\"close-modal\":_vm.closeModal}},[_c('div',{attrs:{\"slot\":\"header\",\"id\":\"modal-header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.modalTitle))]),(_vm.goldType == 'gold_spot')?_c('div',{attrs:{\"slot\":\"body\",\"id\":\"modal-container\"},slot:\"body\"},[_c('GoldPerformance',{attrs:{\"arrData\":_vm.getGoldSpotHistoryGraph}}),_c('GoldSpotGraphHistory',{attrs:{\"arrData\":_vm.getGoldSpotHistoryGraph,\"gold-spot-id\":\"gold-spot-history-graph-d3-line\",\"is-realtime\":false},on:{\"call-tradingview\":function($event){return _vm.chartModalTV(_vm.goldType)}}})],1):_c('div',{attrs:{\"slot\":\"body\",\"id\":\"modal-container\"},slot:\"body\"},[_c('div',{attrs:{\"id\":\"goldtrader-container\"}},[_c('div',{staticClass:\"goldtrader-left\"},[_c('h2',[_vm._v(_vm._s(_vm.modalTitle))])]),_c('div',{staticClass:\"goldtrader-right\"},[_c('FollowingGold',{attrs:{\"followingType\":\"GoldQuote\",\"item\":{ ID: _vm.goldWatchlistName }}})],1),_c('div',{staticClass:\"update-time\"},[_vm._v(\"ราคาประจำวันที่: \"+_vm._s(_vm.currentDate)+\" | เวลา \"+_vm._s(_vm.currentTime)+\" | ครั้งที่ \"+_vm._s(_vm.currentRound))]),_c('div',{staticClass:\"gold-bar\"},[_c('div',{staticClass:\"content-bar\"},[_c('div',{staticClass:\"content-col\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"bid\"},[_vm._v(\"รับซื้อ\")]),(_vm.isGoldbar && _vm.type==='association')?_c('span',{staticClass:\"price-change\",class:[_vm.priceChangeColor(_vm.change)]},[_c('i',{class:[_vm.isPriceChange(_vm.change)]}),_vm._v(\" \"+_vm._s(_vm._f(\"minusValue\")(_vm.change))+\" \")]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\",class:[_vm.priceColor(_vm.change)]},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.bid)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"฿\")])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"ask\"},[_vm._v(\"ขายออก\")]),(_vm.isGoldbar && _vm.type==='association')?_c('span',{staticClass:\"price-change\",class:[_vm.priceChangeColor(_vm.change)]},[_c('i',{class:[_vm.isPriceChange(_vm.change)]}),_vm._v(\" \"+_vm._s(_vm._f(\"minusValue\")(_vm.change))+\" \")]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\",class:[_vm.priceColor(_vm.change)]},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.ask)))]),_c('div',{staticClass:\"unit\"},[_vm._v(\"฿\")])])])])])])]),_c('div',{attrs:{\"id\":\"goldtrader-graph\"}},[_c('GoldGraphNav',{attrs:{\"id\":_vm.goldType},on:{\"call-tradingview\":function($event){return _vm.chartModalTV(_vm.goldType)}}})],1),_c('section',[_c('gold-history-list',{attrs:{\"wantLoaing\":true,\"queryDate\":_vm.queryDate,\"type\":\"association\",\"isGoldbar\":_vm.isGoldbar}})],1)])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right\"},[_c('i',{staticClass:\"fas fa-chart-bar\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',[(_vm.type==='association')?_c('div',{attrs:{\"id\":\"gold-history-section\"}},[_vm._l((_vm.getItems),function(item,index){return _c('div',{key:index},[(item.data.length > 0)?_c('span',[_c('h2',[_vm._v(_vm._s(_vm._f(\"formatThaiDateWithWeekDay\")(item.date)))])]):_vm._e(),_vm._l((item.data),function(goldData,index){return _c('div',{key:index,staticClass:\"gold-history-card\"},[_c('div',{staticClass:\"gold-card-content-history\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title-round\"},[_vm._v(\"ครั้งที่ \"+_vm._s(goldData.createdTime))]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"time\"},[_c('i',{staticClass:\"fal fa-clock\"}),_vm._v(\" \"+_vm._s(_vm._f(\"formatTime\")(goldData.createdAt))+\" \")])]),_c('span')]),_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"รับซื้อ\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.isGoldbar? goldData.barBuyPrice : goldData.ornamentBuyPrice)))]),_c('div',{staticClass:\"unit\"},[_vm._v(_vm._s(_vm.unitBaht))])]),(_vm.type==='association' && _vm.isGoldbar)?_c('span',{staticClass:\"price-change\",class:[_vm.priceChangeColor(goldData.barPriceChange)]},[_c('i',{class:[_vm.isPriceChange(goldData.barPriceChange)]}),_vm._v(\" \"+_vm._s(_vm._f(\"minusValue\")(goldData.barPriceChange))+\" \")]):_vm._e()]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"ขายออก\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.isGoldbar? goldData.barSellPrice : goldData.ornamentSellPrice)))]),_c('div',{staticClass:\"unit\"},[_vm._v(_vm._s(_vm.unitBaht))])]),(_vm.type==='association' && _vm.isGoldbar)?_c('span',{staticClass:\"price-change\",class:[_vm.priceChangeColor(goldData.barPriceChange)]},[_c('i',{class:[_vm.isPriceChange(goldData.barPriceChange)]}),_vm._v(\" \"+_vm._s(_vm._f(\"minusValue\")(goldData.barPriceChange))+\" \")]):_vm._e()])])])})],2)}),(!_vm.getItems)?_c('div',{staticClass:\"components-loading\"},[_c('i',{staticClass:\"fas fa-spinner-third fa-spin\"})]):_vm._e()],2):_vm._e(),(_vm.wantLoaing)?_c('infinite-loading',{ref:\"infiniteLoading\",attrs:{\"spinner\":\"waveDots\"},on:{\"infinite\":_vm.infiniteHandler}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article>\n    <div v-if=\"type==='association'\" id=\"gold-history-section\">\n      <div v-for=\"(item, index) in getItems\" :key=\"index\">\n        <span v-if=\"item.data.length > 0\">\n          <h2>{{ item.date | formatThaiDateWithWeekDay }}</h2>\n        </span>\n\n        <div v-for=\"(goldData, index) in item.data\" :key=\"index\" class=\"gold-history-card\">\n          <div class=\"gold-card-content-history\">\n            <div class=\"left\">\n              <div class=\"title-round\">ครั้งที่ {{goldData.createdTime}}</div>\n              <div class=\"content\">\n                <div class=\"time\">\n                  <i class=\"fal fa-clock\"></i>\n                  {{ goldData.createdAt | formatTime }}\n                </div>\n              </div>\n              <span></span>\n            </div>\n            <div class=\"center\">\n              <div class=\"title\">รับซื้อ</div>\n              <div class=\"content\">\n                <div\n                  class=\"price\"\n                >{{ isGoldbar? goldData.barBuyPrice : goldData.ornamentBuyPrice | currency}}</div>\n                <div class=\"unit\">{{unitBaht}}</div>\n              </div>\n              <span\n                v-if=\"type==='association' && isGoldbar\"\n                class=\"price-change\"\n                :class=\"[priceChangeColor(goldData.barPriceChange)]\"\n              >\n                <i :class=\"[isPriceChange(goldData.barPriceChange)]\"></i>\n                {{goldData.barPriceChange | minusValue }}\n              </span>\n            </div>\n            <div class=\"right\">\n              <div class=\"title\">ขายออก</div>\n              <div class=\"content\">\n                <div\n                  class=\"price\"\n                >{{isGoldbar? goldData.barSellPrice : goldData.ornamentSellPrice | currency}}</div>\n                <div class=\"unit\">{{unitBaht}}</div>\n              </div>\n              <span\n                v-if=\"type==='association' && isGoldbar\"\n                class=\"price-change\"\n                :class=\"[priceChangeColor(goldData.barPriceChange)]\"\n              >\n                <i :class=\"[isPriceChange(goldData.barPriceChange)]\"></i>\n                {{goldData.barPriceChange | minusValue }}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"components-loading\" v-if=\"!getItems\">\n        <i class=\"fas fa-spinner-third fa-spin\"></i>\n      </div>\n    </div>\n    <infinite-loading\n      v-if=\"wantLoaing\"\n      ref=\"infiniteLoading\"\n      spinner=\"waveDots\"\n      @infinite=\"infiniteHandler\"\n    ></infinite-loading>\n  </article>\n</template>\n\n<script>\nimport moment from \"moment\";\nimport { mapGetters, mapActions } from \"vuex\";\nexport default {\n  components: {},\n  props: [\"wantLoaing\", \"type\", \"dataAction\", \"dataList\", \"queryDate\", \"isGoldbar\"],\n  data() {\n    return {\n      unitBaht: \"฿\",\n      items: [\n        {\n          data: [\n            { barBuyPrice: 0 },\n            { barPriceChange: 0 },\n            { barSellPrice: 0 },\n            { createdAt: \"loading...\" },\n            { createdTime: \"loading...\" },\n            { ornamentBuyPrice: 0 },\n            { ornamentSellPrice: 0 }\n          ],\n          date: \"loading...\"\n        },\n        {\n          data: [\n            { barBuyPrice: 0 },\n            { barPriceChange: 0 },\n            { barSellPrice: 0 },\n            { createdAt: \"loading...\" },\n            { createdTime: \"loading...\" },\n            { ornamentBuyPrice: 0 },\n            { ornamentSellPrice: 0 }\n          ],\n          date: \"loading...\"\n        },\n        {\n          data: [\n            { barBuyPrice: 0 },\n            { barPriceChange: 0 },\n            { barSellPrice: 0 },\n            { createdAt: \"loading...\" },\n            { createdTime: \"loading...\" },\n            { ornamentBuyPrice: 0 },\n            { ornamentSellPrice: 0 }\n          ],\n          date: \"loading...\"\n        },\n        {\n          data: [\n            { barBuyPrice: 0 },\n            { barPriceChange: 0 },\n            { barSellPrice: 0 },\n            { createdAt: \"loading...\" },\n            { createdTime: \"loading...\" },\n            { ornamentBuyPrice: 0 },\n            { ornamentSellPrice: 0 }\n          ],\n          date: \"loading...\"\n        }\n      ],\n      countEmpty: 0\n    };\n  },\n  computed: {\n    ...mapGetters(\"gold\", [\"getGoldHistoryList\"]),\n    getItems() {\n      return this.items;\n    }\n  },\n  async created() {\n    // setTimeout(async () => {\n    if (this.queryDate) {\n      await this.findGoldTraderHistory(this.queryDate);\n      this.items = this.getGoldHistoryList;\n      let lastDate = this.queryDate;\n      for (let i = 0; i < 5; i++) {\n        let beforeLastDate = moment(lastDate)\n          .subtract(1, \"days\")\n          .format(\"YYYY-MM-DD\");\n        await this.findGoldTraderHistory(beforeLastDate);\n        this.items = this.getGoldHistoryList;\n        lastDate = beforeLastDate;\n      }\n    }\n    // }, 1000);\n  },\n  watch: {\n    getGoldHistoryList() {\n      return this.getGoldHistoryList;\n    }\n  },\n  filters: {\n    currency: function(val) {\n      let toNumber = parseFloat(val);\n      return toNumber\n        .toLocaleString(\"th\", {\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2\n        })\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    },\n    percent: function(val) {\n      if (val > 0) {\n        return \"+\" + parseFloat(val).toFixed(1) + \" %\";\n      }\n\n      return parseFloat(val).toFixed(1) + \" %\";\n    },\n    minusValue: function(val) {\n      if (val < 0) {\n        return parseFloat(val.replace(\"-\", \"\")).toFixed(2);\n      }\n\n      return val;\n    },\n    parseTime(date) {\n      return moment.utc(date).format(\"HH.mm\");\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    formatTime(date) {\n      return moment.utc(date).format(\"HH.mm\");\n    }\n  },\n  methods: {\n    ...mapActions(\"gold\", [\"findGoldTraderHistory\"]),\n    async infiniteHandler($state) {\n      if (this.items.length <= this.getGoldHistoryList.length) {\n        let lastDate = this.getItems[this.getItems.length - 1].date;\n        let beforeLastDate = moment(lastDate)\n          .subtract(1, \"days\")\n          .format(\"YYYY-MM-DD\");\n        await this.findGoldTraderHistory(beforeLastDate);\n        if (this.getItems[this.getItems.length - 1].data.length > 0) {\n          this.items = this.getGoldHistoryList;\n          setTimeout(() => {\n            $state.loaded();\n          }, 200);\n          this.countEmpty = 0;\n        } else {\n          if (this.countEmpty < 8) {\n            this.items = this.getGoldHistoryList;\n            this.countEmpty++;\n            setTimeout(() => {\n              $state.loaded();\n            }, 200);\n          } else {\n            $state.complete();\n          }\n        }\n      } else {\n        setTimeout(() => {\n          $state.reset();\n        }, 10000);\n        $state.complete();\n      }\n    },\n    isPriceChange(price) {\n      if (price > 0) {\n        return \"fas fa-caret-up\";\n      } else if (price == 0) {\n        return \"fas fa-sort\";\n      } else return \"fas fa-caret-down\";\n    },\n    priceChangeColor(price) {\n      if (price > 0) {\n        return \"plus\";\n      } else if (price == 0) {\n        return \"stable\";\n      } else return \"minus\";\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.null-percent {\n  color: $color-secondary-text;\n}\n\n#gold-history-section {\n  h2 {\n    @extend %font-size-s;\n\n    padding-top: 40px;\n    padding-bottom: 8px;\n  }\n}\n.gold-history-card {\n  height: auto;\n  background-color: $base-white;\n  //   border: solid 1px #efefef;\n  border-radius: 4px;\n  box-shadow: 0 0 4px 0 rgba(186, 186, 186, 0.24), 0 0 6px 0 rgba(228, 232, 234, 0);\n  .gold-card-content-history {\n    // border-bottom: solid 1px #efefef;\n    box-shadow: 0 0 4px 0 rgba(186, 186, 186, 0.048), 0 0 6px 0 rgba(117, 117, 117, 0);\n    @extend %container-style;\n    padding: 8px 16px;\n    position: relative;\n    .left {\n      display: inline-block;\n      @include finCol(4, 12, 0px, top, true, true);\n    }\n    .center {\n      display: inline-block;\n      @include finCol(4.4, 12, 0px, middle, true, true);\n    }\n    .right {\n      display: inline-block;\n      @include finCol(3.6, 12, 0px, middle, true, true);\n      text-align: left;\n    }\n    .title-round {\n      @extend %font-size-ss;\n      color: $color-normal-text;\n      display: inline-block;\n    }\n    .title {\n      @extend %font-size-ss;\n      color: $color-secondary-text;\n      display: inline-block;\n    }\n    .content {\n      .time {\n        @extend %font-size-ss;\n        color: $color-secondary;\n        display: inline-block;\n      }\n      .price {\n        @extend %font-size-s;\n        display: inline-block;\n      }\n      .unit {\n        padding-left: 3px;\n        @extend %font-size-ss;\n        color: $color-normal-text;\n        display: inline-block;\n      }\n    }\n    .price-change {\n      @extend %font-size-ss;\n      display: inline-block;\n      i {\n        margin: 0 4px 0 0;\n      }\n    }\n    .minus {\n      color: $color-minus;\n    }\n    .plus {\n      color: $color-plus;\n    }\n    .stable {\n      color: $color-stable;\n    }\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!./GoldHistoryList.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!./GoldHistoryList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoldHistoryList.vue?vue&type=template&id=65a286c0&scoped=true&\"\nimport script from \"./GoldHistoryList.vue?vue&type=script&lang=js&\"\nexport * from \"./GoldHistoryList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoldHistoryList.vue?vue&type=style&index=0&id=65a286c0&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  \"65a286c0\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section id=\"section-gold-card\">\n    <div\n      id=\"gold-card\"\n      data-action=\"open_gold\"\n      data-listname=\"market_gold\"\n      data-assettype=\"gold\"\n      :data-assetname=\"dataAssetname\"\n      @click=\"openModal(goldType)\"\n    >\n      <div class=\"gold-card-title\">\n        <div class=\"left\">\n          <span>{{ goldTitle }}</span>\n          <span v-if=\"isGoldbar && type==='association'\" class=\"price-change\" :class=\"[priceChangeColor(change)]\">\n            <i :class=\"[isPriceChange(change)]\"></i>\n            {{ change | minusValue }}\n          </span>\n        </div>\n        <div class=\"right\">\n          <i class=\"fas fa-chart-bar\"></i>\n        </div>\n      </div>\n      <div v-if=\"type==='association'\" class=\"gold-card-content-association\">\n        <div class=\"left\">\n          <div class=\"title\">รับซื้อ</div>\n          <div class=\"content\">\n            <div class=\"price\" :class=\"[priceColor(change)]\">{{bid | currency}}</div>\n            <div class=\"unit\">฿</div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <div class=\"title\">ขายออก</div>\n          <div class=\"content\">\n            <div class=\"price\" :class=\"[priceColor(change)]\">{{ask | currency}}</div>\n            <div class=\"unit\">฿</div>\n          </div>\n        </div>\n      </div>\n      <div v-else class=\"gold-card-content-global\">\n        <div class=\"left\">\n          <div class=\"title\">ราคาเปิด</div>\n          <div class=\"content\">\n            <div class=\"price\">{{bid | currency}}</div>\n            <div class=\"unit\">$</div>\n          </div>\n        </div>\n        <div class=\"center\">\n          <div class=\"title\">ราคาปิด</div>\n          <div class=\"content\">\n            <div class=\"price\">{{ask | currency}}</div>\n            <div class=\"unit\">$</div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <div class=\"title\">% Chg.</div>\n          <div class=\"content\">\n            <div class=\"price\" :class=\"[priceChangeColor(change)]\">{{change | percent}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <modal-slide-up\n      v-if=\"showModal\"\n      :options=\"{modalSize: 'tall'}\"\n      @close-modal=\"closeModal\"\n      class=\"modal\"\n      id=\"gold-modal\"\n      :padding=\"false\"\n      :isCloseOnClick=\"false\"\n    >\n      <div id=\"modal-header\" slot=\"header\">{{ modalTitle }}</div>\n      <div v-if=\"goldType == 'gold_spot'\" id=\"modal-container\" slot=\"body\">\n        <GoldPerformance :arrData=\"getGoldSpotHistoryGraph\" />\n        <GoldSpotGraphHistory\n          :arrData=\"getGoldSpotHistoryGraph\"\n          gold-spot-id=\"gold-spot-history-graph-d3-line\"\n          :is-realtime=\"false\"\n          @call-tradingview=\"chartModalTV(goldType)\"\n        />\n      </div>\n      <div v-else id=\"modal-container\" slot=\"body\">\n        <div id=\"goldtrader-container\">\n          <div class=\"goldtrader-left\">\n            <h2>{{ modalTitle }}</h2>\n          </div>\n          <div class=\"goldtrader-right\">\n            <FollowingGold followingType=\"GoldQuote\" :item=\"{ ID: goldWatchlistName }\" />\n          </div>\n          <div class=\"update-time\">ราคาประจำวันที่: {{ currentDate}} | เวลา {{currentTime}} | ครั้งที่ {{currentRound}}</div>\n          <div class=\"gold-bar\">\n            <div class=\"content-bar\">\n              <div class=\"content-col\">\n                <div class=\"left\">\n                  <div class=\"bid\">รับซื้อ</div>\n                  <span\n                    v-if=\"isGoldbar && type==='association'\"\n                    class=\"price-change\"\n                    :class=\"[priceChangeColor(change)]\"\n                  >\n                    <i :class=\"[isPriceChange(change)]\"></i>\n                    {{change | minusValue }}\n                  </span>\n                  <div class=\"content\">\n                    <div class=\"price\" :class=\"[priceColor(change)]\">{{bid | currency}}</div>\n                    <div class=\"unit\">฿</div>\n                  </div>\n                </div>\n                <div class=\"right\">\n                  <div class=\"ask\">ขายออก</div>\n                  <span\n                    v-if=\"isGoldbar && type==='association'\"\n                    class=\"price-change\"\n                    :class=\"[priceChangeColor(change)]\"\n                  >\n                    <i :class=\"[isPriceChange(change)]\"></i>\n                    {{change | minusValue }}\n                  </span>\n                  <div class=\"content\">\n                    <div class=\"price\" :class=\"[priceColor(change)]\">{{ask | currency}}</div>\n                    <div class=\"unit\">฿</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div id=\"goldtrader-graph\">\n          <GoldGraphNav :id=\"goldType\" @call-tradingview=\"chartModalTV(goldType)\" />\n        </div>\n        <section>\n          <gold-history-list :wantLoaing=\"true\" :queryDate=\"queryDate\" type=\"association\" :isGoldbar=\"isGoldbar\" />\n        </section>\n      </div>\n    </modal-slide-up>\n  </section>\n</template>\n\n<script>\nimport moment from \"moment\"\nimport { mapGetters, mapActions } from \"vuex\"\nimport GoldHistoryList from \"./GoldHistoryList\"\nconst ModalSlideUp = () => import(\"../global/ModalSlideUp\")\nconst GoldGraphNav = () => import(\"../gold/GoldGraphNav\")\nimport { FollowingGold } from \"../../organisms/Following\"\n\nexport default {\n  components: {\n    ModalSlideUp,\n    GoldGraphNav,\n    GoldHistoryList,\n    GoldSpotGraphHistory: () => import(\"@/components/miniapp/gold/GoldSpotGraphHistory\"),\n    GoldPerformance: () => import(\"@/components/miniapp/gold/GoldPerformance\"),\n    FollowingGold\n  },\n  props: {\n    type: {\n      type: String,\n      default: \"\"\n    },\n    goldType: {\n      type: String,\n      default: \"\"\n    },\n    goldTitle: {\n      type: String,\n      default: \"\"\n    },\n    modalTitle: {\n      type: String,\n      default: \"\"\n    },\n    change: {\n      type: String,\n      default: null\n    },\n    bid: {\n      type: [String, Number],\n      default: null\n    },\n    ask: {\n      type: [String, Number],\n      default: null\n    },\n    currentTime: {\n      type: String,\n      default: null\n    },\n    currentDate: {\n      type: String,\n      default: null\n    },\n    currentRound: {\n      type: String,\n      default: null\n    },\n    unitBaht: {\n      type: String,\n      default: \"฿\"\n    },\n    queryDate: {\n      type: String,\n      default: null\n    },\n    dataAssettype: {\n      type: String,\n      default: null\n    },\n    dataAssetname: {\n      type: String,\n      default: null\n    },\n    dataAction: {\n      type: String,\n      default: null\n    },\n    dataListname: {\n      type: String,\n      default: null\n    }\n  },\n  data() {\n    return {\n      showModal: false,\n      isGoldbar: true\n    }\n  },\n  created() {\n    if (this.goldType === \"trader_bar\") {\n      this.isGoldbar = true\n    } else {\n      this.isGoldbar = false\n    }\n  },\n  computed: {\n    ...mapGetters(\"gold\", [\"getGoldSpotHistoryGraph\"]),\n    goldWatchlistName() {\n      switch (this.goldType) {\n        case \"trader_bar\":\n          return \"gold-trader-bar\"\n        case \"trader_ornament\":\n          return \"gold-trader-ornament\"\n        default:\n          return \"gold-trader-bar\"\n      }\n    }\n  },\n  filters: {\n    currency: function(val) {\n      let toNumber = parseFloat(val)\n      return toNumber\n        .toLocaleString(\"th\", {\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2\n        })\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n    },\n    percent: function(val) {\n      if (val > 0) {\n        return \"+\" + parseFloat(val) + \" %\"\n      }\n\n      return parseFloat(val).toFixed(1) + \" %\"\n    },\n    minusValue: function(val) {\n      if (val < 0) {\n        return parseFloat(val.replace(\"-\", \"\")).toFixed(2)\n      }\n\n      return val\n    },\n    parseTime(date) {\n      return moment.utc(date).format(\"HH.mm\")\n    },\n    parseDate(date, format) {\n      return moment(date)\n        .locale(\"th\")\n        .add(\"543\", \"years\")\n        .format(format)\n    }\n  },\n  methods: {\n    ...mapActions(\"gold\", [\"findGoldTraderHistory\", \"clearGoldHistory\"]),\n    openModal(e) {\n      this.showModal = true\n      this.$router.replace({ query: { gold_detail: e, openModal: true} })\n    },\n    async closeModal() {\n      this.showModal = false\n      let query = Object.assign({}, this.$route.query)\n      delete query.gold_detail\n      delete query.openModal\n      this.$router.replace({ query })\n      await this.clearGoldHistory()\n    },\n    chartModalTV(short_code) {\n      let gold_type = short_code == \"gold_spot\" ? \"gold_spot\" : \"gold\"\n      this.$router.push({\n        name: \"miniapp-tradingview\",\n        query: { name: short_code, type: gold_type }\n      })\n    },\n    isPriceChange(price) {\n      if (price > 0) {\n        return \"fas fa-caret-up\"\n      } else if (price == 0) {\n        return \"fas fa-sort\"\n      } else return \"fas fa-caret-down\"\n    },\n    priceChangeColor(price) {\n      if (price > 0) {\n        return \"plus\"\n      } else if (price == 0) {\n        return \"stable\"\n      } else return \"minus\"\n    },\n    priceColor(price) {\n      if (price > 0 && this.isGoldbar) {\n        return \"plus\"\n      } else if (price < 0 && this.isGoldbar) {\n        return \"minus\"\n      } else return \"content-stable\"\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#gold-card {\n  pointer-events: auto;\n  cursor: pointer;\n  margin-bottom: 12px;\n  height: auto;\n  background-color: $base-white;\n  border-radius: 4px;\n  border: solid 1px #efefef;\n  box-shadow: 0 0 4px 0 rgba(228, 232, 234, 0.34);\n  .gold-card-title {\n    pointer-events: none;\n    border-bottom: solid 1px #efefef;\n    @extend %container-style;\n    padding: 12px 16px;\n    position: relative;\n    .left {\n      display: inline-block;\n      @extend %font-size-s;\n      font-weight: bold;\n      color: $color-normal-text;\n      text-align: left;\n      @include finCol(8, 12, 0px, middle, true, true);\n    }\n    .right {\n      @include finCol(4, 12, 0px, middle, true, true);\n      display: inline-block;\n      text-align: right;\n      i {\n        padding: 6px;\n        color: $color-normal-text;\n        background-color: $color-line-grey;\n        border-radius: 4px;\n        font-size: 12px;\n      }\n    }\n  }\n  .gold-card-content-association {\n    pointer-events: none;\n    @extend %container-style;\n    padding: 8px 0px;\n    position: relative;\n    .left {\n      display: inline-block;\n      @include finCol(6, 12, 0px, middle, true, true);\n      text-align: center;\n    }\n    &:after {\n      content: \"\";\n      margin-left: 0px;\n      margin-top: 8px;\n      position: absolute;\n      left: 50%;\n      width: 1px;\n      background-color: rgba(186, 186, 186, 0.24);\n      height: 45px;\n    }\n    .right {\n      display: inline-block;\n      @include finCol(6, 12, 0px, middle, true, true);\n      text-align: center;\n    }\n    .title {\n      @extend %font-size-ss;\n      color: $color-secondary-text;\n      display: inline-block;\n    }\n    .content {\n      .price {\n        @extend %font-size-l;\n        display: inline-block;\n      }\n      .minus {\n        color: $color-minus;\n      }\n      .plus {\n        color: $color-plus;\n      }\n      .stable {\n        color: $color-stable;\n      }\n      .content-stable {\n        color: $color-normal-text;\n      }\n      .unit {\n        padding-left: 3px;\n        @extend %font-size-ss;\n        color: $color-normal-text;\n        display: inline-block;\n      }\n    }\n  }\n  .gold-card-content-global {\n    pointer-events: none;\n    @extend %container-style;\n    padding: 8px 16px;\n    position: relative;\n    .left {\n      display: inline-block;\n      @include finCol(5, 12, 0px, middle, true, true);\n    }\n    .center {\n      display: inline-block;\n      @include finCol(4, 12, 0px, middle, true, true);\n    }\n    .right {\n      display: inline-block;\n      @include finCol(3, 12, 0px, middle, true, true);\n      text-align: right;\n    }\n    .title {\n      @extend %font-size-ss;\n      color: $color-secondary-text;\n      display: inline-block;\n    }\n    .content {\n      .price {\n        @extend %font-size-s;\n        display: inline-block;\n      }\n      .minus {\n        color: $color-minus;\n      }\n      .plus {\n        color: $color-plus;\n      }\n      .stable {\n        color: $color-stable;\n      }\n      .content-stable {\n        color: $color-normal-text;\n      }\n      .unit {\n        padding-left: 3px;\n        @extend %font-size-ss;\n        color: $color-normal-text;\n        display: inline-block;\n      }\n    }\n  }\n  .price-change {\n    pointer-events: none;\n    @extend %font-size-ss;\n    display: inline-block;\n    color: $color-minus;\n    margin-left: 3px;\n    i {\n      margin: 0 4px;\n    }\n  }\n  .minus {\n    color: $color-minus;\n  }\n  .plus {\n    color: $color-plus;\n  }\n  .stable {\n    color: $color-stable;\n  }\n  .content-stable {\n    color: $color-normal-text;\n  }\n}\n#gold-modal {\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: 16px;\n  }\n  #modal-header {\n    font-family: DBHeaventRez;\n    @extend %font-size-s;\n    width: 100%;\n    text-align: center;\n    font-weight: bold;\n  }\n\n  #modal-container {\n    padding: 16px;\n    .goldtrader-left {\n      @include finCol(6, 12, 0px, middle, true, true);\n    }\n    .goldtrader-right {\n      text-align: right;\n      @include finCol(6, 12, 0px, middle, true, true);\n    }\n    .goldtrader-graph {\n      margin: 24px auto;\n      @extend %container-style;\n      padding-left: 0;\n      padding-right: 0;\n      .graph-ctn {\n        @include finCol(12, 12, 0px, middle, true, true);\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: flex;\n      }\n    }\n  }\n  .gold-bar {\n    padding-bottom: 8px;\n    .title-bar {\n      border-radius: 4px;\n      box-shadow: 0 0 4px 0 rgba(186, 186, 186, 0.24), 0 0 6px 0 rgba(228, 232, 234, 0);\n      background-color: $base-white;\n      .title-row {\n        padding: 16px;\n        .title {\n          @extend %font-size-s;\n          color: $color-normal-text;\n          font-weight: bold;\n          display: inline-block;\n        }\n        i {\n          margin-left: 8px;\n          color: $color-normal-text;\n          font-size: 12px;\n          font-weight: bold;\n          display: inline-block;\n        }\n      }\n    }\n\n    .content-bar {\n      border-radius: 4px;\n      box-shadow: 0 0 4px 0 rgba(186, 186, 186, 0.24), 0 0 6px 0 rgba(228, 232, 234, 0);\n      background-color: $base-white;\n\n      .content-col {\n        // width: 100%;\n        padding-top: 8px;\n        padding-bottom: 8px;\n        // padding-left: 16px;\n\n        .left {\n          display: inline-block;\n          // height: 70px;\n          text-align: center;\n          @include finCol(6, 12, 0px, middle, true, true);\n          border-right: 1px solid rgba(186, 186, 186, 0.11);\n          .bid {\n            @extend %font-size-ss;\n            color: $color-secondary-text;\n            display: inline-block;\n          }\n\n          .change {\n            @extend %font-size-ss;\n            display: inline-block;\n            color: $color-minus;\n            margin-left: 3px;\n          }\n          .price-change {\n            @extend %font-size-ss;\n            display: inline-block;\n            color: $color-minus;\n            margin-left: 3px;\n            i {\n              margin: 0 4px;\n            }\n          }\n          .minus {\n            color: $color-minus;\n          }\n          .plus {\n            color: $color-plus;\n          }\n          .stable {\n            color: $color-stable;\n          }\n          .content {\n            .price {\n              @extend %font-size-l;\n              display: inline-block;\n            }\n            .unit {\n              padding-left: 3px;\n              @extend %font-size-ss;\n              color: $color-normal-text;\n              display: inline-block;\n            }\n          }\n        }\n\n        .right {\n          padding-right: 16px;\n          display: inline-block;\n          // height: 70px;\n          text-align: center;\n          @include finCol(6, 12, 0px, middle, true, true);\n          .ask {\n            @extend %font-size-ss;\n            color: $color-secondary-text;\n            display: inline-block;\n          }\n          .change {\n            @extend %font-size-ss;\n            display: inline-block;\n            color: $color-minus;\n            margin-left: 3px;\n          }\n          .price-change {\n            @extend %font-size-ss;\n            display: inline-block;\n            color: $color-minus;\n            margin-left: 3px;\n            i {\n              margin: 0 4px;\n            }\n          }\n          .minus {\n            color: $color-minus;\n          }\n          .plus {\n            color: $color-plus;\n          }\n          .stable {\n            color: $color-stable;\n          }\n          .content {\n            .price {\n              @extend %font-size-l;\n              display: inline-block;\n            }\n            .unit {\n              padding-left: 3px;\n              @extend %font-size-ss;\n              color: $color-normal-text;\n              display: inline-block;\n            }\n          }\n        }\n      }\n    }\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!./GoldCard.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!./GoldCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoldCard.vue?vue&type=template&id=33da046c&scoped=true&\"\nimport script from \"./GoldCard.vue?vue&type=script&lang=js&\"\nexport * from \"./GoldCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoldCard.vue?vue&type=style&index=0&id=33da046c&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  \"33da046c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}