{"version":3,"sources":["webpack:///./src/views/trailers/TireWorkshop.vue?f452","webpack:///./src/views/trailers/TireWorkshop.vue?aa19","webpack:///src/views/trailers/TireWorkshop.vue","webpack:///./src/views/trailers/TireWorkshop.vue?c339","webpack:///./src/views/trailers/TireWorkshop.vue"],"names":["metaInfo","title","data","formdata","workshopId","date","fitterName","invoice","tireReport","search","q","savedSearch","countryCode","hasContryCode","parts","mounted","this","newTireReport","workshop","w","a","$route","params","id","$router","replace","computed","countryCodes","workshops","forEach","codes","canSave","progress","uploading","methods","filterBy","saved","toLowerCase","split","cc","addReport","uploadFile","ev","addInvoice","target","files","file","event","blob","type","substring","URL","createObjectURL","fileObject","$set","current","key","Object","assign","size","error","save","addWorkshopData","addAttachmentData","push","name","component","_vm","_h","$createElement","_c","_self","staticClass","attrs","tireReportId","_v","_e","_m","scopedSlots","_u","fn","_s","city","model","value","callback","$$v","expression","slot","directives","rawName","domProps","on","$event","composing","staticStyle","style","staticRenderFns"],"mappings":"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","file":"js/chunk-bd71e5e8.d5e3468b.js","sourcesContent":["import mod 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!./TireWorkshop.vue?vue&type=style&index=0&lang=css&\"; export default mod; 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!./TireWorkshop.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container pt-4 pt-sm-3 pb-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8 offset-lg-2 col-xl-6 offset-xl-3\"},[_c('h1',{staticClass:\"h5\"},[(_vm.newTireReport)?_c('router-link',{attrs:{\"to\":{ name: 'trailer', params: { id: _vm.newTireReport.tireReportId } }}},[_c('i',{staticClass:\"far fa-lg fa-angle-left mr-2\"}),_vm._v(\"Workshop\")]):_vm._e()],1),_c('hr'),_c('div',{staticClass:\"form-group\"},[_vm._m(0),_c('v-select',{staticClass:\"workshop-select\",attrs:{\"options\":_vm.workshops,\"filter-by\":_vm.filterBy,\"reduce\":function (workshop) { return workshop.workshopId; }},scopedSlots:_vm._u([{key:\"option\",fn:function(workshop){return [_vm._v(\" \"+_vm._s(workshop.name)+\" \"),_c('small',{},[_vm._v(\"(\"+_vm._s(workshop.city)+\", \"+_vm._s(workshop.countryCode)+\")\")])]}}]),model:{value:(_vm.formdata.workshopId),callback:function ($$v) {_vm.$set(_vm.formdata, \"workshopId\", $$v)},expression:\"formdata.workshopId\"}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Type workshop name and select from list.\")])],1),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"col-6 col-sm-5 col-md-4\"},[_vm._m(1),_c('date-picker',{attrs:{\"updateOnScroll\":\"\",\"minDate\":false,\"clearButton\":true,\"inputClass\":\"text-left\"},model:{value:(_vm.formdata.date),callback:function ($$v) {_vm.$set(_vm.formdata, \"date\", $$v)},expression:\"formdata.date\"}},[_c('template',{slot:\"prepend\"},[_c('span',{staticClass:\"input-group-text\"},[_c('i',{staticClass:\"far fa-calendar-alt\"})])])],2)],1),_c('div',{staticClass:\"col-6 col-sm-7 col-md-8\"},[_c('label',[_vm._v(\"Fitter\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formdata.fitterName),expression:\"formdata.fitterName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.formdata.fitterName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formdata, \"fitterName\", $event.target.value)}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Name of person who performed the fitting.\")])])])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"Original tire report\")]),_c('div',{staticClass:\"custom-file\"},[_c('input',{staticClass:\"custom-file-input\",attrs:{\"type\":\"file\",\"id\":\"add-report\"},on:{\"change\":_vm.addReport}}),_c('label',{staticClass:\"custom-file-label grey\",attrs:{\"for\":\"add-report\"}},[(_vm.tireReport)?_c('span',[_vm._v(_vm._s(_vm.tireReport.file.name))]):_c('span',[_vm._v(\"Choose file\")])]),(_vm.tireReport && _vm.tireReport.progress.uploading)?_c('div',{staticClass:\"mt-2 progress\",staticStyle:{\"height\":\"10px\"}},[_c('div',{staticClass:\"progress-bar\",style:('width: ' + _vm.tireReport.progress.current + '%;'),attrs:{\"role\":\"progressbar\",\"aria-valuenow\":_vm.tireReport.progress.current,\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}},[_vm._v(\" \"+_vm._s(_vm.tireReport.progress.current)+\"% \")])]):_vm._e()])])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"Invoice\")]),_c('div',{staticClass:\"custom-file\"},[_c('input',{staticClass:\"custom-file-input\",attrs:{\"type\":\"file\",\"id\":\"add-invoice\"},on:{\"change\":_vm.addInvoice}}),_c('label',{staticClass:\"custom-file-label grey\",attrs:{\"for\":\"add-invoice\"}},[(_vm.invoice)?_c('span',[_vm._v(_vm._s(_vm.invoice.file.name))]):_c('span',[_vm._v(\"Choose file\")])]),(_vm.invoice && _vm.invoice.progress.uploading)?_c('div',{staticClass:\"mt-2 progress\",staticStyle:{\"height\":\"10px\"}},[_c('div',{staticClass:\"progress-bar\",style:('width: ' + _vm.invoice.progress.current + '%;'),attrs:{\"role\":\"progressbar\",\"aria-valuenow\":_vm.invoice.progress.current,\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}},[_vm._v(\" \"+_vm._s(_vm.invoice.progress.current)+\"% \")])]):_vm._e()])])]),_c('button',{staticClass:\"btn btn-info btn-lg btn-block mt-4\",attrs:{\"tag\":\"button\",\"disabled\":!_vm.canSave},on:{\"click\":_vm.save}},[_vm._v(\" Save details \")])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_vm._v(\" Workshop \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_vm._v(\" Date \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"container pt-4 pt-sm-3 pb-3\">\n      <div class=\"row\">\n        <div class=\"col-lg-8 offset-lg-2 col-xl-6 offset-xl-3\">\n          <h1 class=\"h5\">\n            <router-link v-if=\"newTireReport\" :to=\"{ name: 'trailer', params: { id: newTireReport.tireReportId } }\">\n              <i class=\"far fa-lg fa-angle-left mr-2\"></i>Workshop</router-link>\n          </h1>\n          <hr />\n\n          <div class=\"form-group\">\n            <label>\n              Workshop\n              <span class=\"text-danger\">*</span>\n            </label>\n            <v-select\n              :options=\"workshops\"\n              :filter-by=\"filterBy\"\n              :reduce=\"(workshop) => workshop.workshopId\"\n              v-model=\"formdata.workshopId\"\n              class=\"workshop-select\"\n            >\n              <template v-slot:option=\"workshop\">\n                {{ workshop.name }}\n                <small class=\"\">({{ workshop.city }}, {{ workshop.countryCode }})</small>\n              </template>\n            </v-select>\n            <small class=\"form-text text-muted\">Type workshop name and select from list.</small>\n          </div>\n          <div class=\"form-group\">\n            <div class=\"form-row\">\n              <div class=\"col-6 col-sm-5 col-md-4\">\n                <label>\n                  Date\n                  <span class=\"text-danger\">*</span>\n                </label>\n                <date-picker\n                  updateOnScroll\n                  v-model=\"formdata.date\"\n                  :minDate=\"false\"\n                  :clearButton=\"true\"\n                  inputClass=\"text-left\"\n                >\n                  <template slot=\"prepend\">\n                    <span class=\"input-group-text\">\n                      <i class=\"far fa-calendar-alt\"></i>\n                    </span>\n                  </template>\n                </date-picker>\n              </div>\n              <div class=\"col-6 col-sm-7 col-md-8\">\n                <label>Fitter</label>\n                <input type=\"text\" class=\"form-control\" v-model=\"formdata.fitterName\" />\n                <small class=\"form-text text-muted\">Name of person who performed the fitting.</small>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"form-group\">\n            <div class=\"form-group\">\n              <label>Original tire report</label>\n              <div class=\"custom-file\">\n                <input type=\"file\" class=\"custom-file-input\" @change=\"addReport\" id=\"add-report\" />\n                <label class=\"custom-file-label grey\" for=\"add-report\">\n                  <span v-if=\"tireReport\">{{ tireReport.file.name }}</span>\n                  <span v-else>Choose file</span>\n                </label>\n                <div v-if=\"tireReport && tireReport.progress.uploading\" class=\"mt-2 progress\" style=\"height: 10px;\">\n                  <div\n                    class=\"progress-bar\"\n                    role=\"progressbar\"\n                    :style=\"'width: ' + tireReport.progress.current + '%;'\"\n                    :aria-valuenow=\"tireReport.progress.current\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                  >\n                    {{ tireReport.progress.current }}%\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"form-group\">\n            <div class=\"form-group\">\n              <label>Invoice</label>\n              <div class=\"custom-file\">\n                <input type=\"file\" class=\"custom-file-input\" @change=\"addInvoice\" id=\"add-invoice\" />\n                <label class=\"custom-file-label grey\" for=\"add-invoice\">\n                  <span v-if=\"invoice\">{{ invoice.file.name }}</span>\n                  <span v-else>Choose file</span>\n                </label>\n                <div v-if=\"invoice && invoice.progress.uploading\" class=\"mt-2 progress\" style=\"height: 10px;\">\n                  <div\n                    class=\"progress-bar\"\n                    role=\"progressbar\"\n                    :style=\"'width: ' + invoice.progress.current + '%;'\"\n                    :aria-valuenow=\"invoice.progress.current\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                  >\n                    {{ invoice.progress.current }}%\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <button @click=\"save\" tag=\"button\" :disabled=\"!canSave\" class=\"btn btn-info btn-lg btn-block mt-4\">\n            Save details\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.workshop-select .vs__search::placeholder,\n.workshop-select .vs__dropdown-toggle,\n.workshop-select .vs__dropdown-menu {\n  background: white;\n  color: #394066;\n}\n</style>\n\n<script>\nimport { mapGetters, mapActions, mapState } from 'vuex'\nimport {v4 as uuidv4} from 'uuid'\nimport 'vue-select/dist/vue-select.css'\nimport { uploadAttachment } from '../../api/api'\n\nexport default {\n  metaInfo: {\n    title: 'Workshop',\n  },\n  data: () => {\n    return {\n      formdata: {\n        workshopId: '',\n        date: '',\n        fitterName: '',\n      },\n      invoice: null,\n      tireReport: null,\n      search: {\n        q: '',\n        savedSearch: '',\n        countryCode: '',\n        hasContryCode: false,\n        parts: [],\n      },\n    }\n  },\n  mounted() {\n     if (!this.newTireReport || !this.newTireReport.tireReportId) {\n      if (this.$route.params.id) {\n         this.$router.push({ name: \"trailer\", params: { id: this.$route.params.id } })\n      } else {\n        this.$router.replace({ name: \"frontpage\" });\n      }\n      return;\n    }\n\n    if (!(this.newTireReport && this.newTireReport.workshop)) {\n      return\n    }\n\n    const w = this.newTireReport.workshop\n    this.formdata.workshopId = w.workshopId\n    this.formdata.date = w.date\n    this.formdata.fitterName = w.fitterName\n\n    const a = this.newTireReport.attachments\n    this.tireReport = a && a.tireReport ? a.tireReport : null\n    this.invoice = a && a.invoice ? a.invoice : null\n  },\n  computed: {\n    ...mapGetters('tireReports', ['workshops']),\n    ...mapState('tireReports', ['newTireReport']),\n    countryCodes: function () {\n      let codes = {}\n      this.workshops.forEach((workshop) => {\n        codes[workshop.countryCode] = true\n      })\n      return codes\n    },\n    canSave: function () {\n      if (!this.formdata.workshopId) return false\n      if (!this.formdata.date) return false\n      if (this.invoice && this.invoice.progress.uploading) return false\n      if (this.tireReport && this.tireReport.progress.uploading) return false\n      return true\n    },\n  },\n  methods: {\n    ...mapActions('tireReports', ['addWorkshopData', 'addAttachmentData']),\n    filterBy: function (option, label, search) {\n      let saved = this.search\n      if (saved.savedSearch != search) {\n        saved.savedSearch = search\n        saved.q = search.toLowerCase()\n        saved.hasContryCode = false\n        saved.countryCode = ''\n\n        saved.q.split().forEach((part) => {\n          let cc = part.toUpperCase()\n          if (this.countryCodes[cc]) {\n            saved.hasContryCode = true\n            saved.countryCode = cc\n          }\n        })\n      }\n\n      return (\n        option.searchLabel.indexOf(saved.q) > -1 || (saved.hasContryCode && option.countryCode == saved.countryCode)\n      )\n    },\n    addReport: function (ev) {\n      this.uploadFile(ev, 'tireReport', 'service-report')\n    },\n    addInvoice: function (ev) {\n      this.uploadFile(ev, 'invoice', 'service-report-invoice')\n    },\n    uploadFile(ev, key, label) {\n      if (ev.target.files && ev.target.files[0]) {\n        const file = ev.target.files[0]\n        const fileObject = {\n          file: event.target.files[0],\n          blob: file.type.substring(0, 5) == 'image' ? URL.createObjectURL(file) : null,\n        }\n\n        fileObject.file.id = uuidv4()\n        this.$set(fileObject, 'progress', {\n          current: 0,\n          uploading: true,\n          id: null,\n        })\n        this[key] = Object.assign({}, this[key], fileObject)\n\n        if (file.size > 1024 * 1024 * 100) {\n          fileObject.progress.error = 'too large'\n          fileObject.progress.uploading = false\n          return\n        }\n\n        uploadAttachment(fileObject, this.newTireReport.tireReportId, key, label).then(() => {})\n      } else {\n        this[key] = null\n      }\n    },\n    save() {\n      this.addWorkshopData({\n        workshopId: this.formdata.workshopId,\n        date: this.formdata.date.split('T')[0],\n        fitterName: this.formdata.fitterName,\n      })\n      this.addAttachmentData({\n        ...(this.invoice && { invoice: this.invoice }),\n        ...(this.tireReport && { tireReport: this.tireReport }),\n      })\n      this.$router.push({\n        name: 'trailer',\n        params: { id: this.newTireReport.tireReportId },\n      })\n    },\n  },\n}\n</script>\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!./TireWorkshop.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!./TireWorkshop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TireWorkshop.vue?vue&type=template&id=9c771c0a&\"\nimport script from \"./TireWorkshop.vue?vue&type=script&lang=js&\"\nexport * from \"./TireWorkshop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TireWorkshop.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}