{"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","webpack:///src/components/modals/Trucks/addTruck.vue","webpack:///./src/components/modals/Trucks/addTruck.vue?f702","webpack:///./src/components/modals/Trucks/addTruck.vue?6d20","webpack:///./src/assets/img/Group 484.png","webpack:///./src/views/Company/Driver/manage_trucks.vue","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?d70b","webpack:///./src/components/modals/Trucks/editTruck.vue","webpack:///src/components/modals/Trucks/editTruck.vue","webpack:///./src/components/modals/Trucks/editTruck.vue?0c92","webpack:///./src/components/modals/Trucks/editTruck.vue?237d"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","modalWidth","require","_v","_s","$t","staticStyle","ref","directives","name","rawName","value","truck","expression","domProps","on","$event","target","composing","$set","plateNumber","tankType","capacity","style","isButtonDisabled","cursor","addTruck","staticRenderFns","$","MODAL_WIDTH","props","data","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.2040a277.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 render(){var _vm=this,_c=_vm._self._c;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' },\n              ]),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\"}})])])])])])])\n}\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 render(){var _vm=this,_c=_vm._self._c;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          },\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)\n}\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 render(){var _vm=this,_c=_vm._self._c;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' },\n              ]),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\"}})])])])])])])\n}\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":""}