{"version":3,"sources":["webpack:///./src/views/Company/Product/index.vue?36a8","webpack:///./src/assets/img/truck (1).png","webpack:///./src/components/modals/Product/editProduct.vue?426c","webpack:///./src/assets/img/Group 484.png","webpack:///./src/assets/img/remove (1).png","webpack:///./src/views/Company/Product/index.vue","webpack:///./src/components/modals/Product/editProduct.vue","webpack:///src/components/modals/Product/editProduct.vue","webpack:///./src/components/modals/Product/editProduct.vue?42b9","webpack:///./src/components/modals/Product/editProduct.vue?7c45","webpack:///src/views/Company/Product/index.vue","webpack:///./src/views/Company/Product/index.vue?10d1","webpack:///./src/views/Company/Product/index.vue?510f"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","style","backgroundImage","cardBackgroundUrl","backgroundRepeat","backgroundPosition","backgroundSize","_v","_s","productCount","$tc","attrs","require","backgroundUrl","staticStyle","name","query","companyId","$route","$t","directives","rawName","value","showLoader","expression","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","buttonsTemplate","product","states","state","staticRenderFns","modalWidth","opened","productName","domProps","on","$event","target","composing","$set","price","deliverableLGAs","length","_l","prod","index","key","refInFor","lgaId","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","lgas","lg","i","id","deliveryHour","deleteLGA","_e","addLocalGovernment","isButtonDisabled","cursor","editProduct","$","MODAL_WIDTH","props","data","formIsValid","computed","stateId","get","created","window","mounted","watch","modalProduct","immediate","handler","methods","getStateLga","configObject","then","resp","stateChanged","closeEditProductModal","message","type","duration","x","cur","deliveryHours","productId","lgAs","put","catch","error","component","title","components","MasterLayout","EditProduct","TableLoader","provide","grid","company","pageSizes","pageCount","pageSize","operator","ignoreCase","template","companyProductsRouter","route","deleteProduct","fetch","method","headers","Authorization","body","res","beforeDestroy","searchFun","getStates","response","openAddTruckModal","getProducts","dataSource"],"mappings":"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,CAAC,IAAMC,EAAQ,QAA+B,MAAQ,aAAa,YAErXwB,EAAkB,G,qBCoKtB,IAAI0C,EAAI,IAER,MAAMC,EAAc,IAEL,OACfhE,oBACAiE,wCACAC,OACA,OACAhD,WACAI,aACA6C,eACAP,oBAEAR,UAGAgB,UACAC,SACAC,eACA,qBAIAC,UACA,gBACAC,2BAGAC,YAGAC,OACAtD,iBACA,oBAEAuD,cACAC,aACAC,UACA,kCAIAC,SACAnB,sBACAhC,mBACA,uCAEA8B,aACA,0CAEAlC,SACA,oBAEAwD,cACA,WACAT,IACA,mDACAU,qBAEAC,KAAAC,IACA,oBAGAC,kBACA,4BACA,gCAEAC,wBACA,iCAEAtB,eAEA,GADAnC,oBACA,yBAOA,OANA,kBACA0D,4DACAC,aACAC,oBAEA,qBAGA,uBAOA,OANA,kBACAF,sDACAC,aACAC,oBAEA,qBAGA,yBAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,2CAEA,mBAOA,OANA,kBACAF,6DACAC,aACAC,oBAEA,qBAGA,oBAMA,YALA,kBACAF,uDACAC,aACAC,eAIAC,wCAQA,MANA,8DACAC,KACAC,6BACAnD,iBAIA,gDACArC,yDAEA,gDAEA,OACAqD,mBACAoC,iCACAnE,qCACAO,yBACAsC,sBACAuB,kCACA1F,aAEA,yBACA6D,oBACA,WACA8B,IACA,sCACA3B,EACAc,qBAEAC,KAAA,KACAlB,oBACA,yBACA,6BACA,kBACAsB,4DACAC,eACAC,eAEA,oCACArB,OACA,eAEA4B,MAAAC,IACA,yBACA,6BACAhC,yBClVmX,I,wBCQ/WiC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QC4Hf,IAAI,EAAI,IAEO,OACfC,iCACAjG,qBACAkG,YACAC,oBACAC,cACAC,oBAEAC,SACAC,yDAEArC,OACA,OACAlD,yCACAG,UACAC,SACAF,WACAxB,eACA8G,aACA1G,kBACAV,sBACAoB,cACAI,cACA6F,6BACAC,YACAC,aAEA9F,6CACAC,QAAA8F,oBAAAC,eACA5F,2BACA,OACA6F,kDACAA,ooBAKA5C,gBACA,OACAA,UAGAY,SACAiC,+BACApF,mBACA,qBACA,wBACAqF,EACArB,EACApC,IAGAO,eACA,4CAEA,iCAEAmD,qBACA,sBACA,MACA,OAEA,SAAA1D,KAAArD,aACAgH,6CACAC,gBACAC,SACA,kCACAC,cACArC,2CAEAsC,yBAEArC,KAAAsC,IACA,kBACAlC,aACAC,eACAC,eAEA,sCAEAO,MAAAC,IACA,kBACAV,aACAC,aACAC,yBAUAb,OACA8B,WACA,WACA,mBACA,oBAIAjC,UACA,iCACA,iBAEA,8BACA,mBACA,kBAGA,qDACA,oCAEA,2CAEA,aADA,eACA,aACA,qDACA,aACA,SAIA,sCACA,sBAGAiD,gBACA,6CACA,yCACA,oCAGA/C,UAIA,cACA,oEACA,iBACA8B,YANAxC,iCACA0D,SAQA3C,SACA4C,YACA,WACApD,IACA,mCACAU,qBAEAC,KAAA0C,IACA,qBAEA7B,MAAAC,QAEAgB,6BACA,qBAGA,mBACA/G,OACAC,OACA0F,YACApC,KACArD,0CAIAa,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAiH,oBACA,8BAEAC,cACA,mBACA,WACAvD,IACA,0CACA,4BACA,4BACA,kBAEAU,qBAEAC,KAAA0C,IACA,mBACAA,mBACA,oCAEAA,uBACAzG,YACAA,sCACAA,2BACA,uCAEAA,gDACAA,oDACAA,QACA,kDACA,wDACA,0DAGA,mBACA,gCACA,gDACA4G,oBAEA,qBAEAhC,MAAAC,UC9W6W,ICQzW,G,UAAY,eACd,EACAnH,EACAyC,GACA,EACA,KACA,KACA,OAIa,e","file":"js/chunk-a15859fe.908ac561.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!./index.vue?vue&type=style&index=0&id=0eed48ef&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\"","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!./editProduct.vue?vue&type=style&index=0&id=1043edf8&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/Group 484.04ac4e64.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAABHNCSVQICAgIfAhkiAAAA65JREFUaEPtmU1IVFEUx//nzcKvFilKjo6jUItatAl0OUKLMoi0TKKggmrThxVWYKAtUnKl9EEFEUEJbTTSRTRuglwmtAmyhQtnnHkZSrYws8W8E/eOMz3fzHPee/Mp+DYD7517z++e+d9zznuXkORiNdgGoAPgfQDtTmaT/Xv8DaDPAEaoxjtm9Ef6Gzwf2g9NewZgZ/bB7HjgaSiuK1Tt+RAbJcGZmaCGboH4HgCXnSlzaBsBoRvVdYNExFFwde4YwCMAlByCOHGlgZQT5PaMEjMX4XswANAOJzPlfgzPw+1tIA7PnQfx89wDpOGR6QKxGhQ7tjWNafIxdJxYDcwCVJ8P7859coA4HFgFUZHzSfIwkvmvkArnwXXaLrfA4yEMzYJ/LQKh2egtTwNoe6X8zeSVmYivLEMbHwbPTAM/F5LzVVSBdu2B0noaKN2W9hrSBueP76FNvAH+/LYGU1IGpaUd5Dtkzd7Eyjl4LMqfJh0BUJMvreg7BtdePwVPOYOOd3gC/uRFZwt3kg6lPMZeOXJoHKS0nQE125eN/YivLCPSf926plMtr6QMrp77tjesbXBTiRSXysiJfwOrK+txN3oGgHwtUI6eTbXEdc9tg0fudgJLiwlO4s5Ds4g87vsPX1wK1+Vemce1ty/Bk/5EwIoquHofZhFcQA3eTu5A/OWXeqKFJgYvXqfWoOW9J/2mEnPdGLBVpGxFnL9MQXsxZB4ZA3yscqaCFnbKuS7Q3kbLUbcFrvlHwaLYbHTp4YVdikjHU+PBdigtx/MIrtO0pDBq3qwSZhM8pVT00Lomywp8VqUiAcw2pwFabkSxOY0b1pgq1/6BrG5O4cNSOtRnD53mTdNheSVcdx5Z1rcwtLU5xQDTAiS6Pl8LNJGnjZ3iRs8EhE19OwKHKPl91xKro6146YyFxHofZL/kC5ebs8laC1ZG2tpGH5RTOWxrJbt4kRgbdtyTUxrQzjRu0LKUjX/UuuaLS2WFdNKD613bzipJ92As+jNfk3aOckx5JaipWWaegnhZTliI+DyxtAAOB+Qjqq0HlVfZ6vysJKjMRNyKpwzbbIFnOKAppxOfmec3z2lEbD3iM7ManABwIOUSC8vAv4mPUqKHV+JUorqwgmpGwz/g9tZHjwvDwSMgjG8KcFIOk9vzLn6yzGqgG6CBgoYn3CS3d1AWNj0oh+c6QWzvy0yuVsp0lWrr4q9J68ClbFTVC0S6wNwBQk2uuJL6YaggGgFcQ1RTE9Tb/APjh+sGFcETywAAAABJRU5ErkJggg==\"","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.productCount > 1 || _vm.productCount === 0\n                  ? _vm.$tc(\"text.deliverableProducts.totalDeliverableProd\", 2)\n                  : _vm.$tc(\"text.deliverableProducts.totalDeliverableProd\", 1))+\": \"+_vm._s(_vm.productCount)+\"\\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:\"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('div',[_c('router-link',{staticClass:\"add__new__retainership_btn\",staticStyle:{\"text-decoration\":\"none\",\"color\":\"white\"},attrs:{\"to\":{\n                  name: 'add_product',\n                  query: { companyId: this.$route.query.companyId },\n                }}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.deliverableProducts.addProduct\"))+\"\\n              \")])],1)])])])]),_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\":\"productName\",\"headerText\":_vm.$t('text.deliverableProducts.productName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"100\",\"field\":\"price\",\"headerText\":_vm.$t('text.deliverableProducts.price')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"stateName\",\"headerText\":_vm.$t('text.deliverableProducts.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"210\",\"field\":\"deliveryNo\",\"headerText\":_vm.$t('text.deliverableProducts.noOfDeliverableLGAs')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"300\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],1)],1)],1)])]),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1),_vm._v(\" \"),_c('EditProduct',{attrs:{\"modalProduct\":_vm.product,\"states\":_vm.states,\"state\":_vm.state}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"editProduct\",attrs:{\"name\":\"editProduct\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":500,\"opened\":_vm.opened}},[_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.editProductModal.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.editProductModal.productName\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product.productName),expression:\"product.productName\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.editProductModal.productName')},domProps:{\"value\":(_vm.product.productName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.product, \"productName\", $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.editProductModal.price\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product.price),expression:\"product.price\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.editProductModal.price')},domProps:{\"value\":(_vm.product.price)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.product, \"price\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-4\"},[_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.editProductModal.state\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.state.name),expression:\"state.name\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.state.name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.state, \"name\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',[_c('p',{staticClass:\"primary_text\",staticStyle:{\"margin-top\":\"30px\",\"margin-bottom\":\"-5px\",\"font-size\":\"18px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.editProductModal.localGov\"))+\"\\n              \"+_vm._s((_vm.product && _vm.product.deliverableLGAs.length > 1) ||\n                (_vm.product && _vm.product.deliverableLGAs.length === 0)\n                  ? _vm.$tc(\"text.editProductModal.area\", 2)\n                  : _vm.$tc(\"text.editProductModal.area\", 1))+\"\\n            \")])]),_vm._v(\" \"),_vm._l((_vm.product.deliverableLGAs),function(prod,index){return _c('div',{key:index,staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_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.editProductModal.lgaName\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",refInFor:true,staticClass:\"input__block\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(prod.lgaId),expression:\"prod.lgaId\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(prod, \"lgaId\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.lgas),function(lg,i){return _c('option',{key:i,domProps:{\"value\":lg.id}},[_vm._v(\"\\n                      \"+_vm._s(lg.name)+\"\\n                    \")])}),0)])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5\"},[_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.editProductModal.deliveryHour\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",refInFor:true,staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(prod.deliveryHour),expression:\"prod.deliveryHour\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.editProductModal.deliveryHour')},domProps:{\"value\":(prod.deliveryHour)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(prod, \"deliveryHour\", $event.target.value)}}})])])]),_vm._v(\" \"),(_vm.product.deliverableLGAs.length > 1)?_c('div',{staticClass:\"block_6 col-md-2 delete_LGA\"},[_c('img',{staticStyle:{\"float\":\"right\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/remove (1).png\")},on:{\"click\":function($event){return _vm.deleteLGA(index)}}})]):_vm._e()])}),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 pb-3\"},[_c('button',{staticClass:\"add_more_btn\",on:{\"click\":function($event){return _vm.addLocalGovernment($event, _vm.product.deliverableLGAs, _vm.index)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.editProductModal.addMore\"))+\"\\n            \")])]),_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.editProduct($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.editProductModal.title\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])],2)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"editProduct\"\r\n    name=\"editProduct\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"500\"\r\n    :opened=\"opened\"\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.editProductModal.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.editProductModal.productName\") }}\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.editProductModal.productName')\"\r\n                    v-model=\"product.productName\"\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.editProductModal.price\") }}\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.editProductModal.price')\"\r\n                    v-model=\"product.price\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mt-4\">\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.editProductModal.state\") }}\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                    v-model=\"state.name\"\r\n                    disabled\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <p\r\n                style=\"margin-top: 30px; margin-bottom: -5px; font-size: 18px\"\r\n                class=\"primary_text\"\r\n              >\r\n                {{ $t(\"text.editProductModal.localGov\") }}\r\n                {{\r\n                  (product && product.deliverableLGAs.length > 1) ||\r\n                  (product && product.deliverableLGAs.length === 0)\r\n                    ? $tc(\"text.editProductModal.area\", 2)\r\n                    : $tc(\"text.editProductModal.area\", 1)\r\n                }}\r\n              </p>\r\n            </div>\r\n            <div\r\n              class=\"row\"\r\n              v-for=\"(prod, index) in product.deliverableLGAs\"\r\n              :key=\"index\"\r\n            >\r\n              <div class=\"col-md-5\">\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.editProductModal.lgaName\") }}\r\n                    </label>\r\n                  </div>\r\n                  <div class=\"input__block\" ref=\"target_input_div\">\r\n                    <select v-model=\"prod.lgaId\">\r\n                      <option :value=\"lg.id\" v-for=\"(lg, i) in lgas\" :key=\"i\">\r\n                        {{ lg.name }}\r\n                      </option>\r\n                    </select>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-5\">\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.editProductModal.deliveryHour\") }}\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.editProductModal.deliveryHour')\"\r\n                      v-model=\"prod.deliveryHour\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"block_6 col-md-2 delete_LGA\"\r\n                v-if=\"product.deliverableLGAs.length > 1\"\r\n              >\r\n                <img\r\n                  src=\"@/assets/img/remove (1).png\"\r\n                  style=\"float: right; cursor: pointer\"\r\n                  @click=\"deleteLGA(index)\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3 pb-3\">\r\n              <button\r\n                class=\"add_more_btn\"\r\n                @click=\"\r\n                  addLocalGovernment($event, product.deliverableLGAs, index)\r\n                \"\r\n              >\r\n                {{ $t(\"text.editProductModal.addMore\") }}\r\n              </button>\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=\"editProduct($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.editProductModal.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: \"modalProduct\",\r\n  props: [\"modalProduct\", \"states\", \"state\"],\r\n  data() {\r\n    return {\r\n      product: \"\",\r\n      modalWidth: MODAL_WIDTH,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      // stateId: \"\",\r\n      lgas: [],\r\n    };\r\n  },\r\n  computed: {\r\n    stateId: {\r\n      get: function () {\r\n        return this.state;\r\n      },\r\n    },\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n    // this.getStateLga();\r\n  },\r\n  mounted() {\r\n    // this.getStateLga();\r\n  },\r\n  watch: {\r\n    state: function () {\r\n      this.getStateLga();\r\n    },\r\n    modalProduct: {\r\n      immediate: true,\r\n      handler() {\r\n        this.product = this.modalProduct;\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    addLocalGovernment($event) {\r\n      $event.preventDefault();\r\n      this.product.deliverableLGAs.push({});\r\n    },\r\n    deleteLGA(index) {\r\n      this.product.deliverableLGAs.splice(index, 1);\r\n    },\r\n    opened() {\r\n      this.getStateLga();\r\n    },\r\n    getStateLga() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/LGA/${this.state.id}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((resp) => {\r\n          this.lgas = resp.data;\r\n        });\r\n    },\r\n    stateChanged(event, index) {\r\n      this.stateId = event.target.value;\r\n      this.getStateLga(this.stateId);\r\n    },\r\n    closeEditProductModal() {\r\n      this.$modal.hide(\"editProduct\");\r\n    },\r\n    editProduct($event) {\r\n      $event.preventDefault();\r\n      if (!this.product.productName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editProductModal.productNameMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.product.price) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.editProductModal.priceMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (this.product.price <= 0) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.invalidPrice\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      for (var x of this.product.deliverableLGAs) {\r\n        let leave = false;\r\n        if (!x.deliveryHour) {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.editProductModal.deliveryHourMissing\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.formIsValid = false;\r\n          return;\r\n        }\r\n        if (x.deliveryHour < 1) {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.addProduct.invalidDeliveryHour\"),\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          return;\r\n        }\r\n        x.deliveryHour = parseInt(x.deliveryHour);\r\n      }\r\n      this.product.deliverableLGAs = this.product.deliverableLGAs.map(\r\n        (cur) => ({\r\n          deliveryHours: cur.deliveryHour,\r\n          lgaId: cur.lgaId,\r\n        })\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.product.price = parseInt(this.product.price);\r\n\r\n      let data = {\r\n        id: this.product.id,\r\n        productId: this.product.productId,\r\n        productName: this.product.productName,\r\n        price: this.product.price,\r\n        stateId: this.state.id,\r\n        lgAs: this.product.deliverableLGAs,\r\n        companyId,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Delivery/Product`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.closeEditProductModal();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.editProductModal.successfullyEdited\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$eventHub.$emit(\"getProducts\");\r\n          data = null;\r\n          this.lgas = [];\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          this.closeEditProductModal();\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n@media screen and (max-width: 602px) {\r\n  h3.zone_header_text {\r\n    font-size: 19px;\r\n    margin-top: 21px;\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!./editProduct.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!./editProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editProduct.vue?vue&type=template&id=1043edf8&\"\nimport script from \"./editProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./editProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editProduct.vue?vue&type=style&index=0&id=1043edf8&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","<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                  productCount > 1 || productCount === 0\r\n                    ? $tc(\"text.deliverableProducts.totalDeliverableProd\", 2)\r\n                    : $tc(\"text.deliverableProducts.totalDeliverableProd\", 1)\r\n                }}: {{ productCount }}\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>\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              <div>\r\n                <router-link\r\n                  :to=\"{\r\n                    name: 'add_product',\r\n                    query: { companyId: this.$route.query.companyId },\r\n                  }\"\r\n                  class=\"add__new__retainership_btn\"\r\n                  style=\"text-decoration: none; color: white\"\r\n                >\r\n                  {{ $t(\"text.deliverableProducts.addProduct\") }}\r\n                </router-link>\r\n              </div>\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=\"productName\"\r\n                  :headerText=\"$t('text.deliverableProducts.productName')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"100\"\r\n                  field=\"price\"\r\n                  :headerText=\"$t('text.deliverableProducts.price')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"stateName\"\r\n                  :headerText=\"$t('text.deliverableProducts.state')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"210\"\r\n                  field=\"deliveryNo\"\r\n                  :headerText=\"\r\n                    $t('text.deliverableProducts.noOfDeliverableLGAs')\r\n                  \"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"300\"\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          </div>\r\n        </div>\r\n      </section>\r\n      <TableLoader :showLoader=\"showLoader\"></TableLoader>\r\n    </MasterLayout>\r\n    <EditProduct\r\n      :modalProduct=\"product\"\r\n      :states=\"states\"\r\n      :state=\"state\"\r\n    ></EditProduct>\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 EditProduct from \"@/components/modals/Product/editProduct.vue\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Products :: Epump Portal\",\r\n  name: \"Manage Trucks\",\r\n  components: {\r\n    MasterLayout,\r\n    EditProduct,\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      states: \"\",\r\n      state: \"\",\r\n      product: \"\",\r\n      productCount: 0,\r\n      company: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\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                 <a :href=\"'/Company/product-LGAs?id=' + data.id + '&productId=' + data.productId + '&companyId=' + $route.query.companyId\" class=\"zone_action_buttons assign_branch\" @click=\"companyProductsRouter($event, 'company_product_LGAs', data.productId, data.id)\">{{data.manageLGAsButton}}</a> \r\n                <button class=\"zone_action_buttons edit_category\" v-on:click=\"editProduct(data)\">{{data.editButton}}</button> \r\n                <button class=\"zone_action_buttons delete_category\" v-on:click=\"deleteProduct(data.id, data.companyId, data.text)\">{{data.deleteButton}}</button> \r\n                </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              companyProductsRouter($event, route, productId, id) {\r\n                $event.preventDefault();\r\n                this.$eventHub.$emit(\r\n                  \"companyProductsRouter\",\r\n                  route,\r\n                  productId,\r\n                  id\r\n                );\r\n              },\r\n              editProduct(data) {\r\n                this.$eventHub.$emit(\"setCompanyProduct\", data);\r\n\r\n                this.$modal.show(\"editProduct\");\r\n              },\r\n              deleteProduct(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/Product`, {\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(\"getProducts\");\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.getProducts();\r\n        this.getStates();\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.getProducts();\r\n      this.getStates();\r\n    }\r\n\r\n    this.$eventHub.$on(\"companyProductsRouter\", (route, productId, id) => {\r\n      this.companyProductsRouter(route, productId, id);\r\n    });\r\n    this.$eventHub.$on(\"setCompanyProduct\", (data) => {\r\n      this.product = data;\r\n      for (var x of this.states) {\r\n        if (x.name.toLowerCase() === data.stateName.toLowerCase()) {\r\n          this.state = x;\r\n          break;\r\n        }\r\n      }\r\n    });\r\n    this.$eventHub.$on(\"getProducts\", () => {\r\n      this.getProducts();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"companyProductsRouter\");\r\n    this.$eventHub.$off(\"setCompanyProduct\");\r\n    this.$eventHub.$off(\"getProducts\");\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    getStates() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/States`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.states = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    companyProductsRouter(route, productId, id) {\r\n      if (this.$route.name == route) {\r\n        return;\r\n      }\r\n      this.$router.push({\r\n        name: route,\r\n        query: {\r\n          productId,\r\n          id,\r\n          companyId: this.$route.query.companyId,\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    getProducts() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Delivery/Products/${\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          this.showLoader = false;\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((product, index) => {\r\n            product.index = index + 1;\r\n            product.deliveryNo = product.deliverableLGAs.length;\r\n            product.manageLGAsButton = this.$t(\r\n              \"text.deliverableProducts.manageLGAs\"\r\n            );\r\n            product.editButton = this.$t(\"text.actionButtons.edit\");\r\n            product.deleteButton = this.$t(\"text.actionButtons.delete\");\r\n            product.text = [\r\n              this.$t(\"text.deliverableProducts.confirmDelete\"),\r\n              this.$t(\"text.deliverableProducts.successfullyDeleted\"),\r\n              this.$t(\"text.deliverableProducts.unsuccessfulDelete\"),\r\n            ];\r\n          });\r\n          this.showLoader = false;\r\n          this.productCount = 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.editProduct .v--modal-box.v--modal {\r\n  overflow-y: auto;\r\n  padding-bottom: 20px;\r\n}\r\n\r\n@media screen and (max-width: 602px) {\r\n  .editProduct .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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0eed48ef&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0eed48ef&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"],"sourceRoot":""}