{"version":3,"sources":["webpack:///./src/components/organisms/Following/FollowingGold.vue?4bf1","webpack:///./src/components/organisms/Following/FollowingGold.vue?f5a6","webpack:///src/components/organisms/Following/FollowingGold.vue","webpack:///./src/components/organisms/Following/FollowingGold.vue?0946","webpack:///./src/components/organisms/Following/FollowingGold.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","dataAssetName","on","$event","addWatchlist","class","loadingFollowing","isFollowing","toggleToast","toastStatus","toastType","options","closeToast","_e","staticRenderFns","mixins","components","Toast","props","followingType","type","String","default","required","item","Object","data","dialog","title","body","action","toast","duration","watch","computed","ID","transformSubjectID","deactivated","methods","redirectToAuth","window","location","replace","bool","component"],"mappings":"2IAAA,yBAAknB,EAAG,G,0CCArnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAuBC,MAAM,CAAC,KAAO,eAAe,cAAc,cAAc,iBAAiB,OAAO,iBAAiBP,EAAIQ,eAAeC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,kBAAkB,CAACP,EAAG,IAAI,CAACQ,MAAM,CACtW,+BAAgCZ,EAAIa,iBACpC,eAAgBb,EAAIa,iBACpB,kCAAmCb,EAAIc,iBAChCd,EAAe,YAAEI,EAAG,QAAQ,CAACG,MAAM,CAAC,YAAcP,EAAIe,YAAY,OAASf,EAAIgB,YAAY,UAAYhB,EAAIiB,UAAU,QAAUjB,EAAIkB,SAAST,GAAG,CAAC,cAAcT,EAAImB,cAAcnB,EAAIoB,MAAM,IACrMC,EAAkB,G,kqBC4BtB,OACEC,OAAQ,CAAC,EAAX,MACEC,WAAY,CACVC,MAAO,WAAX,qDAEEC,MAAO,CACLC,cAAe,CACbC,KAAMC,OACNC,QAAS,GACTC,UAAU,GAEZC,KAAM,CACJJ,KAAMK,OACNH,QAAS,WACP,MAAO,MAIbI,KAlBF,WAmBI,MAAO,CACLpB,kBAAkB,EAClBK,QAAS,CACPgB,OAAQ,CACNC,MAAO,aACPC,KAAM,oBACNC,OAAQ,CAClB,CACY,QAAZ,MACY,QAAZ,YAIQC,MAAO,CACLC,SAAU,IAGdxB,aAAa,EACbE,UAAW,KACXD,aAAa,EACbF,aAAa,IAGjB0B,MAAO,CACL,KADJ,uKAEA,0BAFA,yGAKEC,SAAU,EAAZ,GACA,iDADA,GAEA,sCAFA,CAGIjC,cAHJ,WAIM,OAAQP,KAAK8B,KAAKW,IAChB,IAAK,kBACH,MAAO,MACT,IAAK,uBACH,MAAO,YACT,IAAK,YACH,MAAO,OACT,QACE,MAAO,KAGbC,mBAfJ,WAgBM,OAAQ1C,KAAK8B,KAAKW,IAChB,IAAK,uBACH,MAAO,iBACT,IAAK,kBACH,MAAO,WACT,IAAK,YACH,MAAO,YACT,QACE,MAAO,OAIf,QA3EF,uKA4EA,0BA5EA,wGA8EE,UA9EF,2JA+EA,gBA/EA,gCAgFA,4BACA,mBACA,6BAlFA,OAgFA,iBAhFA,+GAsFEE,YAtFF,WAuFI3C,KAAKa,aAAc,GAErB+B,QAAS,EAAX,GACA,wEADA,CAEI,mBAFJ,6KAGA,qDAHA,UAIA,gBAJA,iEAOA,4BACA,mBACA,6BATA,cAOA,iBAPA,gBAWA,yCAXA,UAWA,EAXA,QAYA,yBAZA,qBAaA,wCAbA,kCAcA,4CAdA,WAeA,iBAfA,kCAgBA,wBAhBA,yGAqBI,aArBJ,gKAsBA,gBAtBA,uBAuBA,GACA,mBACA,UACA,kBA1BA,SA6BA,2CA7BA,OA8BA,sBA9BA,sCAgCA,wBAhCA,wGAmCIC,eAnCJ,WAoCM,IAAN,kCACMC,OAAOC,SAASC,QAAQ,qBAA9B,gCAEI9B,WAvCJ,SAuCA,GACMlB,KAAKc,YAAcmC,GAErB,iBA1CJ,+KA2CA,6CACA,uCACA,GACA,oCAEA,2JAhDA,SAiDA,sBACA,mBACA,SACA,YApDA,OAiDA,EAjDA,OAuDA,uBACA,uCACA,IACA,8BAEA,oBACA,mBACA,mBACA,KA/DA,2GC1HqX,I,wBCQjXC,EAAY,eACd,EACApD,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E","file":"js/chunk-0a02ed2a.4b6b9bc8.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!./FollowingGold.vue?vue&type=style&index=0&id=0251b881&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!./FollowingGold.vue?vue&type=style&index=0&id=0251b881&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"container\"},[_c('a',{staticClass:\"container__subscribe\",attrs:{\"href\":\"javascript:;\",\"data-action\":\"follow_gold\",\"data-assettype\":\"gold\",\"data-assetname\":_vm.dataAssetName},on:{\"click\":function($event){return _vm.addWatchlist()}}},[_c('i',{class:{ \n        'fas fa-spinner-third fa-spin': _vm.loadingFollowing, \n        'fas fa-star': !_vm.loadingFollowing, \n        'container__subscribe--following': _vm.isFollowing \n        }})]),(_vm.toggleToast)?_c('Toast',{attrs:{\"toggleToast\":_vm.toggleToast,\"status\":_vm.toastStatus,\"toastType\":_vm.toastType,\"options\":_vm.options},on:{\"close-toast\":_vm.closeToast}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span class=\"container\">\n    <a\n      class=\"container__subscribe\"\n      href=\"javascript:;\"\n      data-action=\"follow_gold\"\n      data-assettype=\"gold\"\n      :data-assetname=\"dataAssetName\"\n      @click=\"addWatchlist()\"\n    >\n      <i\n        :class=\"{ \n          'fas fa-spinner-third fa-spin': loadingFollowing, \n          'fas fa-star': !loadingFollowing, \n          'container__subscribe--following': isFollowing \n          }\"\n      ></i>\n    </a>\n    <Toast\n      v-if=\"toggleToast\"\n      :toggleToast=\"toggleToast\"\n      :status=\"toastStatus\"\n      :toastType=\"toastType\"\n      :options=\"options\"\n      @close-toast=\"closeToast\"\n    />\n  </span>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from \"vuex\"\nimport CarryActionAfterLogin from \"@/components/mixins/carry-action-after-login\"\n\nexport default {\n  mixins: [CarryActionAfterLogin],\n  components: {\n    Toast: () => import(\"@/components/miniapp/global/Toast.vue\")\n  },\n  props: {\n    followingType: {\n      type: String,\n      default: \"\",\n      required: true\n    },\n    item: {\n      type: Object,\n      default: function() {\n        return []\n      }\n    }\n  },\n  data() {\n    return {\n      loadingFollowing: false,\n      options: {\n        dialog: {\n          title: \"เลิกติดตาม\",\n          body: \"ต้องการเลิกติดตาม\",\n          action: [\n            {\n              action1: \"ใช่\",\n              action2: \"ไม่ใช่\"\n            }\n          ]\n        },\n        toast: {\n          duration: 2\n        }\n      },\n      toggleToast: false,\n      toastType: null,\n      toastStatus: false,\n      isFollowing: false,\n    }\n  },\n  watch: {\n    async item() {\n      await this.doWatchListProcess()\n    },\n  },\n  computed: {\n    ...mapGetters(\"watchlist\", [\"getGoldWatchlist\"]),\n    ...mapGetters(\"auth\", [\"getIslogin\"]),\n    dataAssetName() {\n      switch (this.item.ID) {\n        case \"gold-trader-bar\":\n          return \"bar\"\n        case \"gold-trader-ornament\":\n          return \"ornaments\"\n        case \"gold-spot\":\n          return \"spot\"\n        default:\n          return \"\"\n      }\n    },\n    transformSubjectID() {\n      switch (this.item.ID) {\n        case 'gold-trader-ornament':\n          return 'gold_ornaments'\n        case 'gold-trader-bar':\n          return 'gold_bar'\n        case 'gold-spot':\n          return 'gold_spot'\n        default:\n          return \"\"\n      }\n    }\n  },\n  async mounted() {\n    await this.doWatchListProcess()\n  },\n  async activated() {\n    if (this.getIslogin) {\n      this.isFollowing = await this.checkAssetInWatchlist({\n        subjectType: 'gold',\n        id: this.transformSubjectID,\n      })\n    }\n  },\n  deactivated() {\n    this.isFollowing = false\n  },\n  methods: {\n    ...mapActions(\"watchlist\", [\"checkAssetInWatchlist\", \"updateWatchlist\"]),\n    async doWatchListProcess() {\n      await new Promise(resolve => setTimeout(resolve, 3000))\n      if (!this.getIslogin) {\n        return\n      }\n      this.isFollowing = await this.checkAssetInWatchlist({\n        subjectType: 'gold',\n        id: this.transformSubjectID,\n      })\n      let taskProcess = await this.mixins_get_task(\"task-after-login\")\n      if (taskProcess && taskProcess.action == \"watchlist\") {\n        if (taskProcess.criteria && taskProcess.criteria.id == this.item.ID) {\n          await this.mixins_delete_task(\"task-after-login\")\n          if (!this.isFollowing) {\n            await this.watchListProcess()\n          }\n        }\n      }\n    },\n    async addWatchlist() {\n      if (!this.getIslogin) {\n        let obj = {\n          action: \"watchlist\",\n          criteria: {\n            id: this.item.ID\n          }\n        }\n        await this.mixins_set_task(\"task-after-login\", obj)\n        this.redirectToAuth()\n      } else {\n        await this.watchListProcess()\n      }\n    },\n    redirectToAuth() {\n      let return_url = `${this.$route.fullPath}`\n      window.location.replace(`/login?return_url=${encodeURIComponent(return_url)}`)\n    },\n    closeToast(bool) {\n      this.toggleToast = bool\n    },\n    async watchListProcess() {\n      this.loadingFollowing = !this.loadingFollowing\n      const action = this.isFollowing ? 'unfollow': 'follow'\n      const data = {\n        subject_id: this.transformSubjectID,\n      }\n      this.options.toast.title = action == 'follow' ? [{ success: \"ติดตามสำเร็จ\", unsuccess: \"ติดตามไม่สำเร็จ\" }] : [{ success: \"เลิกติดตามสำเร็จ\", unsuccess: \"เลิกติดตามไม่สำเร็จ\"}]\n      const updateResult = await this.updateWatchlist({ \n        subjectType: 'gold', \n        action: action, \n        payload: data \n      })\n\n      setTimeout(() => {\n        this.loadingFollowing = !this.loadingFollowing\n        if (updateResult) {\n          this.isFollowing = !this.isFollowing\n        }\n        this.toastType = \"alert\"\n        this.toastStatus = updateResult == true\n        this.toggleToast = true\n      }, 500)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./styles/_FollowingGold\";\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!./FollowingGold.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!./FollowingGold.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FollowingGold.vue?vue&type=template&id=0251b881&scoped=true&\"\nimport script from \"./FollowingGold.vue?vue&type=script&lang=js&\"\nexport * from \"./FollowingGold.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FollowingGold.vue?vue&type=style&index=0&id=0251b881&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  \"0251b881\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}