{"version":3,"sources":["webpack:///./src/router/views/import-fuelly.vue?c135","webpack:///src/router/views/import-fuelly.vue","webpack:///./src/router/views/import-fuelly.vue?ff0d","webpack:///./src/router/views/import-fuelly.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","preventDefault","importFuelly","class","file","model","value","callback","$$v","expression","_s","uploadButtonLabel","isMobile","name","_e","tryingToCreate","errors","_l","error","key","staticRenderFns","page","title","meta","components","computed","props","user","type","Object","required","data","methods","errorMessage","formData","append","component"],"mappings":"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","file":"js/chunk-2d0dd631.f4107a42.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"columns box\"},[_c('div',{staticClass:\"column\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Import from Fuelly\")])])]),_c('br'),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('p',{staticClass:\"subtitle\"},[_vm._v(\" Steps to import data from Fuelly\")]),_c('ol',[_c('li',[_vm._v(\"Export your data from Fuelly in the CSV format. Steps to do that can be found \"),_c('a',{attrs:{\"href\":\"http://docs.fuelly.com/acar-import-export-center\",\"target\":\"_nofollow\"}},[_vm._v(\"here\")]),_vm._v(\".\")]),_c('li',[_vm._v(\"Make sure that you have already created the vehicles in Hammond platform.\")]),_c('li',[_vm._v(\"Make sure that the Vehicle nickname in Hammond is exactly the same as the name on Fuelly CSV or the import will not work.\")]),_c('li',[_vm._v(\"Make sure that the \"),_c('u',[_vm._v(\"Currency\")]),_vm._v(\" and \"),_c('u',[_vm._v(\"Distance Unit\")]),_vm._v(\" are set correctly in Hammond. Import will not autodetect Currency from the CSV but use the one set for the user.\")]),_c('li',[_vm._v(\"Similiarly, make sure that the \"),_c('u',[_vm._v(\"Fuel Unit\")]),_vm._v(\" and \"),_c('u',[_vm._v(\"Fuel Type\")]),_vm._v(\" are correctly set in the Vehicle.\")]),_c('li',[_vm._v(\"Once you have checked all these points,just import the CSV below.\")]),_c('li',[_c('b',[_vm._v(\"Make sure that you do not import the file again and that will create repeat entries.\")])])])])]),_c('div',{staticClass:\"section box\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-two-thirds\"},[_c('p',{staticClass:\"subtitle\"},[_vm._v(\"Choose the Fuelly CSV and press the import button.\")])]),_c('div',{staticClass:\"column is-one-third is-flex is-align-content-center\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.importFuelly($event)}}},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"file is-primary\",class:{ 'has-name': !!_vm.file }},[_c('b-upload',{staticClass:\"file-label\",attrs:{\"accept\":\".csv\"},model:{value:(_vm.file),callback:function ($$v) {_vm.file=$$v},expression:\"file\"}},[_c('span',{staticClass:\"file-cta\"},[_c('b-icon',{staticClass:\"file-icon\",attrs:{\"icon\":\"upload\"}}),_c('span',{staticClass:\"file-label\"},[_vm._v(_vm._s(_vm.uploadButtonLabel))])],1),(_vm.file)?_c('span',{staticClass:\"file-name\",class:_vm.isMobile ? 'file-name-mobile' : 'file-name-desktop'},[_vm._v(\" \"+_vm._s(_vm.file.name)+\" \")]):_vm._e()])],1)],1),_c('div',{staticClass:\"column\"},[_c('b-button',{staticClass:\"control\",attrs:{\"tag\":\"input\",\"native-type\":\"submit\",\"disabled\":_vm.tryingToCreate,\"type\":\"is-primary\",\"value\":\"Upload File\"}},[_vm._v(\" Import \")])],1)])])])])]),(_vm.errors.length)?_c('b-message',{attrs:{\"type\":\"is-danger\"}},[_c('ul',_vm._l((_vm.errors),function(error){return _c('li',{key:error},[_vm._v(_vm._s(error))])}),0)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from '@layouts/main.vue'\nimport { mapState } from 'vuex'\nimport axios from 'axios'\n\nexport default {\n  page: {\n    title: 'Import Fuelly',\n    meta: [{ name: 'description', content: 'The Import Fuelly page.' }],\n  },\n  components: { Layout },\n  computed: {\n    ...mapState('utils', ['isMobile']),\n    uploadButtonLabel() {\n      if (this.isMobile) {\n        if (this.file == null) {\n          return 'Choose Photo'\n        } else {\n          return ''\n        }\n      } else {\n        if (this.file == null) {\n          return 'Choose CSV'\n        } else {\n          return ''\n        }\n      }\n    },\n  },\n  props: {\n    user: {\n      type: Object,\n      required: true,\n    },\n  },\n  data: function() {\n    return {\n      file: null,\n      tryingToCreate: false,\n      errors: [],\n    }\n  },\n  methods: {\n    importFuelly() {\n      if (this.file == null) {\n        return\n      }\n      this.tryingToCreate = true\n      this.errorMessage = ''\n      const formData = new FormData()\n      formData.append('file', this.file, this.file.name)\n      axios\n        .post(`/api/import/fuelly`, formData)\n        .then((data) => {\n          this.$buefy.toast.open({\n            message: 'Data Imported Successfully',\n            type: 'is-success',\n            duration: 3000,\n          })\n          this.file = null\n        })\n        .catch((ex) => {\n          this.$buefy.toast.open({\n            duration: 5000,\n            message: 'There was some issue with importing the file. Please check the error message',\n            position: 'is-bottom',\n            type: 'is-danger',\n          })\n          if (ex.response && ex.response.data.errors) {\n            this.errors = ex.response.data.errors\n          }\n        })\n        .finally(() => {\n          this.tryingToCreate = false\n        })\n    },\n  },\n}\n</script>\n\n<template>\n  <Layout>\n    <div class=\"columns box\">\n      <div class=\"column\">\n        <h1 class=\"title\">Import from Fuelly</h1>\n      </div>\n    </div>\n    <br />\n    <div class=\"columns\">\n      <div class=\"column\">\n        <p class=\"subtitle\"> Steps to import data from Fuelly</p>\n        <ol>\n          <li\n            >Export your data from Fuelly in the CSV format. Steps to do that can be found\n            <a href=\"http://docs.fuelly.com/acar-import-export-center\" target=\"_nofollow\">here</a>.</li\n          >\n          <li>Make sure that you have already created the vehicles in Hammond platform.</li>\n          <li>Make sure that the Vehicle nickname in Hammond is exactly the same as the name on Fuelly CSV or the import will not work.</li>\n          <li\n            >Make sure that the <u>Currency</u> and <u>Distance Unit</u> are set correctly in Hammond. Import will not autodetect Currency from the\n            CSV but use the one set for the user.</li\n          >\n          <li>Similiarly, make sure that the <u>Fuel Unit</u> and <u>Fuel Type</u> are correctly set in the Vehicle.</li>\n          <li>Once you have checked all these points,just import the CSV below.</li>\n          <li><b>Make sure that you do not import the file again and that will create repeat entries.</b></li>\n        </ol>\n      </div>\n    </div>\n    <div class=\"section box\">\n      <div class=\"columns\">\n        <div class=\"column is-two-thirds\"> <p class=\"subtitle\">Choose the Fuelly CSV and press the import button.</p></div>\n        <div class=\"column is-one-third is-flex is-align-content-center\">\n          <form @submit.prevent=\"importFuelly\">\n            <div class=\"columns\"\n              ><div class=\"column\">\n                <b-field class=\"file is-primary\" :class=\"{ 'has-name': !!file }\">\n                  <b-upload v-model=\"file\" class=\"file-label\" accept=\".csv\">\n                    <span class=\"file-cta\">\n                      <b-icon class=\"file-icon\" icon=\"upload\"></b-icon>\n                      <span class=\"file-label\">{{ uploadButtonLabel }}</span>\n                    </span>\n                    <span v-if=\"file\" class=\"file-name\" :class=\"isMobile ? 'file-name-mobile' : 'file-name-desktop'\">\n                      {{ file.name }}\n                    </span>\n                  </b-upload>\n                </b-field>\n              </div>\n              <div class=\"column\">\n                <b-button tag=\"input\" native-type=\"submit\" :disabled=\"tryingToCreate\" type=\"is-primary\" value=\"Upload File\" class=\"control\">\n                  Import\n                </b-button>\n              </div></div\n            >\n          </form>\n        </div>\n      </div>\n    </div>\n    <b-message v-if=\"errors.length\" type=\"is-danger\">\n      <ul>\n        <li v-for=\"error in errors\" :key=\"error\">{{ error }}</li>\n      </ul>\n    </b-message>\n  </Layout>\n</template>\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!./import-fuelly.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!./import-fuelly.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./import-fuelly.vue?vue&type=template&id=4b62b3fc&\"\nimport script from \"./import-fuelly.vue?vue&type=script&lang=js&\"\nexport * from \"./import-fuelly.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"],"sourceRoot":""}