{"version":3,"sources":["webpack:///./src/views/Company/Driver/manage_trucks.vue?2242","webpack:///./src/assets/img/truck (1).png","webpack:///./src/components/modals/Trucks/addTruck.vue?89db","webpack:///src/components/modals/Trucks/addTruck.vue","webpack:///./src/components/modals/Trucks/addTruck.vue?f702","webpack:///./src/components/modals/Trucks/addTruck.vue","webpack:///./src/assets/img/Group 484.png","webpack:///./src/views/Company/Driver/manage_trucks.vue?a727","webpack:///src/views/Company/Driver/manage_trucks.vue","webpack:///./src/views/Company/Driver/manage_trucks.vue?0248","webpack:///./src/views/Company/Driver/manage_trucks.vue","webpack:///./src/components/modals/Trucks/editTruck.vue?f970","webpack:///src/components/modals/Trucks/editTruck.vue","webpack:///./src/components/modals/Trucks/editTruck.vue?0c92","webpack:///./src/components/modals/Trucks/editTruck.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","modalWidth","_v","_s","$t","staticStyle","ref","directives","name","rawName","value","truck","expression","domProps","on","$event","target","composing","$set","style","isButtonDisabled","cursor","addTruck","staticRenderFns","$","MODAL_WIDTH","props","data","plateNumber","tankType","capacity","formIsValid","created","window","methods","closeAddTruckModal","message","type","duration","companyId","post","configObject","then","catch","error","component","backgroundImage","cardBackgroundUrl","backgroundRepeat","backgroundPosition","backgroundSize","truckCount","$tc","branchCount","backgroundUrl","openAddTruckModal","showLoader","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","buttonsTemplate","title","components","MasterLayout","AddTruck","EditTruck","TableLoader","provide","grid","company","zoneId","zoneName","pageSizes","pageCount","pageSize","operator","ignoreCase","template","changeRoute","editTruck","deleteTruck","id","fetch","method","headers","Authorization","body","res","watch","beforeDestroy","mounted","searchFun","query","getTrucks","get","response","zone","dataSource","closeEditTruckModal","put"],"mappings":"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","file":"js/chunk-81d713fe.cb61c69c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage_trucks.vue?vue&type=style&index=0&id=2febd560&prod&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAAABHNCSVQICAgIfAhkiAAAAwhJREFUWEftmD1sT2EUxn/PZtMmEiONAYmUThKR0MlIY7CpRuJjUgkxto3GqmJhEDVIbK0YjHRj0VpYO2BtO5qOPNd7/25v/9+9+V8S73Zz3/ec55zzvOfjVUQEcBd4CfyguzUsabO7rdXuUkTcAd4DX4GbXYp/LOlnl3sr3aZKpQ1AmD3s0O4dgK5cxaak4X71GbA5/AJY7FdID+euAJOS+o5sDngOmAdGe1Dez9brwLWqAD/tIUv0A7ZxpirAD4DTu0LS+fAkcLkSwJJmO+vb3Y6IeAVc6iDFSWCkVZ5vcHhAgJ3vzwC+M63WNPBO0kSzDbUAbkeJiDDgh8CEpOUy6NoAF4A1c+QWsAGMlalRJ2DfmRlgvAni/YD5/kiSPf4nw6TCMTdIDpsSEZEBbkWP/L8NkmTuZ6t2D3fg85rbBkkj/wrgs84Yzio5A/5qD9urEbEA3EoXcK12wECngrUHuAGsSxqrE/AFYFsGaFNMhoDjwFRtgHst8o1sVlda+w8490BEHEwNi3m0JmmlV+8UZGXNTzn3RoTTlznqTm1F0npZR5kS34FvhU3nJG0Vqk3xvJW6MdmMiCfAiR4M2AccygFHhJ2wBBhwcc1KmosIz35v04+TWT5OyD3ifymcmAKupq7JreBCAuiZzHlxVdJ4RNwHjvYA+BhwuADYxtvgaUmLyQBnDvcYt4HnwLMk/2IR8I5eIk3Ty5IMsrEiwt8WtK3GdwM6IhqUSDRwFdvRRkaE20pTpzFdlynRSl8mLCJssWlyKlUfT9qVrIK3PwJvJM1HhHO0qVJeGSUcAnOpuFxd7mWJ+neoHI5RSTMpbO5VX/sS9ojaeo4AHxIVzgPZs1ei1ydJS4VeuTyZLLd8H4gI39QNl8MSJfI+1nPXjtvcrQERYe6uFhub/GxE2BF+cClfRtoBzjslH/ZFc8oxfx2uSvrnQmPjRxzz1hFwxG2Mp40dEWz7ApO8YEEHkvUeXZxybEAlK4XfUcufyz7bMc3AWmFXT0aJt0O7oUAn61KBMg3aPuP+Aj+W1KJPUA7LAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"addTruck\",attrs:{\"name\":\"addTruck\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":450}},[_c('div',{staticClass:\"retainership__box\"},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"add__retainership__header mt-2\"},[_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/img/Group 484.png\"),\"width\":\"50px\"}})]),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.addTruckModal.title\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.addTruckModal.name\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.name),expression:\"truck.name\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.addTruckModal.name')},domProps:{\"value\":(_vm.truck.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"name\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.addTruckModal.plateNumber\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.plateNumber),expression:\"truck.plateNumber\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.addTruckModal.plateNumber')},domProps:{\"value\":(_vm.truck.plateNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"plateNumber\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.addTruckModal.tankType\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.tankType),expression:\"truck.tankType\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.addTruckModal.tankType')},domProps:{\"value\":(_vm.truck.tankType)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"tankType\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.addTruckModal.capacity\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.capacity),expression:\"truck.capacity\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.addTruckModal.capacity')},domProps:{\"value\":(_vm.truck.capacity)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"capacity\", $event.target.value)}}})])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5\"},[_c('button',{staticClass:\"add_quick_fuel_btn\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.addTruck($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.addTruckModal.title\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"addTruck\"\r\n    name=\"addTruck\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"450\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <div class=\"text-center\">\r\n        <h3 class=\"add__retainership__header mt-2\">\r\n          <span>\r\n            <img src=\"@/assets/img/Group 484.png\" width=\"50px\" />\r\n          </span>\r\n          {{ $t(\"text.addTruckModal.title\") }}\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <form>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <div style=\"display: flex; justify-content: flex-start\">\r\n                  <label class=\"required\">\r\n                    {{ $t(\"text.addTruckModal.name\") }}\r\n                  </label>\r\n                </div>\r\n                <div class=\"input__block\" ref=\"target_input_div\">\r\n                  <input\r\n                    style=\"padding: 20px; width: 100%\"\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.addTruckModal.name')\"\r\n                    v-model=\"truck.name\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div style=\"display: flex; justify-content: flex-start\">\r\n                  <label class=\"required\">\r\n                    {{ $t(\"text.addTruckModal.plateNumber\") }}\r\n                  </label>\r\n                </div>\r\n                <div class=\"input__block\" ref=\"target_input_div\">\r\n                  <input\r\n                    style=\"padding: 20px; width: 100%\"\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.addTruckModal.plateNumber')\"\r\n                    v-model=\"truck.plateNumber\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <div class=\"form_input_section mt-4\">\r\n                  <div style=\"display: flex; justify-content: flex-start\">\r\n                    <label class=\"required\">\r\n                      {{ $t(\"text.addTruckModal.tankType\") }}\r\n                    </label>\r\n                  </div>\r\n                  <div class=\"input__block\" ref=\"target_input_div\">\r\n                    <input\r\n                      style=\"padding: 20px; width: 100%\"\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.addTruckModal.tankType')\"\r\n                      v-model=\"truck.tankType\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div class=\"form_input_section mt-4\">\r\n                  <div style=\"display: flex; justify-content: flex-start\">\r\n                    <label class=\"required\">\r\n                      {{ $t(\"text.addTruckModal.capacity\") }}\r\n                    </label>\r\n                  </div>\r\n                  <div class=\"input__block\" ref=\"target_input_div\">\r\n                    <input\r\n                      style=\"padding: 20px; width: 100%\"\r\n                      type=\"number\"\r\n                      :placeholder=\"$t('text.addTruckModal.capacity')\"\r\n                      v-model=\"truck.capacity\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"text-center mt-5\">\r\n              <button\r\n                class=\"add_quick_fuel_btn\"\r\n                @click=\"addTruck($event)\"\r\n                :disabled=\"isButtonDisabled ? true : null\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                {{ $t(\"text.addTruckModal.title\") }} <span></span>\r\n              </button>\r\n              <img\r\n                src=\"@/assets/img/git_loader.gif\"\r\n                style=\"display: none\"\r\n                width=\"35px\"\r\n                class=\"ml-3 loader\"\r\n              />\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 700;\r\n\r\nexport default {\r\n  name: \"addTruck\",\r\n  props: [\"companyId\"],\r\n  data() {\r\n    return {\r\n      truck: {\r\n        name: \"\",\r\n        plateNumber: \"\",\r\n        tankType: \"\",\r\n        capacity: \"\",\r\n      },\r\n      modalWidth: MODAL_WIDTH,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    closeAddTruckModal() {\r\n      this.$modal.hide(\"addTruck\");\r\n    },\r\n    addTruck($event) {\r\n      $event.preventDefault();\r\n      if (!this.truck.name) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.nameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.plateNumber) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.plateNumberMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.tankType) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.tankTypeMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.capacity) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.capacityMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (this.truck.capacity <= 0) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.lowCapacity\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      // let companyID;\r\n      // if (localStorage.getItem(\"companyDetails\") !== null) {\r\n      //   companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      // }\r\n      this.truck.capacity = parseInt(this.truck.capacity);\r\n      let data = Object.assign({}, this.truck, { companyId: this.companyId });\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Delivery/CompanyTruck`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.truck = {\r\n            name: \"\",\r\n            plateNumber: \"\",\r\n            tankType: \"\",\r\n            capacity: \"\",\r\n          };\r\n          this.closeAddTruckModal();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.addTruckModal.successfullyAdded\"),\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n          this.$eventHub.$emit(\"getTrucks\");\r\n          data = null;\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          this.closeAddTruckModal();\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addTruck.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addTruck.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addTruck.vue?vue&type=template&id=53df939a&\"\nimport script from \"./addTruck.vue?vue&type=script&lang=js&\"\nexport * from \"./addTruck.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","module.exports = __webpack_public_path__ + \"img/Group 484.04ac4e64.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"card_container\",style:({\n          backgroundImage: (\"url(\" + _vm.cardBackgroundUrl + \")\"),\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'right',\n          backgroundSize: ' 136px',\n        })},[_c('div',{staticClass:\"card__header___text\"},[_c('div',[_c('h3',{staticClass:\"our_branches__header\"},[_vm._v(\"\\n              \"+_vm._s(_vm.truckCount > 1 || _vm.truckCount === 0\n                  ? _vm.$tc(\"text.manageTrucks.title\", 2)\n                  : _vm.$tc(\"text.manageTrucks.title\", 1))+\": \"+_vm._s(_vm.truckCount)+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"dealer__icon__wrapper mt-3\"},[_c('div',{staticClass:\"dealer__icon__div text-center\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/truck (1).png\"),\"width\":\"80%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-3\"},[_c('h3',[_vm._v(_vm._s(_vm.branchCount))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelbalance_first_row_right_section mr-3 co_order\",style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"our__branches__banner\"},[_c('div',{staticClass:\"row align-items-center d-flex justify-content-center text-center section__row\"},[_c('button',{staticClass:\"add__new__retainership_btn\",on:{\"click\":_vm.openAddTruckModal}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.manageTrucks.addTruck\"))+\"\\n            \")])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12 col-lg-12 mt-3\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"50\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"name\",\"headerText\":_vm.$t('text.manageTrucks.truckName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"240\",\"field\":\"plateNumber\",\"headerText\":_vm.$t('text.manageTrucks.plateNumber')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"tankType\",\"headerText\":_vm.$t('text.manageTrucks.tankType')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"capacity\",\"headerText\":_vm.$t('text.manageTrucks.capacity')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('AddTruck',{attrs:{\"companyId\":_vm.companyId}}),_vm._v(\" \"),_c('EditTruck',{attrs:{\"truck\":_vm.truck,\"companyId\":_vm.companyId}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuelbalance_first_row\">\r\n        <div\r\n          class=\"card_container\"\r\n          :style=\"{\r\n            backgroundImage: `url(${cardBackgroundUrl})`,\r\n            backgroundRepeat: 'no-repeat',\r\n            backgroundPosition: 'right',\r\n            backgroundSize: ' 136px',\r\n          }\"\r\n        >\r\n          <div class=\"card__header___text\">\r\n            <div>\r\n              <h3 class=\"our_branches__header\">\r\n                {{\r\n                  truckCount > 1 || truckCount === 0\r\n                    ? $tc(\"text.manageTrucks.title\", 2)\r\n                    : $tc(\"text.manageTrucks.title\", 1)\r\n                }}: {{ truckCount }}\r\n              </h3>\r\n              <div class=\"dealer__icon__wrapper mt-3\">\r\n                <div class=\"dealer__icon__div text-center\">\r\n                  <div>\r\n                    <img src=\"@/assets/img/truck (1).png\" width=\"80%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"text-center mt-3\">\r\n                <h3>{{ branchCount }}</h3>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuelbalance_first_row_right_section mr-3 co_order\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"our__branches__banner\">\r\n            <div\r\n              class=\"row align-items-center d-flex justify-content-center text-center section__row\"\r\n            >\r\n              <button\r\n                class=\"add__new__retainership_btn\"\r\n                @click=\"openAddTruckModal\"\r\n              >\r\n                {{ $t(\"text.manageTrucks.addTruck\") }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <section class=\"mt-3 pump__details__section_2\">\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12 col-lg-12 mt-3\">\r\n            <ejs-grid\r\n              v-show=\"!showLoader\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"50\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  width=\"150\"\r\n                  field=\"name\"\r\n                  :headerText=\"$t('text.manageTrucks.truckName')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"240\"\r\n                  field=\"plateNumber\"\r\n                  :headerText=\"$t('text.manageTrucks.plateNumber')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"tankType\"\r\n                  :headerText=\"$t('text.manageTrucks.tankType')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"capacity\"\r\n                  :headerText=\"$t('text.manageTrucks.capacity')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"200\"\r\n                  :template=\"buttonsTemplate\"\r\n                  :headerText=\"$t('text.actionButtons.title')\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <TableLoader :showLoader=\"showLoader\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <AddTruck :companyId=\"companyId\"></AddTruck>\r\n      <EditTruck :truck=\"truck\" :companyId=\"companyId\"></EditTruck>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Credit-card-background-shallow-DOF.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport AddTruck from \"@/components/modals/Trucks/addTruck.vue\";\r\nimport EditTruck from \"@/components/modals/Trucks/editTruck.vue\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Manage Trucks :: Epump Portal\",\r\n  name: \"Manage Trucks\",\r\n  components: {\r\n    MasterLayout,\r\n    AddTruck,\r\n    EditTruck,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      truck: \"\",\r\n      truckCount: 0,\r\n      company: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      zoneId: null,\r\n      zoneName: \"\",\r\n      companyId: this.$route.query.companyId,\r\n      showLoader: false,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template: `<div> \r\n                <button class=\"zone_action_buttons edit_category\" v-on:click=\"editTruck(data)\">{{data.edit}}</button> \r\n                <button class=\"zone_action_buttons delete_category\" v-on:click=\"deleteTruck(data.id, data.companyId, data.text)\">{{data.delete}}</button> \r\n                </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              changeRoute(route, id) {\r\n                this.$eventHub.$emit(\"changeRoute\", route, id);\r\n              },\r\n              editTruck(data) {\r\n                this.$eventHub.$emit(\"setCompanyTruck\", data);\r\n\r\n                this.$modal.show(\"editTruck\");\r\n              },\r\n              deleteTruck(id, companyId, text) {\r\n                const remove = confirm(text[0]);\r\n                if (!remove) {\r\n                  return;\r\n                }\r\n                const data = { id, companyId };\r\n                fetch(`${configObject.apiBaseUrl}/Delivery/CompanyTruck`, {\r\n                  method: \"DELETE\",\r\n                  headers: {\r\n                    \"Content-Type\": \"application/json\",\r\n                    Authorization:\r\n                      configObject.authConfig().headers.Authorization,\r\n                  },\r\n                  body: JSON.stringify(data),\r\n                })\r\n                  .then((res) => {\r\n                    this.$toast.open({\r\n                      message: text[1],\r\n                      type: \"success\",\r\n                      duration: 4000,\r\n                    });\r\n                    this.$eventHub.$emit(\"getTrucks\");\r\n                  })\r\n                  .catch((error) => {\r\n                    this.$toast.open({\r\n                      message: text[2],\r\n                      type: \"error\",\r\n                      duration: 4000,\r\n                    });\r\n                  });\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getTrucks();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getTrucks();\r\n    }\r\n    this.$eventHub.$on(\"changeRoute\", (route, id) => {\r\n      this.changeRoute(route, id);\r\n    });\r\n    this.$eventHub.$on(\"setCompanyTruck\", (data) => {\r\n      this.truck = data;\r\n    });\r\n    this.$eventHub.$on(\"getTrucks\", () => {\r\n      this.getTrucks();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"changeRoute\");\r\n    this.$eventHub.$off(\"setCompanyTruck\");\r\n    this.$eventHub.$off(\"getTrucks\");\r\n  },\r\n\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    changeRoute(route, id) {\r\n      this.$router.push({\r\n        name: route,\r\n        query: {\r\n          id,\r\n        },\r\n      });\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    openAddTruckModal() {\r\n      this.$modal.show(\"addTruck\");\r\n    },\r\n    getTrucks() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Delivery/CompanyTrucks/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          response.data.forEach((zone, index) => {\r\n            zone.index = index + 1;\r\n            zone.edit = this.$t(\"text.actionButtons.edit\");\r\n            zone.delete = this.$t(\"text.actionButtons.delete\");\r\n            zone.text = [\r\n              this.$t(\"text.manageTrucks.confirmDelete\"),\r\n              this.$t(\"text.manageTrucks.successfullyDeletedTruck\"),\r\n              this.$t(\"text.manageTrucks.failedToDelete\"),\r\n            ];\r\n          });\r\n          this.showLoader = false;\r\n          this.truckCount = response.data.length;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n@media screen and (max-width: 602px) {\r\n  .addTruck .v--modal-box.v--modal {\r\n    /* top: 88px !important; */\r\n    overflow-y: auto;\r\n    margin: 0 auto;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n  }\r\n\r\n  .editTruck .v--modal-box.v--modal {\r\n    /* top: 88px !important; */\r\n    overflow-y: auto;\r\n    margin: 0 auto;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage_trucks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage_trucks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./manage_trucks.vue?vue&type=template&id=2febd560&\"\nimport script from \"./manage_trucks.vue?vue&type=script&lang=js&\"\nexport * from \"./manage_trucks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./manage_trucks.vue?vue&type=style&index=0&id=2febd560&prod&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"editTruck\",attrs:{\"name\":\"editTruck\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":450}},[_c('div',{staticClass:\"retainership__box\"},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"add__retainership__header mt-2\"},[_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/img/Group 484.png\"),\"width\":\"50px\"}})]),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.editTruckModal.title\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.editTruckModal.name\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.name),expression:\"truck.name\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.editTruckModal.name')},domProps:{\"value\":(_vm.truck.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"name\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.editTruckModal.plateNumber\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.plateNumber),expression:\"truck.plateNumber\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.editTruckModal.plateNumber')},domProps:{\"value\":(_vm.truck.plateNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"plateNumber\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.editTruckModal.tankType\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.tankType),expression:\"truck.tankType\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.editTruckModal.tankType')},domProps:{\"value\":(_vm.truck.tankType)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"tankType\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.editTruckModal.capacity\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.truck.capacity),expression:\"truck.capacity\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.editTruckModal.capacity')},domProps:{\"value\":(_vm.truck.capacity)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.truck, \"capacity\", $event.target.value)}}})])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5\"},[_c('button',{staticClass:\"add_quick_fuel_btn\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.editTruck($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.editTruckModal.title\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"editTruck\"\r\n    name=\"editTruck\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"450\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <div class=\"text-center\">\r\n        <h3 class=\"add__retainership__header mt-2\">\r\n          <span>\r\n            <img src=\"@/assets/img/Group 484.png\" width=\"50px\" />\r\n          </span>\r\n          {{ $t(\"text.editTruckModal.title\") }}\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <form>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <div style=\"display: flex; justify-content: flex-start\">\r\n                  <label class=\"required\">\r\n                    {{ $t(\"text.editTruckModal.name\") }}\r\n                  </label>\r\n                </div>\r\n                <div class=\"input__block\" ref=\"target_input_div\">\r\n                  <input\r\n                    style=\"padding: 20px; width: 100%\"\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.editTruckModal.name')\"\r\n                    v-model=\"truck.name\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div style=\"display: flex; justify-content: flex-start\">\r\n                  <label class=\"required\">\r\n                    {{ $t(\"text.editTruckModal.plateNumber\") }}\r\n                  </label>\r\n                </div>\r\n                <div class=\"input__block\" ref=\"target_input_div\">\r\n                  <input\r\n                    style=\"padding: 20px; width: 100%\"\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.editTruckModal.plateNumber')\"\r\n                    v-model=\"truck.plateNumber\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <div class=\"form_input_section mt-4\">\r\n                  <div style=\"display: flex; justify-content: flex-start\">\r\n                    <label class=\"required\">\r\n                      {{ $t(\"text.editTruckModal.tankType\") }}\r\n                    </label>\r\n                  </div>\r\n                  <div class=\"input__block\" ref=\"target_input_div\">\r\n                    <input\r\n                      style=\"padding: 20px; width: 100%\"\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.editTruckModal.tankType')\"\r\n                      v-model=\"truck.tankType\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div class=\"form_input_section mt-4\">\r\n                  <div style=\"display: flex; justify-content: flex-start\">\r\n                    <label class=\"required\">\r\n                      {{ $t(\"text.editTruckModal.capacity\") }}\r\n                    </label>\r\n                  </div>\r\n                  <div class=\"input__block\" ref=\"target_input_div\">\r\n                    <input\r\n                      style=\"padding: 20px; width: 100%\"\r\n                      type=\"number\"\r\n                      :placeholder=\"$t('text.editTruckModal.capacity')\"\r\n                      v-model=\"truck.capacity\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"text-center mt-5\">\r\n              <button\r\n                class=\"add_quick_fuel_btn\"\r\n                @click=\"editTruck($event)\"\r\n                :disabled=\"isButtonDisabled ? true : null\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                {{ $t(\"text.editTruckModal.title\") }} <span></span>\r\n              </button>\r\n              <img\r\n                src=\"@/assets/img/git_loader.gif\"\r\n                style=\"display: none\"\r\n                width=\"35px\"\r\n                class=\"ml-3 loader\"\r\n              />\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 700;\r\n\r\nexport default {\r\n  name: \"editTruck\",\r\n  props: [\"truck\", \"companyId\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    closeEditTruckModal() {\r\n      this.$modal.hide(\"editTruck\");\r\n    },\r\n    editTruck($event) {\r\n      $event.preventDefault();\r\n      if (!this.truck.name) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editTruckModal.nameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.plateNumber) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editTruckModal.plateNumberMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.tankType) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editTruckModal.tankTypeMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.truck.capacity) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editTruckModal.capacityMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (this.truck.capacity <= 0) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.addTruckModal.lowCapacity\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      // let companyID;\r\n      // if (localStorage.getItem(\"companyDetails\") !== null) {\r\n      //   companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      // }\r\n      this.truck.capacity = parseInt(this.truck.capacity);\r\n      let data = Object.assign({}, this.truck, { companyId: this.companyId });\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Delivery/CompanyTruck`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.closeEditTruckModal();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.editTruckModal.successfullyEdited\"),\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n          this.$eventHub.$emit(\"getTrucks\");\r\n          data = null;\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          this.closeEditTruckModal();\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editTruck.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editTruck.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editTruck.vue?vue&type=template&id=009b0f2f&\"\nimport script from \"./editTruck.vue?vue&type=script&lang=js&\"\nexport * from \"./editTruck.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":""}