{"version":3,"sources":["webpack:///./src/components/miniapp/market/List.vue?aa57","webpack:///./src/components/miniapp/market/List.vue?1c17","webpack:///src/components/miniapp/market/List.vue","webpack:///./src/components/miniapp/market/List.vue?6617","webpack:///./src/components/miniapp/market/List.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","items","length","_l","item","index","_b","key","attrs","dataAction","dataList","on","$event","clickList","getDataTaggingName","staticClass","domProps","_s","name","_v","formatDate","data_date","class","getClassPercent","percent","formatNumber","objPeriod","period","getNumberFormat","price","ref","infiniteHandler","_e","staticRenderFns","components","props","data","page","defaultSize","pageOffset","YTD","computed","getItems","filter","watch","methods","type","val","parseFloat","toFixed","isNaN","toNumber","num","component"],"mappings":"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","file":"js/chunk-3854e49e.2249bd03.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!./List.vue?vue&type=style&index=0&id=e011ee5a&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!./List.vue?vue&type=style&index=0&id=e011ee5a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items && _vm.items.length > 0)?_c('article',[_vm._l((_vm.getItems),function(item,index){return _c('div',_vm._b({key:index,attrs:{\"data-action\":_vm.dataAction,\"data-listname\":_vm.dataList,\"id\":\"list-item\"},on:{\"click\":function($event){return _vm.clickList(item)}}},'div',_vm.getDataTaggingName(item),false),[_c('div',{staticClass:\"col-name-time\"},[_c('div',{staticClass:\"name\",domProps:{\"innerHTML\":_vm._s(item.name)}}),_c('div',{staticClass:\"date\"},[_c('i',{staticClass:\"fal fa-clock\"}),_vm._v(\" \"+_vm._s(_vm.formatDate(item.data_date))+\" \")])]),_c('div',{staticClass:\"col-percent-day\"},[_c('div',{staticClass:\"percent\",class:_vm.getClassPercent(item.percent)},[_vm._v(_vm._s(_vm.formatNumber(item.percent)))]),_c('div',{staticClass:\"day\"},[_vm._v(_vm._s(_vm.objPeriod[item.period]))])]),_c('div',{staticClass:\"col-amount\"},[_c('div',{staticClass:\"money\"},[_vm._v(_vm._s(_vm.getNumberFormat(item.price))+\" ฿\")])]),_c('i',{staticClass:\"fas fa-chevron-right\",attrs:{\"id\":\"chevron\"}})])}),(_vm.wantLoaing)?_c('infinite-loading',{ref:\"infiniteLoading\",attrs:{\"spinner\":\"waveDots\"},on:{\"infinite\":_vm.infiniteHandler}}):_vm._e()],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article v-if=\"items && items.length > 0\">\n    <div\n      :data-action=\"dataAction\"\n      :data-listname=\"dataList\"\n      v-bind=\"getDataTaggingName(item)\"\n      id=\"list-item\"\n      v-for=\"(item, index) in getItems\"\n      :key=\"index\"\n      @click=\"clickList(item)\"\n    >\n      <div class=\"col-name-time\">\n        <div class=\"name\" v-html=\"item.name\"></div>\n        <div class=\"date\">\n          <i class=\"fal fa-clock\"></i>\n          {{ formatDate(item.data_date) }}\n        </div>\n      </div>\n      <div class=\"col-percent-day\">\n        <div class=\"percent\" :class=\"getClassPercent(item.percent)\">{{ formatNumber(item.percent) }}</div>\n        <div class=\"day\">{{ objPeriod[item.period] }}</div>\n      </div>\n      <div class=\"col-amount\">\n        <div class=\"money\">{{ getNumberFormat(item.price) }} ฿</div>\n      </div>\n      <i id=\"chevron\" class=\"fas fa-chevron-right\"></i>\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: [\"items\", \"wantLoaing\", \"type\", \"dataAction\", \"dataList\"],\n  data() {\n    return {\n      page: 20,\n      defaultSize: 10,\n      pageOffset: 1,\n      objPeriod: {\n        \"1D\": \"1 Day\",\n        \"1W\": \"1 Week\",\n        \"1M\": \"1 Month\",\n        \"3M\": \"3 Months\",\n        \"6M\": \"6 Months\",\n        YTD: \"Year to date\",\n        \"1Y\": \"1 Year\",\n        \"3Y\": \"3 Years\",\n        \"5Y\": \"5 Years\",\n        \"10Y\": \"10 Years\",\n        \"20Y\": \"20 Years\"\n      }\n    };\n  },\n  computed: {\n    ...mapGetters(\"fund\", [\"getFundPagination\", \"getFundFilter\"]),\n    getItems() {\n      return this.items.filter(item => item.name !== 'MAI')\n    }\n  },\n  watch: {\n    items() {\n      return this.items;\n    }\n  },\n  methods: {\n    ...mapActions(\"stock\", [\"findStockQuote\"]),\n    ...mapActions(\"fund\", [\"findFundDetail\"]),\n    getDataTaggingName({ name }) {\n      switch (this.type) {\n        case \"fund\":\n          return { \"data-fundname\": name, \"data-assettype\": \"fund\" };\n\n        case \"stock\":\n          return { \"data-stockname\": name, \"data-assettype\": \"stock\" };\n\n        case \"indice\":\n          return { \"data-assetname\": name, \"data-assettype\": \"indices\" };\n\n        default:\n          return null;\n      }\n    },\n    formatDate(timestamp) {\n      return moment(timestamp).format(\"DD/MM/YY\");\n    },\n    formatNumber(val) {\n      return val ? parseFloat(val).toFixed(2) + \" %\" : \"-\";\n    },\n    getClassPercent(val) {\n      if (!val) return \"null-percent\";\n      return val >= 0 ? \"plus\" : \"minus\";\n    },\n    async clickList({ id, name }) {\n      if (this.type === \"stock\") {\n        name = name.replace(\"&amp;\", \"&\")\n        const hasInfo = await this.findStockQuote(name);\n        hasInfo\n          ? this.$router.push({\n              name: \"miniapp-stock-quote\",\n              query: { name: name }\n            })\n          : null;\n      } else if (this.type === \"indice\") {\n        const hasInfo = await this.findStockQuote(name);\n        hasInfo\n          ? this.$router.push({\n              name: \"miniapp-indices-quote\",\n              query: { name: name }\n            })\n          : null;\n      } else if (this.type === \"fund\") {\n        const hasInfo = await this.findFundDetail(id);\n        hasInfo\n          ? this.$router.push({ name: \"miniapp-fund-quote\", query: { id: id } })\n          : null;\n      } else {\n        this.$router.push({ name: \"miniapp-market\" });\n      }\n    },\n    getNumberFormat(num) {\n      let toNumber = parseFloat(num);\n      if  (this.type == \"fund\") {\n        if (isNaN(toNumber)) {\n          return \"0.0000\"\n        }\n        return num\n          .toLocaleString(\"th\", {\n            minimumFractionDigits: 4,\n            maximumFractionDigits: 4\n          })\n      } else {\n          if (isNaN(toNumber)) {\n            return \"0.00\"\n          }\n          return num\n          .toLocaleString(\"th\", {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2\n            })\n            .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n        }\n      },\n    async infiniteHandler($state) {\n      let condition =\n        this.type === \"fund\"\n          ? !this.getFundPagination.last_page\n          : this.page <= this.items.length;\n      if (condition) {\n        this.page += 10;\n        if (![\"stock\", \"indice\"].includes(this.type)) {\n          this.$emit(\"select-data\", this.page, \"size\");\n          // this.$emit(\"select-data\", this.pageOffset, \"page\");\n        } else {\n          this.$emit(\"select-data\", this.page, \"limit\");\n        }\n        setTimeout(() => {\n          $state.loaded();\n        }, 1500);\n      } else {\n        setTimeout(() => {\n          $state.reset();\n        }, 10000);\n        $state.complete();\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.null-percent {\n  color: $color-secondary-text;\n}\n#list-item {\n  pointer-events: auto;\n  font-family: DBHeaventRez;\n  margin: 0 0;\n  padding: 0 24px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  border-bottom: 1px solid $color-line-grey;\n  .col-amount,\n  .col-name-time,\n  .col-percent-day {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 31%;\n    height: 65px;\n    .percent,\n    .name,\n    .money,\n    .loading {\n      height: 22px;\n    }\n  }\n  .col-name-time {\n    pointer-events: none;\n    .name {\n      @extend %font-size-s;\n      font-weight: bold;\n      color: $color-normal-text;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .date {\n      color: $color-secondary;\n      @extend %font-size-ss;\n    }\n  }\n  .col-percent-day {\n    pointer-events: none;\n    .percent {\n      @extend %font-size-s;\n      text-align: right;\n    }\n    .day {\n      @extend %font-size-ss;\n      color: $color-secondary;\n      text-align: right;\n    }\n  }\n  .col-amount {\n    .money {\n      color: $color-normal-text;\n      @extend %font-size-s;\n      text-align: right;\n    }\n    .loading {\n      padding-right: 10px;\n      text-align: right;\n      i {\n        text-align: center;\n        font-size: 16px;\n        color: $color-light-grey-2;\n      }\n    }\n  }\n  #chevron {\n    pointer-events: none;\n    width: 7%;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: 10px;\n    color: $color-light-grey-2;\n    position: relative;\n    left: 10px;\n    z-index: -1;\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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=e011ee5a&scoped=true&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&id=e011ee5a&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  \"e011ee5a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}