{"version":3,"sources":["webpack:///./src/components/organisms/Box/BoxAsset.vue?34e8","webpack:///./src/components/organisms/Box/BoxAsset.vue?8db2","webpack:///src/components/organisms/Box/BoxAsset.vue","webpack:///./src/components/organisms/Box/BoxAsset.vue?c2e3","webpack:///./src/components/organisms/Box/BoxAsset.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","dataAction","dataListname","dataAssettype","dataAssetname","on","$event","action","query","_v","_s","fullName","getDateFormat","createdDate","createdTime","buyTitle","getNumberFormat","buyPrice","sellTitle","sellPrice","item","name","_e","class","getPriceIcon","changePrice","getClassPercent","_f","getChangeFormat","staticRenderFns","props","type","Object","default","Function","String","data","objPeriod","filters","minusValue","val","parseFloat","replace","computed","getGoldTraderPresent","barBuyPrice","ornamentBuyPrice","getGoldSpotPreviousClose","o","barSellPrice","ornamentSellPrice","c","barPriceChange","methods","formatDate","isNaN","toNumber","price","change","component"],"mappings":"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","file":"js/chunk-20e0996e.de6bd404.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!./BoxAsset.vue?vue&type=style&index=0&id=ae5362c0&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!./BoxAsset.vue?vue&type=style&index=0&id=ae5362c0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",attrs:{\"data-action\":_vm.dataAction,\"data-listname\":_vm.dataListname,\"data-assettype\":_vm.dataAssettype,\"data-assetname\":_vm.dataAssetname},on:{\"click\":function($event){return _vm.action(_vm.query)}}},[_c('div',{staticClass:\"container__content\"},[_c('div',{staticClass:\"container__content--name\"},[_vm._v(_vm._s(_vm.fullName))]),_c('div',{staticClass:\"container__content--date\"},[_c('i',{staticClass:\"fal fa-clock\"}),_vm._v(\" \"+_vm._s(_vm.getDateFormat(_vm.createdDate, _vm.createdTime))+\" \"),_c('i',{staticClass:\"fas fa-chevron-right chevron\"})]),_c('div',{staticClass:\"container__content--buy\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.buyTitle))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.getNumberFormat(_vm.buyPrice)))])]),_c('div',{staticClass:\"container__content--sell\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.sellTitle))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.getNumberFormat(_vm.sellPrice)))])]),(_vm.changePrice)?_c('div',{staticClass:\"container__content--change\"},[(_vm.item.name === 'spot')?_c('div',{staticClass:\"title\"},[_vm._v(\"% Chg.\")]):_vm._e(),(_vm.item.name !== 'spot')?_c('i',{class:[_vm.getPriceIcon(_vm.changePrice), _vm.getClassPercent(_vm.changePrice)]}):_vm._e(),_c('span',{staticClass:\"price\",class:_vm.getClassPercent(_vm.changePrice)},[_vm._v(_vm._s(_vm._f(\"minusValue\")(_vm.getChangeFormat(_vm.changePrice))))])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"container\"\n    :data-action=\"dataAction\"\n    :data-listname=\"dataListname\"\n    :data-assettype=\"dataAssettype\"\n    :data-assetname=\"dataAssetname\"\n    @click=\"action(query)\"\n  >\n    <div class=\"container__content\">\n      <div class=\"container__content--name\">{{ fullName }}</div>\n      <div class=\"container__content--date\">\n        <i class=\"fal fa-clock\"></i>\n        {{ getDateFormat(createdDate, createdTime) }}\n        <i class=\"fas fa-chevron-right chevron\"></i>\n      </div>\n      <div class=\"container__content--buy\">\n        <div class=\"title\">{{ buyTitle }}</div>\n        <div class=\"price\">{{ getNumberFormat(buyPrice) }}</div>\n      </div>\n      <div class=\"container__content--sell\">\n        <div class=\"title\">{{ sellTitle }}</div>\n        <div class=\"price\">{{ getNumberFormat(sellPrice) }}</div>\n      </div>\n      <div v-if=\"changePrice\" class=\"container__content--change\">\n        <div v-if=\"item.name === 'spot'\" class=\"title\">% Chg.</div>\n        <i v-if=\"item.name !== 'spot'\" :class=\"[getPriceIcon(changePrice), getClassPercent(changePrice)]\"></i>\n        <span class=\"price\" :class=\"getClassPercent(changePrice)\">{{ getChangeFormat(changePrice) | minusValue }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nimport { mapGetters } from 'vuex'\nimport { timestampToDate, calPercentChange } from '../../../utils/global'\n\nexport default {\n  props: {\n    item: {\n      type: Object,\n      default: function() {\n        return []\n      }\n    },\n    action: {\n      type: Function\n    },\n    query: {\n      type: Object\n    },\n    dataAction: {\n      type: String,\n      default: null\n    },\n    dataListname: {\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  },\n  data() {\n    return {\n      objPeriod: {\n        '1D': '1 Day',\n        '1W': '1 Week',\n        '1M': '1 Month',\n        '3M': '3 Months',\n        '6M': '6 Months',\n        '1Y': '1 Year',\n        '3Y': '3 Years',\n        '5Y': '5 Years',\n        '10Y': '10 Years'\n      }\n    }\n  },\n  filters: {\n    minusValue(val) {\n      if (val < 0) {\n        return parseFloat(val.replace('-', ''))\n      }\n      return val\n    }\n  },\n  computed: {\n    ...mapGetters('gold', ['getGoldTraderPresent', 'getGoldSpotPreviousClose']),\n    buyTitle() {\n      switch (this.item.name) {\n        case 'spot':\n          return 'ราคาเปิด'\n        default:\n          return 'รับซื้อ'\n      }\n    },\n    sellTitle() {\n      switch (this.item.name) {\n        case 'spot':\n          return 'ราคาปิด'\n        default:\n          return 'ขายออก'\n      }\n    },\n    fullName() {\n      switch (this.item.name) {\n        case 'bar':\n          return 'ทองคำแท่ง 96.5%'\n        case 'ornament':\n          return 'ทองรูปรรณ 96.5%'\n        case 'spot':\n          return 'Gold Spot'\n        default:\n          return ''\n      }\n    },\n    createdDate() {\n      return this.getGoldTraderPresent.data ? `${this.getGoldTraderPresent.data.createdAt}` : ''\n    },\n    createdTime() {\n      if (this.getGoldTraderPresent.data) {\n        switch (this.item.name) {\n          default:\n            return `ครั้งที่ ${this.getGoldTraderPresent.data.createdTime}`\n        }\n      } else return ''\n    },\n    buyPrice() {\n      switch (this.item.name) {\n        case 'bar':\n          return this.getGoldTraderPresent.data ? this.getGoldTraderPresent.data.barBuyPrice : ''\n        case 'ornament':\n          return this.getGoldTraderPresent.data ? this.getGoldTraderPresent.data.ornamentBuyPrice : ''\n        case 'spot':\n          return this.getGoldSpotPreviousClose ? this.getGoldSpotPreviousClose.o : ''\n        default:\n          return ''\n      }\n    },\n    sellPrice() {\n      if (this.getGoldTraderPresent.data) {\n        switch (this.item.name) {\n          case 'bar':\n            return this.getGoldTraderPresent.data ? this.getGoldTraderPresent.data.barSellPrice : ''\n          case 'ornament':\n            return this.getGoldTraderPresent.data ? this.getGoldTraderPresent.data.ornamentSellPrice : ''\n          case 'spot':\n            return this.getGoldSpotPreviousClose ? this.getGoldSpotPreviousClose.c : ''\n          default:\n            return ''\n        }\n      } else return ''\n    },\n    changePrice() {\n      switch (this.item.name) {\n        case 'bar':\n          return this.getGoldTraderPresent.data ? this.getGoldTraderPresent.data.barPriceChange : ''\n        case 'ornament':\n          return ''\n        case 'spot':\n          return this.getGoldSpotPreviousClose\n            ? calPercentChange(this.getGoldSpotPreviousClose.o, this.getGoldSpotPreviousClose.c, 2)\n            : ''\n        default:\n          return ''\n      }\n    }\n  },\n  methods: {\n    formatDate(timestamp) {\n      return moment(timestamp).format('DD/MM/YY')\n    },\n    getClassPercent(val) {\n      if (!val) return 'null-percent'\n      switch (true) {\n        case val > 0:\n          return 'plus'\n        case val < 0:\n          return 'minus'\n        default:\n          return 'normal'\n      }\n    },\n    getNumberFormat(num) {\n      let unit = this.item.name === 'spot' ? '$' : '฿'\n      let toNumber = parseFloat(num)\n      if (isNaN(toNumber)) {\n        return '0.00'\n      }\n      return `${toNumber\n        .toLocaleString('th', {\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2\n        })\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')} ${unit}`\n    },\n    getPriceIcon(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    getChangeFormat(change) {\n      if (this.item.name === 'spot') return `${change} %`\n      return change\n    },\n    getDateFormat(createdDate, createdTime) {\n      if (this.item.name === 'spot') {\n        return timestampToDate(this.getGoldSpotPreviousClose.t, 'DD/MM/YY | HH:mm', 'global')\n      }\n      return `${timestampToDate(createdDate, 'DD/MM/YY', 'global')} | ${createdTime}`\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import './styles/_BoxAsset';\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!./BoxAsset.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!./BoxAsset.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BoxAsset.vue?vue&type=template&id=ae5362c0&scoped=true&\"\nimport script from \"./BoxAsset.vue?vue&type=script&lang=js&\"\nexport * from \"./BoxAsset.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BoxAsset.vue?vue&type=style&index=0&id=ae5362c0&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  \"ae5362c0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}