{"version":3,"sources":["webpack:///./src/views/Currency.vue?49ad","webpack:///src/views/Currency.vue","webpack:///./src/views/Currency.vue?619b","webpack:///./src/views/Currency.vue","webpack:///./src/views/Currency.vue?01db"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","attrs","_s","result","_e","directives","name","rawName","value","expression","domProps","on","convert","$event","target","composing","currency_from_amount","currencyFromSelected","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","_l","key","id","currency_to_amount","currencyToSelected","staticRenderFns","input","currencyFromOptions","currencyToOptions","loading","errored","info","computed","validation","methods","length","payLoad","a","get","then","response","exchangeRate","JSON","stringify","replace","conversionAmt","parseFloat","toFixed","catch","error","console","log","finally","data","component"],"mappings":"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","file":"js/currency.af8a6d52.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Currency Convertor\")]),_c('p',{staticClass:\"alert alert-info\"},[_vm._v(\" Note: Data provided by CurrencyConverterApi.com for Currency \")]),_c('div',{staticClass:\"card card-outline-primary\",attrs:{\"id\":\"app\"}},[(_vm.loading)?_c('p',[_vm._v(\"Loading...\")]):_c('section',[(_vm.cvalidation)?_c('p',{staticClass:\"alert alert-success\",attrs:{\"id\":\"result\"}},[_vm._v(\" \"+_vm._s(_vm.result)+\" \")]):_vm._e(),_c('div',{staticClass:\"card-block\"},[_c('form',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2 col-6\"},[_c('div',[_c('div',{staticClass:\"input-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currency_from_amount),expression:\"currency_from_amount\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.currency_from_amount)},on:{\"keyup\":_vm.convert,\"input\":function($event){if($event.target.composing){ return; }_vm.currency_from_amount=$event.target.value}}}),_c('i',[_vm._v(_vm._s(_vm.currencyFromSelected))])])])]),_c('div',{staticClass:\"col-md-3 col-6\"},[_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currencyFromSelected),expression:\"currencyFromSelected\"}],staticClass:\"form-control\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.currencyFromSelected=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.convert]}},_vm._l((_vm.currencyFromOptions),function(value,key){return _c('option',{key:value.id,domProps:{\"value\":key}},[_vm._v(_vm._s(value))])}),0)])])])]),_c('div',{staticClass:\"card-block\"},[_c('form',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2 col-6\"},[_c('div',{staticClass:\"input-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currency_to_amount),expression:\"currency_to_amount\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"readonly\":\"\"},domProps:{\"value\":(_vm.currency_to_amount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.currency_to_amount=$event.target.value}}}),_c('i',[_vm._v(_vm._s(_vm.currencyToSelected))])])]),_c('div',{staticClass:\"col-md-3 col-6\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currencyToSelected),expression:\"currencyToSelected\"}],staticClass:\"form-control\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.currencyToSelected=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.convert]}},_vm._l((_vm.currencyToOptions),function(value,key){return _c('option',{key:value.id,domProps:{\"value\":key}},[_vm._v(_vm._s(value))])}),0)])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h1>Currency Convertor</h1>\r\n    <p class=\"alert alert-info\">\r\n      Note: Data provided by CurrencyConverterApi.com for Currency\r\n    </p>\r\n    <div class=\"card card-outline-primary\" id=\"app\">\r\n      <p v-if=\"loading\">Loading...</p>\r\n      <section v-else>\r\n        <p class=\"alert alert-success\" id=\"result\" v-if=\"cvalidation\">\r\n          {{ result }}\r\n        </p>\r\n        <div class=\"card-block\">\r\n          <form class=\"row\">\r\n            <div class=\"col-md-2 col-6\">\r\n              <div>\r\n                <div class=\"input-icon\">\r\n                  <input\r\n                    class=\"form-control\"\r\n                    type=\"number\"\r\n                    v-model=\"currency_from_amount\"\r\n                    @keyup=\"convert\"\r\n                  />\r\n                  <i>{{ currencyFromSelected }}</i>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-3 col-6\">\r\n              <div>\r\n                <select\r\n                  class=\"form-control\"\r\n                  v-model=\"currencyFromSelected\"\r\n                  @change=\"convert\"\r\n                >\r\n                  <option\r\n                    v-for=\"(value, key) in currencyFromOptions\"\r\n                    :value=\"key\"\r\n                    :key=\"value.id\"\r\n                    >{{ value }}</option\r\n                  >\r\n                </select>\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-block\">\r\n          <form class=\"row\">\r\n            <div class=\"col-md-2 col-6\">\r\n              <div class=\"input-icon\">\r\n                <input\r\n                  class=\"form-control\"\r\n                  type=\"number\"\r\n                  readonly\r\n                  v-model=\"currency_to_amount\"\r\n                />\r\n                <i>{{ currencyToSelected }}</i>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-3 col-6\">\r\n              <select\r\n                class=\"form-control\"\r\n                v-model=\"currencyToSelected\"\r\n                @change=\"convert\"\r\n              >\r\n                <option\r\n                  v-for=\"(value, key) in currencyToOptions\"\r\n                  :value=\"key\"\r\n                  :key=\"value.id\"\r\n                  >{{ value }}</option\r\n                >\r\n              </select>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      input: \"\",\r\n      currency_from_amount: 0,\r\n      currency_to_amount: 0,\r\n      result: \"\",\r\n      currencyFromOptions: [],\r\n      currencyToOptions: [],\r\n      loading: true,\r\n      errored: false,\r\n      info: null,\r\n      currencyFromSelected: \"\",\r\n      currencyToSelected: \"\"\r\n    };\r\n  },\r\n  computed: {\r\n    cvalidation() {\r\n      return this.validation();\r\n    }\r\n  },\r\n  methods: {\r\n    validation() {\r\n      return (\r\n        this.currency_from_amount > 0 &&\r\n        this.currencyFromSelected.length === 3 &&\r\n        this.currencyToSelected.length === 3\r\n      );\r\n    },\r\n    convert() {\r\n      let payLoad = `${this.currencyFromSelected}_${this.currencyToSelected}`;\r\n\r\n      if (this.validation()) {\r\n        this.loading = true;\r\n        axios\r\n          .get(\r\n            `https://free.currconv.com/api/v7/convert?q=${payLoad}&compact=ultra&apiKey=afd6156ec2a14519570e`\r\n          )\r\n          .then(response => {\r\n            let exchangeRate = JSON.stringify(response).replace(/[^0-9.]/g, \"\"); // .replace(/[^0-9\\.]/g, '')\r\n\r\n            let conversionAmt = (\r\n              parseFloat(this.currency_from_amount) * parseFloat(exchangeRate)\r\n            ).toFixed(2);\r\n\r\n            this.currency_to_amount = conversionAmt;\r\n            this.result = `${this.currency_from_amount} ${this.currencyFromSelected} equals ${conversionAmt} ${this.currencyToSelected}`;\r\n          })\r\n          .catch(error => {\r\n            console.log(error);\r\n            this.errored = true;\r\n          })\r\n          .finally(() => (this.loading = false));\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    axios\r\n      .get(\"https://openexchangerates.org/api/currencies.json\")\r\n      .then(\r\n        response => (\r\n          (this.currencyFromOptions = response.data),\r\n          (this.currencyToOptions = response.data)\r\n        )\r\n      )\r\n      .catch(error => {\r\n        console.log(error);\r\n        this.errored = true;\r\n      })\r\n      .finally(() => (this.loading = false));\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.input-icon {\r\n  position: relative;\r\n}\r\n\r\n.input-icon > i {\r\n  position: absolute;\r\n  display: block;\r\n  transform: translate(0, -50%);\r\n  top: 50%;\r\n  pointer-events: none;\r\n  width: 35px;\r\n  text-align: center;\r\n  font-style: normal;\r\n}\r\n\r\n.input-icon > input {\r\n  padding-left: 35px;\r\n  padding-right: 0;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Currency.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Currency.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Currency.vue?vue&type=template&id=60eea82c&scoped=true&\"\nimport script from \"./Currency.vue?vue&type=script&lang=js&\"\nexport * from \"./Currency.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Currency.vue?vue&type=style&index=0&id=60eea82c&scoped=true&lang=css&\"\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  \"60eea82c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Currency.vue?vue&type=style&index=0&id=60eea82c&scoped=true&lang=css&\""],"sourceRoot":""}