{"version":3,"sources":["webpack:///./src/components/quickEntryDisplay.vue?912c","webpack:///src/components/quickEntryDisplay.vue","webpack:///./src/components/quickEntryDisplay.vue?4d0d","webpack:///./src/components/quickEntryDisplay.vue","webpack:///./src/router/views/createExpense.vue?4a36","webpack:///src/router/views/createExpense.vue","webpack:///./src/router/views/createExpense.vue?aa10","webpack:///./src/router/views/createExpense.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","unprocessedQuickEntries","attrs","on","$event","showQuickEntry","model","value","callback","$$v","quickEntry","expression","_l","option","key","id","domProps","_v","_s","parseAndFormatDateTime","createdAt","_e","staticRenderFns","prop","event","props","user","type","Object","required","data","computed","methods","$buefy","modal","open","content","vnode","$emit","entry","component","selectedVehicle","nickname","registration","make","join","preventDefault","createExpense","expense","expenseModel","$set","userId","name","formatDate","Date","me","currency","_n","distanceUnitDetail","short","showMore","processQuickEntry","tryingToCreate","page","title","components","vehicle","default","myVehicles","users","store","watch","old","newOne","mounted","vehicles","fetchVehicleUsers","getEmptyExpense","vehicleId","amount","expenseType","odoReading","date","comments"],"mappings":"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","file":"js/chunk-26a9e594.20810006.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"level\"},[_c('b-field',{staticClass:\"level-right\"},[(_vm.unprocessedQuickEntries.length)?_c('b-select',{attrs:{\"placeholder\":\"Refer quick entry\",\"expanded\":\"\"},on:{\"input\":function($event){return _vm.showQuickEntry($event)}},model:{value:(_vm.quickEntry),callback:function ($$v) {_vm.quickEntry=$$v},expression:\"quickEntry\"}},_vm._l((_vm.unprocessedQuickEntries),function(option){return _c('option',{key:option.id,domProps:{\"value\":option}},[_vm._v(\" Taken: \"+_vm._s(_vm.parseAndFormatDateTime(option.createdAt))+\" \")])}),0):_vm._e(),_c('p',{staticClass:\"control\"},[(_vm.quickEntry)?_c('b-button',{attrs:{\"type\":\"is-primary\"},on:{\"click\":function($event){return _vm.showQuickEntry(_vm.quickEntry)}}},[_vm._v(\"Show\")]):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapGetters, mapState } from 'vuex'\nimport { parseAndFormatDateTime } from '@utils/format-date'\n\nexport default {\n  model: {\n    prop: 'quickEntry',\n    event: 'change',\n  },\n  props: {\n    user: {\n      type: Object,\n      required: true,\n    },\n  },\n  data: function() {\n    return {\n      quickEntry: null,\n    }\n  },\n  computed: {\n    ...mapState('utils', ['isMobile']),\n    ...mapGetters('vehicles', ['unprocessedQuickEntries', 'processedQuickEntries']),\n  },\n  methods: {\n    parseAndFormatDateTime(date) {\n      return parseAndFormatDateTime(date)\n    },\n    showQuickEntry(entry) {\n      const h = this.$createElement\n      const vnode = h('p', { class: 'image' }, [\n        h('img', {\n          attrs: {\n            src: `/api/attachments/${entry.attachmentId}/file?access_token=${this.user.token}`,\n          },\n        }),\n      ])\n      this.$buefy.modal.open({\n        content: [vnode],\n      })\n      this.$emit('change', entry)\n    },\n  },\n}\n</script>\n\n<template>\n  <div class=\"level\">\n    <b-field class=\"level-right\">\n      <b-select\n        v-if=\"unprocessedQuickEntries.length\"\n        v-model=\"quickEntry\"\n        placeholder=\"Refer quick entry\"\n        expanded\n        @input=\"showQuickEntry($event)\"\n      >\n        <option v-for=\"option in unprocessedQuickEntries\" :key=\"option.id\" :value=\"option\">\n          Taken: {{ parseAndFormatDateTime(option.createdAt) }}\n        </option>\n      </b-select>\n      <p class=\"control\">\n        <b-button v-if=\"quickEntry\" type=\"is-primary\" @click=\"showQuickEntry(quickEntry)\"\n          >Show</b-button\n        ></p\n      >\n    </b-field>\n  </div></template\n>\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!./quickEntryDisplay.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!./quickEntryDisplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./quickEntryDisplay.vue?vue&type=template&id=8946e7a4&\"\nimport script from \"./quickEntryDisplay.vue?vue&type=script&lang=js&\"\nexport * from \"./quickEntryDisplay.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-two-thirds\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Create Expense\")]),_c('h1',{staticClass:\"subtitle\"},[_vm._v(\" \"+_vm._s([_vm.selectedVehicle.nickname, _vm.selectedVehicle.registration, _vm.selectedVehicle.make, _vm.selectedVehicle.model].join(' | '))+\" \")])]),_c('div',{staticClass:\"column is-one-thirds\"},[_c('QuickEntryDisplay',{attrs:{\"user\":_vm.user},model:{value:(_vm.quickEntry),callback:function ($$v) {_vm.quickEntry=$$v},expression:\"quickEntry\"}})],1)]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.createExpense($event)}}},[_c('b-field',{attrs:{\"label\":\"Select a vehicle\"}},[_c('b-select',{attrs:{\"placeholder\":\"Vehicle\",\"required\":\"\",\"expanded\":\"\",\"disabled\":_vm.expense.id},model:{value:(_vm.selectedVehicle),callback:function ($$v) {_vm.selectedVehicle=$$v},expression:\"selectedVehicle\"}},_vm._l((_vm.myVehicles),function(option){return _c('option',{key:option.id,domProps:{\"value\":option}},[_vm._v(\" \"+_vm._s(option.nickname)+\" \")])}),0)],1),_c('b-field',{attrs:{\"label\":\"Expense by\"}},[_c('b-select',{attrs:{\"placeholder\":\"User\",\"required\":\"\",\"expanded\":\"\",\"disabled\":_vm.expense.id},model:{value:(_vm.expenseModel.userId),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"userId\", $$v)},expression:\"expenseModel.userId\"}},_vm._l((_vm.users),function(option){return _c('option',{key:option.userId,domProps:{\"value\":option.userId}},[_vm._v(\" \"+_vm._s(option.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"label\":\"Expense Date\"}},[_c('b-datepicker',{attrs:{\"date-formatter\":_vm.formatDate,\"placeholder\":\"Click to select...\",\"icon\":\"calendar\",\"max-date\":new Date()},model:{value:(_vm.expenseModel.date),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"date\", $$v)},expression:\"expenseModel.date\"}})],1),_c('b-field',{attrs:{\"label\":\"Expense Type*\"}},[_c('b-input',{attrs:{\"expanded\":\"\",\"required\":\"\"},model:{value:(_vm.expenseModel.expenseType),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"expenseType\", $$v)},expression:\"expenseModel.expenseType\"}})],1),_c('b-field',{attrs:{\"label\":\"Total Amount Paid\"}},[_c('p',{staticClass:\"control\"},[_c('span',{staticClass:\"button is-static\"},[_vm._v(_vm._s(_vm.me.currency))])]),_c('b-input',{attrs:{\"type\":\"number\",\"min\":\"0\",\"expanded\":\"\",\"step\":\".001\",\"required\":\"\"},model:{value:(_vm.expenseModel.amount),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"amount\", _vm._n($$v))},expression:\"expenseModel.amount\"}})],1),_c('b-field',{attrs:{\"label\":\"Odometer Reading\"}},[_c('p',{staticClass:\"control\"},[_c('span',{staticClass:\"button is-static\"},[_vm._v(_vm._s(_vm.me.distanceUnitDetail.short))])]),_c('b-input',{attrs:{\"type\":\"number\",\"min\":\"0\",\"expanded\":\"\",\"required\":\"\"},model:{value:(_vm.expenseModel.odoReading),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"odoReading\", _vm._n($$v))},expression:\"expenseModel.odoReading\"}})],1),_c('b-field',[_c('b-switch',{model:{value:(_vm.showMore),callback:function ($$v) {_vm.showMore=$$v},expression:\"showMore\"}},[_vm._v(\"Fill more details\")])],1),(_vm.showMore)?_c('fieldset',[_c('b-field',{attrs:{\"label\":\"Comments\"}},[_c('b-input',{attrs:{\"type\":\"textarea\",\"expanded\":\"\"},model:{value:(_vm.expenseModel.comments),callback:function ($$v) {_vm.$set(_vm.expenseModel, \"comments\", $$v)},expression:\"expenseModel.comments\"}})],1)],1):_vm._e(),_c('b-field',[(_vm.quickEntry)?_c('b-switch',{model:{value:(_vm.processQuickEntry),callback:function ($$v) {_vm.processQuickEntry=$$v},expression:\"processQuickEntry\"}},[_vm._v(\"Mark selected Quick Entry as processed\")]):_vm._e()],1),_c('br'),_c('b-field',[_c('b-button',{attrs:{\"tag\":\"input\",\"native-type\":\"submit\",\"disabled\":_vm.tryingToCreate,\"type\":\"is-primary\",\"label\":\"Create Expense\",\"expanded\":\"\"}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from '@layouts/main.vue'\nimport QuickEntryDisplay from '@components/quickEntryDisplay.vue'\nimport { mapState } from 'vuex'\nimport axios from 'axios'\nimport store from '@state/store'\nimport { format } from 'date-fns'\n\nexport default {\n  page: {\n    title: 'Create Expense',\n  },\n  components: { Layout, QuickEntryDisplay },\n  props: {\n    vehicle: {\n      type: Object,\n      required: true,\n    },\n    expense: {\n      type: Object,\n      required: false,\n      default: function() {\n        return {}\n      },\n    },\n  },\n  data() {\n    return {\n      tryingToCreate: false,\n      showMore: false,\n      quickEntry: null,\n      myVehicles: [],\n      users: [],\n      selectedVehicle: this.vehicle,\n      expenseModel: this.expense,\n      processQuickEntry: false,\n    }\n  },\n\n  computed: {\n    user() {\n      return store.state.auth.currentUser\n    },\n    ...mapState('utils', ['isMobile']),\n    ...mapState('users', ['me']),\n    ...mapState('vehicles', ['fuelUnitMasters', 'fuelTypeMasters', 'vehicles']),\n  },\n  watch: {\n    quickEntry: function(newOne, old) {\n      if (old == null && newOne !== null) {\n        this.processQuickEntry = true\n      }\n    },\n  },\n  mounted() {\n    this.myVehicles = this.vehicles\n    this.selectedVehicle = this.vehicle\n    this.fetchVehicleUsers()\n    if (!this.expense.id) {\n      this.expenseModel = this.getEmptyExpense()\n      this.expenseModel.userId = this.me.id\n    }\n  },\n  methods: {\n    formatDate(date) {\n      const finalFormat = this.me.dateFormat ? this.me.dateFormat : 'MM/dd/yyyy'\n      return format(date, finalFormat)\n    },\n    getEmptyExpense() {\n      return {\n        vehicleId: this.selectedVehicle.id,\n        amount: null,\n        expenseType: '',\n        odoReading: '',\n        date: new Date(),\n        comments: '',\n        userId: '',\n      }\n    },\n    fetchVehicleUsers() {\n      store\n        .dispatch('vehicles/fetchUsersByVehicleId', { vehicleId: this.selectedVehicle.id })\n        .then((data) => {\n          this.users = data\n        })\n        .catch((err) => console.log(err))\n    },\n    createExpense() {\n      this.tryingToCreate = true\n      this.expenseModel.vehicleId = this.selectedVehicle.id\n      //   this.expenseModel.userId = this.me.id\n\n      if (this.expense.id) {\n        axios\n          .put(`/api/vehicles/${this.selectedVehicle.id}/expenses/${this.expense.id}`, this.expenseModel)\n          .then((data) => {\n            this.$buefy.toast.open({\n              message: 'Expense Updated Successfully',\n              type: 'is-success',\n              duration: 3000,\n            })\n            this.expenseModel = this.getEmptyExpense()\n            if (this.processQuickEntry) {\n              store.dispatch('vehicles/setQuickEntryAsProcessed', { id: this.quickEntry.id }).then((data) => {})\n            }\n          })\n          .catch((ex) => {\n            this.$buefy.toast.open({\n              duration: 5000,\n              message: ex,\n              position: 'is-bottom',\n              type: 'is-danger',\n            })\n          })\n          .finally(() => {\n            this.tryingToCreate = false\n          })\n      } else {\n        axios\n          .post(`/api/vehicles/${this.selectedVehicle.id}/expenses`, this.expenseModel)\n          .then((data) => {\n            this.$buefy.toast.open({\n              message: 'Expense Created Successfully',\n              type: 'is-success',\n              duration: 3000,\n            })\n            this.expenseModel = this.getEmptyExpense()\n            if (this.processQuickEntry) {\n              store.dispatch('vehicles/setQuickEntryAsProcessed', { id: this.quickEntry.id }).then((data) => {\n                this.quickEntry = null\n              })\n            }\n          })\n          .catch((ex) => {\n            this.$buefy.toast.open({\n              duration: 5000,\n              message: ex,\n              position: 'is-bottom',\n              type: 'is-danger',\n            })\n          })\n          .finally(() => {\n            this.tryingToCreate = false\n          })\n      }\n    },\n  },\n}\n</script>\n\n<template>\n  <Layout>\n    <div class=\"columns\">\n      <div class=\"column is-two-thirds\">\n        <h1 class=\"title\">Create Expense</h1>\n        <h1 class=\"subtitle\">\n          {{ [selectedVehicle.nickname, selectedVehicle.registration, selectedVehicle.make, selectedVehicle.model].join(' | ') }}\n        </h1>\n      </div>\n      <div class=\"column is-one-thirds\">\n        <QuickEntryDisplay v-model=\"quickEntry\" :user=\"user\" />\n      </div>\n    </div>\n    <form @submit.prevent=\"createExpense\">\n      <b-field label=\"Select a vehicle\">\n        <b-select v-model=\"selectedVehicle\" placeholder=\"Vehicle\" required expanded :disabled=\"expense.id\">\n          <option v-for=\"option in myVehicles\" :key=\"option.id\" :value=\"option\">\n            {{ option.nickname }}\n          </option>\n        </b-select>\n      </b-field>\n      <b-field label=\"Expense by\">\n        <b-select v-model=\"expenseModel.userId\" placeholder=\"User\" required expanded :disabled=\"expense.id\">\n          <option v-for=\"option in users\" :key=\"option.userId\" :value=\"option.userId\">\n            {{ option.name }}\n          </option>\n        </b-select>\n      </b-field>\n      <b-field label=\"Expense Date\">\n        <b-datepicker\n          v-model=\"expenseModel.date\"\n          :date-formatter=\"formatDate\"\n          placeholder=\"Click to select...\"\n          icon=\"calendar\"\n          :max-date=\"new Date()\"\n        >\n        </b-datepicker>\n      </b-field>\n      <b-field label=\"Expense Type*\">\n        <b-input v-model=\"expenseModel.expenseType\" expanded required></b-input>\n      </b-field>\n\n      <b-field label=\"Total Amount Paid\">\n        <p class=\"control\">\n          <span class=\"button is-static\">{{ me.currency }}</span>\n        </p>\n        <b-input v-model.number=\"expenseModel.amount\" type=\"number\" min=\"0\" expanded step=\".001\" required></b-input>\n      </b-field>\n      <b-field label=\"Odometer Reading\">\n        <p class=\"control\">\n          <span class=\"button is-static\">{{ me.distanceUnitDetail.short }}</span>\n        </p>\n        <b-input v-model.number=\"expenseModel.odoReading\" type=\"number\" min=\"0\" expanded required></b-input>\n      </b-field>\n\n      <b-field>\n        <b-switch v-model=\"showMore\">Fill more details</b-switch>\n      </b-field>\n      <fieldset v-if=\"showMore\">\n        <b-field label=\"Comments\">\n          <b-input v-model=\"expenseModel.comments\" type=\"textarea\" expanded></b-input>\n        </b-field>\n      </fieldset>\n      <b-field>\n        <b-switch v-if=\"quickEntry\" v-model=\"processQuickEntry\">Mark selected Quick Entry as processed</b-switch>\n      </b-field>\n      <br />\n      <b-field>\n        <b-button tag=\"input\" native-type=\"submit\" :disabled=\"tryingToCreate\" type=\"is-primary\" label=\"Create Expense\" expanded> </b-button>\n      </b-field>\n    </form>\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!./createExpense.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!./createExpense.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./createExpense.vue?vue&type=template&id=79d44a09&\"\nimport script from \"./createExpense.vue?vue&type=script&lang=js&\"\nexport * from \"./createExpense.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":""}