{"version":3,"sources":["webpack:///./src/components/miniapp/following/Result.vue?77f9","webpack:///./src/components/miniapp/following/Result.vue?4148","webpack:///src/components/miniapp/following/Result.vue","webpack:///./src/components/miniapp/following/Result.vue?79b1","webpack:///./src/components/miniapp/following/Result.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","items","length","attrs","_l","item","index","_b","key","on","$event","clickList","dataTagging","type","staticClass","_v","_s","name","formatDate","data_date","class","getClassPercent","percent","formatNumber","objPeriod","period","getNumberFormat","price","ref","infiniteHandler","_e","staticRenderFns","components","BoxAsset","props","data","page","defaultSize","pageOffset","watch","getItems","immediate","computed","methods","val","parseFloat","toFixed","$router","push","query","isNaN","toNumber","component"],"mappings":"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","file":"js/chunk-2de9ecbf.ab743dbf.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!./Result.vue?vue&type=style&index=0&id=6da20de0&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!./Result.vue?vue&type=style&index=0&id=6da20de0&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('div',{attrs:{\"id\":\"result\"}},[_vm._l((_vm.getItems),function(item,index){return _c('div',_vm._b({key:index,attrs:{\"id\":\"list-item\"},on:{\"click\":function($event){return _vm.clickList(item)}}},'div',_vm.dataTagging(item),false),[(_vm.type === 'gold')?_c('BoxAsset',{staticClass:\"row-item\",attrs:{\"item\":item}}):_c('div',{staticClass:\"row-item\"},[_c('div',{staticClass:\"col-name-time\"},[_c('div',{staticClass:\"name\"},[_vm._v(_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\"}})])],1)}),(_vm.wantLoading)?_c('infinite-loading',{ref:\"infiniteLoading\",on:{\"infinite\":_vm.infiniteHandler}}):_vm._e()],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"result\" v-if=\"items && items.length > 0\">\n    <div\n      id=\"list-item\"\n      v-for=\"(item, index) in getItems\"\n      :key=\"index\"\n      @click=\"clickList(item)\"\n      v-bind=\"dataTagging(item)\"\n    >\n      <BoxAsset class=\"row-item\" v-if=\"type === 'gold'\" :item=\"item\" />\n      <div v-else class=\"row-item\">\n        <div class=\"col-name-time\">\n          <div class=\"name\">{{ 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    </div>\n    <infinite-loading v-if=\"wantLoading\" ref=\"infiniteLoading\" @infinite=\"infiniteHandler\"></infinite-loading>\n  </div>\n</template>\n\n<script>\nimport { BoxAsset } from \"../../organisms\"\nimport moment from \"moment\"\nimport { mapGetters, mapActions } from \"vuex\"\nexport default {\n  components: {\n    BoxAsset\n  },\n  props: [\"items\", \"wantLoading\", \"type\"],\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        \"1Y\": \"1 Year\",\n        \"3Y\": \"3 Years\",\n        \"5Y\": \"5 Years\",\n        \"10Y\": \"10 Years\"\n      }\n    }\n  },\n  watch: {\n    items() {\n      return this.items\n    },\n    getItems: {\n      immediate: true,\n      async handler() {\n        if (this.getItems && this.getItems.length) {\n          switch (this.type) {\n            case \"gold\":\n              await this.findGoldTraderPresent()\n              await this.findGoldSpotPreviousClose(\"C:XAUUSD\")\n              break\n            default:\n              break\n          }\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapGetters(\"fund\", [\"getFundPagination\", \"getFundFilter\"]),\n    getItems() {\n      // return this.wantLoaing ? this.items.slice(0, this.page) : this.items;\n      return this.items\n    }\n  },\n  methods: {\n    ...mapActions(\"gold\", [\"findGoldTraderPresent\", \"findGoldSpotPreviousClose\"]),\n    dataTagging({ name }) {\n      switch (this.type) {\n        case \"funds\":\n          return {\n            \"data-action\": \"open_fund\",\n            \"data-listname\": \"following_funds\",\n            \"data-fundname\": name\n          }\n        case \"stocks\":\n          return {\n            \"data-action\": \"open_stock\",\n            \"data-listname\": \"following_stocks\",\n            \"data-stockname\": name\n          }\n        case \"indices\":\n          return {\n            \"data-action\": \"open_index\",\n            \"data-listname\": \"following_indices\",\n            \"data-assetname\": name\n          }\n        case \"gold\":\n          return {\n            \"data-action\": \"open_gold\",\n            \"data-listname\": \"following_gold\",\n            \"data-assettype\": \"gold\",\n            \"data-assetname\": name\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      switch (true) {\n        case val > 0:\n          return \"plus\"\n        case val < 0:\n          return \"minus\"\n        default:\n          return \"normal\"\n      }\n    },\n    clickList({ id, name }) {\n      switch (this.type) {\n        case \"funds\":\n          this.$router.push({ name: \"miniapp-fund-quote\", query: { id: id } })\n          break\n        case \"stocks\":\n          this.$router.push({\n            name: \"miniapp-stock-quote\",\n            query: { name: name }\n          })\n          break\n        case \"indices\":\n          this.$router.push({\n            name: \"miniapp-indices-quote\",\n            query: { name: name }\n          })\n          break\n        case \"gold\":\n          this.$router.push({\n            name: \"miniapp-market-gold\"\n          })\n          break\n        default:\n          this.$router.push({ name: \"miniapp-market\" })\n          break\n      }\n    },\n    getNumberFormat(num) {\n      let toNumber = parseFloat(num)\n      if (this.type == \"funds\") {\n        if (isNaN(toNumber)) {\n            return \"0.0000\"\n          }\n         return toNumber\n              .toLocaleString(\"th\", {\n                minimumFractionDigits: 4,\n                maximumFractionDigits: 4\n              })\n      } else {\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, \",\")\n            }\n    },\n    async infiniteHandler($state) {\n      let condition = this.type === \"fund\" ? !this.getFundPagination.last_page : 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#result {\n  .null-percent {\n    color: $color-secondary-text;\n  }\n  #list-item {\n    & .row-item {\n      font-family: DBHeaventRez;\n      margin: 0 0;\n      padding: 0 16px;\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      border-bottom: 1px solid $color-line-grey;\n      pointer-events: none;\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        height: 65px;\n        .percent,\n        .name,\n        .money,\n        .loading {\n          height: 22px;\n        }\n      }\n      .col-name-time {\n        pointer-events: none;\n        width: 40%;\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        width: 20%;\n        padding-left: 8px;\n        .percent {\n          @extend %font-size-s;\n          text-align: center;\n          font-weight: bold;\n        }\n        .day {\n          @extend %font-size-ss;\n          color: $color-secondary;\n          text-align: center;\n        }\n      }\n      .col-amount {\n        pointer-events: none;\n        width: 40%;\n        .money {\n          color: $color-normal-text;\n          @extend %font-size-s;\n          text-align: right;\n          padding-right: 12px;\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: 7px;\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: 0px;\n        z-index: -1;\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!./Result.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!./Result.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Result.vue?vue&type=template&id=6da20de0&scoped=true&\"\nimport script from \"./Result.vue?vue&type=script&lang=js&\"\nexport * from \"./Result.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Result.vue?vue&type=style&index=0&id=6da20de0&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  \"6da20de0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}