{"version":3,"sources":["webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/views/Calculator/twd.vue?e452","webpack:///src/views/Calculator/twd.vue","webpack:///./src/views/Calculator/twd.vue?7460","webpack:///./src/views/Calculator/twd.vue"],"names":["name","provide","form","this","inheritAttrs","props","disabled","lazyValidation","readonly","value","Boolean","data","inputs","watchers","errorBag","watch","handler","errors","Object","deep","immediate","methods","watchInput","watcher","input","val","_uid","valid","shouldValidate","validate","filter","reset","resetErrorBag","setTimeout","resetValidation","register","unregister","found","find","i","unwatch","render","h","staticClass","attrs","novalidate","attrs$","on","submit","e","$slots","_vm","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","$t","token1","token2","ref","staticStyle","concat","TokenAmountRules","$event","type","indexOf","_k","keyCode","preventDefault","calculate","model","callback","$$v","egtAmount","expression","_v","_s","twdResult","timestampToTime","updateTime","_e","$router","push","proxy","staticRenderFns","mixins","base","components","borderWrapCard","titleBlock","imgBtn","component","VCol","VForm","VIcon","VRow","VTextField"],"mappings":"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","file":"js/chunk-ef9cfcc0.d450dfc4.js","sourcesContent":["// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"calculator-twd-page\"},[_c('v-row',{staticClass:\"my-15\",attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"11\",\"sm\":\"9\"}},[_c('borderWrapCard',{staticClass:\"mb-13 calculator-card\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('titleBlock',{staticClass:\"mb-8\",attrs:{\"title\":_vm.$t('swapCalculateTitle', {token1: 'EGT', token2: 'TWD'}),\"subtitle\":_vm.$t('egtExchangeRate', {value: '1 : 1200'}),\"icon\":\"icon-twd-black.svg\"}}),_c('v-row',{staticClass:\"mb-10\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-form',{ref:\"form\",staticClass:\"d-flex flex-column justify-center align-center\",attrs:{\"lazy-validation\":\"\"}},[_c('v-text-field',{staticClass:\"rounded-0\",staticStyle:{\"width\":\"250px\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"full-width\":\"\",\"color\":\"secondary\",\"placeholder\":\"0\",\"label\":\"EGT\",\"rules\":[].concat( _vm.TokenAmountRules )},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.calculate()}},model:{value:(_vm.egtAmount),callback:function ($$v) {_vm.egtAmount=$$v},expression:\"egtAmount\"}}),_c('v-icon',{staticClass:\"mb-n3\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-chevron-up\")]),_c('v-icon',{staticClass:\"mb-5\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-chevron-down\")]),_c('div',{staticClass:\"d-flex flex-column align-center\"},[_c('div',[_vm._v(\"TWD \"+_vm._s(_vm.$t('amount')))]),_c('h2',{staticClass:\"secondary--text\"},[_vm._v(_vm._s(_vm.twdResult || '--')+\" \"+_vm._s(_vm.$t('dollar')))])])],1)],1)],1),(_vm.updateTime)?_c('div',{staticClass:\"mb-3 red--text text-caption text-right w-100\"},[_vm._v(_vm._s(_vm.$t('dataUpdated'))+\" \"+_vm._s(_vm.timestampToTime(_vm.updateTime)))]):_vm._e(),_c('imgBtn',{staticClass:\"mb-5\",attrs:{\"dark\":\"\",\"type\":\"bg-black-sloped\",\"buttonText\":\"calculate\"},on:{\"clickBtn\":function($event){return _vm.calculate()}}}),_c('imgBtn',{staticClass:\"mb-3\",attrs:{\"type\":\"border-black-sloped\",\"buttonText\":\"backToIndex\"},on:{\"clickBtn\":function($event){return _vm.$router.push({name: 'Home'})}}})]},proxy:true}])})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"calculator-twd-page\">\r\n    <v-row justify=\"center\" class=\"my-15\">\r\n      <v-col cols=\"11\" sm=\"9\">\r\n        <borderWrapCard class=\"mb-13 calculator-card\">\r\n          <template #content>\r\n            <titleBlock class=\"mb-8\" :title=\"$t('swapCalculateTitle', {token1: 'EGT', token2: 'TWD'})\" :subtitle=\"$t('egtExchangeRate', {value: '1 : 1200'})\" icon=\"icon-twd-black.svg\"></titleBlock>\r\n\r\n            <v-row class=\"mb-10\">\r\n              <v-col cols=\"12\">\r\n                <v-form ref=\"form\" lazy-validation class=\"d-flex flex-column justify-center align-center\">\r\n                  <v-text-field\r\n                    v-model=\"egtAmount\"\r\n                    style=\"width: 250px;\"\r\n                    class=\"rounded-0\"\r\n                    outlined\r\n                    dense\r\n                    full-width\r\n                    color=\"secondary\"\r\n                    placeholder=\"0\"\r\n                    label=\"EGT\"\r\n                    :rules=\"[...TokenAmountRules]\"\r\n                    @keydown.enter.prevent=\"calculate()\"\r\n                  >\r\n                  </v-text-field>\r\n                  <v-icon class=\"mb-n3\" color=\"secondary\">mdi-chevron-up</v-icon>\r\n                  <v-icon class=\"mb-5\" color=\"secondary\">mdi-chevron-down</v-icon>\r\n                  <div class=\"d-flex flex-column align-center\">\r\n                    <div>TWD {{ $t('amount') }}</div>\r\n                    <h2 class=\"secondary--text\">{{ twdResult || '--'}} {{ $t('dollar') }}</h2>\r\n                  </div>\r\n                </v-form>\r\n              </v-col>\r\n            </v-row>\r\n\r\n            <div v-if=\"updateTime\" class=\"mb-3 red--text text-caption text-right w-100\">{{ $t('dataUpdated') }} {{ timestampToTime(updateTime) }}</div>\r\n            <imgBtn class=\"mb-5\" dark type=\"bg-black-sloped\" buttonText=\"calculate\" @clickBtn=\"calculate()\"></imgBtn>\r\n            <imgBtn class=\"mb-3\" type=\"border-black-sloped\" buttonText=\"backToIndex\" @clickBtn=\"$router.push({name: 'Home'})\"></imgBtn>\r\n          </template>\r\n        </borderWrapCard>\r\n      </v-col>\r\n    </v-row>\r\n  </div>\r\n</template>\r\n<script>\r\nimport base from '@/mixin/base.js'\r\nimport borderWrapCard from '@/components/borderWrapCard.vue'\r\nimport titleBlock from '@/components/titleBlock.vue'\r\nimport imgBtn from '@/components/imgBtn.vue'\r\nexport default {\r\n  name: 'Calculator-twd',\r\n  mixins: [base],\r\n  data (){\r\n    return {\r\n      egtAmount: null,\r\n      twdResult: null,\r\n      updateTime: null,\r\n    }\r\n  },\r\n  components:{\r\n    borderWrapCard,\r\n    titleBlock,\r\n    imgBtn\r\n  },\r\n  methods:{\r\n    async calculate(){\r\n      if (this.$refs.form.validate()){\r\n        let data = {\r\n          token: 'ethereum',\r\n          currency: 'twd'\r\n        }\r\n        try{\r\n          let result = await this.$store.dispatch('getTokenPrice', data)\r\n          if (result){\r\n            // console.log('result', result)\r\n            this.twdResult = this.egtAmount ? (this.egtAmount * result.ethereum.twd / 1200).toFixed(2) : null\r\n            this.updateTime = result.ethereum.last_updated_at * 1000\r\n          }else{\r\n            this.$toasted.error(this.$t('errorOccured'))\r\n          }\r\n        }catch (error){\r\n          // console.log('error', error)\r\n          this.$toasted.error(this.$t('errorOccured'))\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","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!./twd.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!./twd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./twd.vue?vue&type=template&id=0a6b4d2d&\"\nimport script from \"./twd.vue?vue&type=script&lang=js&\"\nexport * from \"./twd.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCol,VForm,VIcon,VRow,VTextField})\n"],"sourceRoot":""}