{"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/createFillup.vue?66de","webpack:///src/router/views/createFillup.vue","webpack:///./src/router/views/createFillup.vue?7d6a","webpack:///./src/router/views/createFillup.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","createFillup","fillup","fillupModel","$set","userId","name","formatDate","Date","filteredFuelSubtypes","fuelSubType","_n","long","vehicle","fuelUnitDetail","short","me","currency","distanceUnitDetail","showMore","processQuickEntry","tryingToCreate","page","title","components","default","authError","myVehicles","users","fuelSubTypes","store","filter","toLowerCase","indexOf","watch","totalAmount","old","newOne","mounted","vehicles","fetchVehicleUsers","fetchVehicleFuelSubTypes","getEmptyFillup","vehicleId","fuelUnit","perUnitPrice","fuelQuantity","odoReading","isTankFull","hasMissedFillup","date","fillingStation","comments"],"mappings":"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","file":"js/chunk-26abcdae.e556afbd.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:\"has-text-centered\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-two-thirds\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Create Fillup\")]),_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.createFillup($event)}}},[_c('b-field',{attrs:{\"label\":\"Select a vehicle\"}},[_c('b-select',{attrs:{\"placeholder\":\"Vehicle\",\"required\":\"\",\"expanded\":\"\",\"disabled\":_vm.fillup.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.fillup.id},model:{value:(_vm.fillupModel.userId),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"userId\", $$v)},expression:\"fillupModel.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\":\"Fillup Date\"}},[_c('b-datepicker',{attrs:{\"date-formatter\":_vm.formatDate,\"placeholder\":\"Click to select...\",\"icon\":\"calendar\",\"trap-focus\":\"\",\"max-date\":new Date()},model:{value:(_vm.fillupModel.date),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"date\", $$v)},expression:\"fillupModel.date\"}})],1),_c('b-field',{attrs:{\"label\":\"Fuel Subtype\"}},[_c('b-autocomplete',{attrs:{\"data\":_vm.filteredFuelSubtypes,\"placeholder\":\"Octane etc.\",\"clearable\":\"\",\"autofocus\":\"\"},on:{\"select\":function (option) { return (_vm.fillupModel.fuelSubType = option); }},model:{value:(_vm.fillupModel.fuelSubType),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"fuelSubType\", $$v)},expression:\"fillupModel.fuelSubType\"}})],1),_c('b-field',{attrs:{\"label\":\"Quantity*\",\"addons\":\"\"}},[_c('b-input',{attrs:{\"type\":\"number\",\"step\":\".001\",\"min\":\"0\",\"expanded\":\"\",\"required\":\"\"},model:{value:(_vm.fillupModel.fuelQuantity),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"fuelQuantity\", _vm._n($$v))},expression:\"fillupModel.fuelQuantity\"}}),_c('b-select',{attrs:{\"placeholder\":\"Fuel Unit\",\"required\":\"\"},model:{value:(_vm.fillupModel.fuelUnit),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"fuelUnit\", $$v)},expression:\"fillupModel.fuelUnit\"}},_vm._l((_vm.fuelUnitMasters),function(option,key){return _c('option',{key:key,domProps:{\"value\":key}},[_vm._v(\" \"+_vm._s(option.long)+\" \")])}),0)],1),_c('b-field',{attrs:{\"label\":'Price per ' + _vm.vehicle.fuelUnitDetail.short + '*'}},[_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\",\"step\":\".001\",\"expanded\":\"\",\"required\":\"\"},model:{value:(_vm.fillupModel.perUnitPrice),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"perUnitPrice\", _vm._n($$v))},expression:\"fillupModel.perUnitPrice\"}})],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\",\"step\":\".001\",\"expanded\":\"\",\"required\":\"\"},model:{value:(_vm.fillupModel.totalAmount),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"totalAmount\", _vm._n($$v))},expression:\"fillupModel.totalAmount\"}})],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.fillupModel.odoReading),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"odoReading\", _vm._n($$v))},expression:\"fillupModel.odoReading\"}})],1),_c('b-field',[_c('b-checkbox',{model:{value:(_vm.fillupModel.isTankFull),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"isTankFull\", $$v)},expression:\"fillupModel.isTankFull\"}},[_vm._v(\"Did you get a full tank?\")])],1),_c('b-field',[_c('b-checkbox',{model:{value:(_vm.fillupModel.hasMissedFillup),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"hasMissedFillup\", $$v)},expression:\"fillupModel.hasMissedFillup\"}},[_vm._v(\"Did you miss the fillup entry before this one?\")])],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\":\"Filling Station Name\"}},[_c('b-input',{attrs:{\"type\":\"text\",\"expanded\":\"\"},model:{value:(_vm.fillupModel.fillingStation),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"fillingStation\", $$v)},expression:\"fillupModel.fillingStation\"}})],1),_c('b-field',{attrs:{\"label\":\"Comments\"}},[_c('b-input',{attrs:{\"type\":\"textarea\",\"expanded\":\"\"},model:{value:(_vm.fillupModel.comments),callback:function ($$v) {_vm.$set(_vm.fillupModel, \"comments\", $$v)},expression:\"fillupModel.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 Fillup\",\"expanded\":\"\"}}),(_vm.authError)?_c('p',[_vm._v(\" There was an error logging in to your account. \")]):_vm._e()],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from '@layouts/main.vue'\nimport QuickEntryDisplay from '@components/quickEntryDisplay.vue'\nimport store from '@state/store'\n\nimport { mapState } from 'vuex'\nimport axios from 'axios'\nimport { round } from 'lodash'\nimport { format } from 'date-fns'\n\nexport default {\n  page: {\n    title: 'Create Fillup',\n  },\n  components: { Layout, QuickEntryDisplay },\n  props: {\n    vehicle: {\n      type: Object,\n      required: true,\n    },\n    fillup: {\n      type: Object,\n      required: false,\n      default: function() {\n        return {}\n      },\n    },\n  },\n  data() {\n    return {\n      authError: null,\n      tryingToCreate: false,\n      showMore: false,\n      quickEntry: null,\n      myVehicles: [],\n      users: [],\n      fuelSubTypes: [],\n      selectedVehicle: this.vehicle,\n      fillupModel: this.fillup,\n      processQuickEntry: false,\n    }\n  },\n\n  computed: {\n    user() {\n      return store.state.auth.currentUser\n    },\n    ...mapState('users', ['me']),\n    ...mapState('vehicles', ['fuelUnitMasters', 'fuelTypeMasters', 'vehicles']),\n    filteredFuelSubtypes() {\n      if (!this.fillupModel.fuelSubType) {\n        return this.fuelSubTypes\n      }\n      return this.fuelSubTypes.filter((option) => {\n        return option.toLowerCase().indexOf(this.fillupModel.fuelSubType.toLowerCase()) >= 0\n      })\n    },\n  },\n  watch: {\n    'fillupModel.fuelQuantity': function(old, newOne) {\n      this.fillupModel.totalAmount = round(this.fillupModel.fuelQuantity * this.fillupModel.perUnitPrice, 2)\n    },\n    'fillupModel.perUnitPrice': function(old, newOne) {\n      this.fillupModel.totalAmount = round(this.fillupModel.fuelQuantity * this.fillupModel.perUnitPrice, 2)\n    },\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    this.fetchVehicleFuelSubTypes()\n    if (!this.fillup.id) {\n      this.fillupModel = this.getEmptyFillup()\n      this.fillupModel.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    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    fetchVehicleFuelSubTypes() {\n      store\n        .dispatch('vehicles/fetchFuelSubtypesByVehicleId', { vehicleId: this.selectedVehicle.id })\n        .then((data) => {\n          this.fuelSubTypes = data\n        })\n        .catch((err) => console.log(err))\n    },\n    getEmptyFillup() {\n      return {\n        vehicleId: this.selectedVehicle.id,\n        fuelUnit: this.selectedVehicle.fuelUnit,\n        perUnitPrice: null,\n        fuelQuantity: null,\n        totalAmount: null,\n        odoReading: '',\n        isTankFull: true,\n        hasMissedFillup: false,\n        date: new Date(),\n        fillingStation: '',\n        comments: '',\n        userId: '',\n        fuelSubType: '',\n      }\n    },\n    async createFillup() {\n      this.tryingToCreate = true\n      this.fillupModel.vehicleId = this.selectedVehicle.id\n      //  this.fillupModel.userId = this.me.id\n      if (this.fillup.id) {\n        axios\n          .put(`/api/vehicles/${this.selectedVehicle.id}/fillups/${this.fillup.id}`, this.fillupModel)\n          .then((data) => {\n            this.$buefy.toast.open({\n              message: 'Fillup Updated Successfully',\n              type: 'is-success',\n              duration: 3000,\n            })\n            this.fillupModel = this.getEmptyFillup()\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      } else {\n        axios\n          .post(`/api/vehicles/${this.selectedVehicle.id}/fillups`, this.fillupModel)\n          .then((data) => {\n            this.$buefy.toast.open({\n              message: 'Fillup Created Successfully',\n              type: 'is-success',\n              duration: 3000,\n            })\n            this.fillupModel = this.getEmptyFillup()\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      }\n    },\n  },\n}\n</script>\n\n<template>\n  <Layout>\n    <div class=\"has-text-centered\">\n      <div class=\"columns\">\n        <div class=\"column is-two-thirds\">\n          <h1 class=\"title\">Create Fillup</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    </div>\n    <form class=\"\" @submit.prevent=\"createFillup\">\n      <b-field label=\"Select a vehicle\">\n        <b-select v-model=\"selectedVehicle\" placeholder=\"Vehicle\" required expanded :disabled=\"fillup.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=\"fillupModel.userId\" placeholder=\"User\" required expanded :disabled=\"fillup.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=\"Fillup Date\">\n        <b-datepicker\n          v-model=\"fillupModel.date\"\n          :date-formatter=\"formatDate\"\n          placeholder=\"Click to select...\"\n          icon=\"calendar\"\n          trap-focus\n          :max-date=\"new Date()\"\n        >\n        </b-datepicker>\n      </b-field>\n      <b-field label=\"Fuel Subtype\">\n        <b-autocomplete\n          v-model=\"fillupModel.fuelSubType\"\n          :data=\"filteredFuelSubtypes\"\n          placeholder=\"Octane etc.\"\n          clearable\n          autofocus\n          @select=\"(option) => (fillupModel.fuelSubType = option)\"\n        >\n        </b-autocomplete>\n      </b-field>\n      <b-field label=\"Quantity*\" addons>\n        <b-input v-model.number=\"fillupModel.fuelQuantity\" type=\"number\" step=\".001\" min=\"0\" expanded required></b-input>\n        <b-select v-model=\"fillupModel.fuelUnit\" placeholder=\"Fuel Unit\" required>\n          <option v-for=\"(option, key) in fuelUnitMasters\" :key=\"key\" :value=\"key\">\n            {{ option.long }}\n          </option>\n        </b-select>\n      </b-field>\n      <b-field :label=\"'Price per ' + vehicle.fuelUnitDetail.short + '*'\"\n        ><p class=\"control\">\n          <span class=\"button is-static\">{{ me.currency }}</span>\n        </p>\n        <b-input v-model.number=\"fillupModel.perUnitPrice\" type=\"number\" min=\"0\" step=\".001\" expanded required></b-input>\n      </b-field>\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=\"fillupModel.totalAmount\" type=\"number\" min=\"0\" step=\".001\" expanded 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=\"fillupModel.odoReading\" type=\"number\" min=\"0\" expanded required></b-input>\n      </b-field>\n      <b-field>\n        <b-checkbox v-model=\"fillupModel.isTankFull\">Did you get a full tank?</b-checkbox>\n      </b-field>\n      <b-field>\n        <b-checkbox v-model=\"fillupModel.hasMissedFillup\">Did you miss the fillup entry before this one?</b-checkbox>\n      </b-field>\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=\"Filling Station Name\">\n          <b-input v-model=\"fillupModel.fillingStation\" type=\"text\" expanded></b-input>\n        </b-field>\n        <b-field label=\"Comments\">\n          <b-input v-model=\"fillupModel.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 Fillup\" expanded> </b-button>\n        <p v-if=\"authError\">\n          There was an error logging in to your account.\n        </p>\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!./createFillup.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!./createFillup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./createFillup.vue?vue&type=template&id=6b18f1f5&\"\nimport script from \"./createFillup.vue?vue&type=script&lang=js&\"\nexport * from \"./createFillup.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":""}