{"version":3,"sources":["webpack:///./src/assets/img/shuffle (2).svg","webpack:///./src/assets/img/clock (4).svg","webpack:///./src/assets/img/list (2).svg","webpack:///./src/assets/img/random.svg","webpack:///./src/assets/img/remove (1).png","webpack:///./src/views/Company/shutdownHistory/index.vue?6be8","webpack:///src/views/Company/shutdownHistory/index.vue","webpack:///./src/views/Company/shutdownHistory/index.vue?1bce","webpack:///./src/views/Company/shutdownHistory/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","class","activeTab","on","$event","activateTab","attrs","_v","_s","$t","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","directives","name","rawName","value","expression","$tc","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","zone","multiple","zoneChange","domProps","_l","zn","i","key","id","toggleBranchListDropdown","tags","newTags","model","callback","$$v","tag","composing","searchInp","selectAll","nativeOn","toggleChckBox","filteredList","filteredList2","filteredList3","reason","isButtonDisabled","cursor","showModal","ref","hideButton","$root","$i18n","locale","schedulePriceChangeDate","hidePriceSheduleDiv","showLoader","refreshGrid","pageSettings","toolbar","search","toolbarClick","rowDataBound","excelQueryCellInfo","usedLang","actionTemplate","sortComparer2","sortComparer","showUpdateModal","password","updatePrice","showScheduleTurnOn","schedulePumpTurnOn","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","TableLoader","provide","grid","data","isTurnOnPump","isTurnOnPumpNow","isSchedulePumpTurnOn","turnOnPumpDetails","date_theme","priceVal","options2","options3","theme","schedulePriceChangeTime","combinedOptions","zones","datePeriod","zoneId","availableProducts","company","cardBackgroundUrl","prodArray","recentlyUpdated","price","branches","prodList","showAll","product","showBranchListDropDown","startDate","maxDate","endDate","pluginStartDate","pluginEndDate","dateRange","start","end","priceChangeLogLoader","customShortcuts","label","pageSizes","pageCount","pageSize","operator","ignoreCase","template","methods","turnPumpOn","created","branchIds","action","companyId","console","beforeDestroy","mounted","searchFun","computed","countryProducts","sortedList","ch","get","set","combinedArray","watch","newSelectedArray","reference","comparer","args","checkViewOnly","toggleChSelectAllBox","toggleShowAll","getToday","month","day","year","hours","minutes","turnOnModal","schedulePumpTurnOnModal","message","type","duration","newDateTime","toISOString","date","priceDate","scheduleDate","post","configObject","then","response","catch","error","getZoneBranches","copiedResponse","twoThirdOfArr","index","branch","getBranches","getZones","split","reverse","join","convertThousand","toFixed","toString","replace","getShutdownHistory","x","dataSource","revertNumber","component"],"mappings":"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BACA0F,yCACAhH,SAEA,CACAsB,eACA0F,wCACAhH,kBAEA,CACAsB,iBACA0F,0CACAhH,UAEA,CACAsB,gBACA0F,yCACAhH,iBAGAoD,cACA6D,6BACAC,YACAC,aAEA9D,6CACAC,QAAA8D,oBAAAC,eACA1D,0BACA,OACA2D,yDACAA,qYASA1C,gBACA,OACAA,UAGA2C,SACAC,cACA,sCAGAtD,sBACA,qDAQAuD,UACA,iCACA,iBAGA,oCACA7C,iBACA,wBACA8C,kBACAC,iBACApF,0BACAqF,uCAEAC,oCAEA,mBACA,uBAGA,4CACAjD,iBACAiD,eACA,wBACAH,kBACAC,iBACApF,sBACAqF,uCAEA,iCAGA,8BACA,qBACA,gBACA,mBACA,2BAMA,iBAEAE,gBACA,mCAEAC,UAIA,cACA,oEACA,iBACApD,YANAP,iCACA4D,SAQAC,UACAC,2BACA,+CAEA9F,eACA,0BAIA,OAHA+F,cACA,oBAEA,gBACAC,8DAGA/F,gBACA,2BAIA,OAHA8F,cACA,oBAEA,gBACAC,8DAGA9F,gBACA,2BAIA,OAHA6F,cACA,oBAEA,gBACAC,8DAGAnG,WACAoG,iBACAC,gBACA,SACA,MACA,gBACA,iBACA,eAEA,MAGA,OAFA,qBACA,aAGA,IACAC,uBACA5H,mBAEA,gBACA,gBAKA6H,OACA5C,WACA,WACA,qBACA,gBACA,qBAQAnE,mBACA,SAEA,qBACAC,cACA+G,YAEA,iBAEA/G,cACA+G,kBAIAzI,iBACA,kBACA,8CAIAuH,SACA1D,kBAGA,OAFA6E,wCACAC,wCACA,KACA,EACA,IACA,EAEA,GAGA/E,mBAGA,OAFA8E,uBACAC,uBACA,KAEAlF,sBAEAmF,gCACAA,kCAEAA,qCAGAC,gBACA,uDAGArF,0BACA,6BACAoF,mCAEA,6BACAA,qCAGAhG,cACA3D,mBACAA,8BACA,mDAGA6J,wBACA,iBACA7J,oBAEAA,qBAGAkE,cACA,+BAEA4F,iBACA,mCAEAxF,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGArE,eACA,iBACA,uCACA,oBAGAiD,iBACA,qBACA,wCACA,+BACA,+CACA,MACA,mCAEA,gCAIA,uCACA,0CACA,wBAIA6G,WACA,eACAC,sBACAC,iBACAC,kBAEA,sBACA,sBAEA,mBACA,iBACA,kBACAC,MACAA,QACAC,eACAD,eACA,oBAEA,8BACA,gCAGAE,cACA,wBACA,yBAEAC,0BACA,4BAEArF,qBACA,2BACA,wBACA,6BACA,yBAGAxB,eACAzD,mBAEA,uBACA,kBACAuK,qDACAC,aACAC,eAIA,aAQA,kBACA,yBARA,kBACAF,gCACAC,aACAC,gBAQAzG,sBACA,iDACA,qDAEAe,eAKA,GAJA/E,mBACA,iDACA,qDAEA,0BAMA,YALA,kBACAuK,+CACAC,aACAC,eAIA,wBACAtF,oBAEAA,qBAEA,gCACA,2CACA,6BACA,IAOA,EAEA,EATA,KAWA,GAVA,iCACA,iCACAsD,eAQA,2BACA,6DACA,uBAEA,kBACA,WACAiC,4BACAC,cACAC,QACA,CACA,eACAC,2BACAD,kBAIAjF,EADA,0DACAA,CACAc,YACAgC,YACA3D,WACAgG,eACApC,kBACApF,oBAGAqC,CACAc,iBACAgC,YACA3D,WACAgG,eACApC,kBACApF,oBAQA,2BACAqC,yBACAA,iBACAA,cACA,oBACAA,yBACAA,aACA,sBAKA,WACAoF,KACA,kDACApF,EACAqF,qBAEAC,KAAAC,IACA,iBACA/F,oBACAA,qBACA,iDACAyD,+BACA,kBACA2B,QACAW,eACA,8BACAA,eACAV,eACAC,gBAEA,kDACA7B,+BACA,kBACA2B,QACAW,eACA,6BACAA,eACAV,eACAC,gBAGA,0BACA,kBAEAU,MAAAC,IACA,iBACA,gBACA,kBACAb,gCACAC,aACAC,eAEAtF,oBACAA,uBAGA,0BACA,6BACA,oBACA,uBAIAkG,mBACA,mBACA,WACAjC,IACA,2CACA4B,qBAEAC,KAAAC,IACA,mBACA,kBACA,KACA,KACA,KACAI,kBACA,iBACA,MACA9J,YAGA,eACA8J,aACAA,YAEAC,kBACA,2BACA,KACArF,UAEAC,YAIA,sCACA,QACA+E,mBACA,4BACA,mBAEA,gCAEAA,mBACAM,IACAC,UACAA,cACAA,+BAEA,eACA,gBACA,gBAEA,yBACA,4BACA,mBAEA,kCAGAN,MAAAC,IACA,sBAGAM,cACA,mBACA,WACAtC,IACA,yCACA,4BACA,4BACA,kBAEA4B,qBAEAC,KAAAC,IACA,mBACA,kBACA,KACA,KACA,KACAI,kBACA,iBACA,MACA9J,YAGA,eACA8J,aACAA,YAEAC,kBACA,2BACA,KACArF,UAEAC,YAIA,sCACA,QACA+E,mBACA,4BACA,mBAEA,gCAEAA,mBACAM,IACAC,UACAA,cACAA,+BAEA,eACA,gBACA,gBAEA,yBACA,4BACA,mBAEA,kCAGAN,MAAAC,QAGAO,WACA,mBACA,WACAvC,IACA,sCACA,4BACA,4BACA,kBAEA4B,qBAEAC,KAAAC,IACAA,mBACA,oCAEAA,uBACApJ,YACA,eACA8J,MAAA,QACAA,MAAA,KACAC,UACAC,KAAA,KACAhK,2CACA,kBAGA,mBACA,oBAEAqJ,MAAAC,QAGApJ,cACA,2BACA,2DACA,mBACA,mCAEA,qCACA,iCACA,qBAIA+J,mBACA,4BACA,OAEA,YAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAuFAC,qBACA,6BACA,WACA/C,IACA,qDACA,4BACA,4BACA,kBAEA4B,qBAEAC,KAAAC,IACA,6BAEAA,uBACAkB,cAGA,mBACA,gDACAC,oBAEA,qBAEAlB,MAAAC,IACA,6BACA,sBAyCA7I,2BACA,0DAEA+J,gBACA,4CCjwD6W,I,YCOzWC,EAAY,eACd,EACAnN,EACA8F,GACA,EACA,KACA,KACA,MAIa,aAAAqH,E","file":"js/chunk-1a25bd27.a4d188a3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/shuffle (2).404de031.svg\";","module.exports = __webpack_public_path__ + \"img/clock (4).50d6c3a9.svg\";","module.exports = __webpack_public_path__ + \"img/list (2).aec15b23.svg\";","module.exports = __webpack_public_path__ + \"img/random.582fcfc9.svg\";","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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"card_container\",staticStyle:{\"flex\":\"0 0 24%\",\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-6 mt-3 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'change_price' ? 'active_tab' : null],on:{\"click\":function($event){return _vm.activateTab('change_price')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/random.svg\"),\"width\":\"60%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center tab\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cShutdown.pumpShut\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[\n                _vm.activeTab === 'price_change_log' ? 'active_tab' : null ]},[_c('img',{attrs:{\"src\":require(\"@/assets/img/list (2).svg\"),\"width\":\"35px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center tab\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cShutdown.shutdownHistory\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 72%\"},style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cShutdown.shutdownHistory\"))+\"\\n            \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"transaction_period_text text-center mt-5\"})])]),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'change_price'),expression:\"activeTab === 'change_price'\"}],staticClass:\"mt-3 pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12 col-lg-5\",staticStyle:{\"padding-right\":\"0px\"}},[_c('div',{staticClass:\"drivers_list\"},[_c('div',{staticClass:\"product_summary__wrapper\",staticStyle:{\"padding\":\"1px\"}},[_c('div',{staticClass:\"text-center mt-4\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/shuffle (2).svg\"),\"width\":\"\"}}),_vm._v(\" \"),_c('h3',{staticClass:\"change_price_header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cShutdown.shutdownPump\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_form_section mt-5\"},[_c('form',[_c('div',{staticClass:\"row align-items-center justify-content-center\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',[_vm._v(_vm._s(_vm.$tc(\"text.priceManagement.selectZone\", 1)))]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.zone),expression:\"zone\"}],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.zone=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.zoneChange]}},[_c('option',{domProps:{\"value\":_vm.$tc('text.priceManagement.selectZone', 2)}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$tc(\"text.priceManagement.selectZone\", 2))+\"\\n                          \")]),_vm._v(\" \"),_vm._l((_vm.zones),function(zn,i){return _c('option',{key:i,domProps:{\"value\":zn.id}},[_vm._v(\"\\n                            \"+_vm._s(zn.name)+\"\\n                          \")])})],2)])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-5 justify-content-center;\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.priceManagement.retailOutlets\")))]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('div',{staticStyle:{\"padding\":\"5px\"},on:{\"click\":_vm.toggleBranchListDropdown}},[_c('vue-tags-input',{attrs:{\"tags\":_vm.tags},on:{\"tags-changed\":function (newTags) { return (_vm.tags = newTags); }},model:{value:(_vm.tag),callback:function ($$v) {_vm.tag=$$v},expression:\"tag\"}})],1),_vm._v(\" \"),_c('div',{},[_c('div',{staticClass:\"search__wrapper\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-10\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInp),expression:\"searchInp\"}],attrs:{\"type\":\"search\",\"placeholder\":_vm.$t(\n                                      'text.priceManagement.searchRetailOutlets'\n                                    )},domProps:{\"value\":(_vm.searchInp)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchInp=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"color\":\"#b6b6b6\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{attrs:{\"classs\":\"\"}},[_c('b-form-checkbox',{staticClass:\"sec_text_color\",attrs:{\"id\":\"selectAll\"},model:{value:(_vm.selectAll),callback:function ($$v) {_vm.selectAll=$$v},expression:\"selectAll\"}},[_vm._v(\"\\n                                  \"+_vm._s(_vm.$t(\n                                      \"text.priceManagement.selectAllRetailOutlets\"\n                                    ))+\"\\n                                \")])],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"row justify-content-center mt-3\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList2,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList3,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center mt-5 justify-content-center\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.shutdownHistory.reason\"))+\" \")]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.reason),expression:\"reason\"}],domProps:{\"value\":(_vm.reason)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.reason=$event.target.value}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('button',{staticClass:\"save__btn record_expense_btn mr-2 btn_primary_color\",staticStyle:{\"width\":\"100%\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.showModal($event, 'now')}}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.shutdownHistory.shutdownNow\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('button',{ref:\"update_later_btn_1\",staticClass:\"save__btn btn_secondary\",staticStyle:{\"width\":\"100%\",\"outline-width\":\"0\",\"font-size\":\"16px\",\"border-radius\":\"3px\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.hideButton($event)}}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.shutdownHistory.scheduleShutdown\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader2 ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])]),_vm._v(\" \"),_c('div',{ref:\"update_later_div\",staticClass:\"date__div\",staticStyle:{\"display\":\"none\"}},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"id\":\"DateTimePicker\",\"color\":\"#4b2d73\",\"locale\":this.$root.$i18n.locale,\"format\":\"YYYY-MM-DD h:mm a\",\"formatted\":\"DD/MM/YYYY h:mm a\",\"label\":_vm.$t('text.calendar.selectDateAndTime')},model:{value:(_vm.schedulePriceChangeDate),callback:function ($$v) {_vm.schedulePriceChangeDate=$$v},expression:\"schedulePriceChangeDate\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('button',{ref:\"update_later\",staticClass:\"ep-btn ep-primary mr-2\",staticStyle:{\"width\":\"75%\"},style:([\n                                  _vm.isButtonDisabled\n                                    ? { cursor: 'not-allowed' }\n                                    : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.showModal($event, 'later')}}},[_vm._v(\"\\n                                \"+_vm._s(_vm.$t(\"text.priceManagement.scheduleUpdate\"))),_c('span')]),_vm._v(\" \"),_c('img',{staticStyle:{\"float\":\"right\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/remove (1).png\")},on:{\"click\":_vm.hidePriceSheduleDiv}})])])])])])])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12 col-lg-7\"},[_c('div',{staticClass:\"drivers_list\"},[_c('div',{staticClass:\"recently_updated_wrapper\",staticStyle:{\"padding\":\"1px\",\"height\":\"130px\"}},[_c('div',{staticClass:\"recently_updated\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/clock (4).svg\"),\"width\":\"50px\"}}),_vm._v(\" \"),_c('h4',{staticClass:\"recently_updated_text mt-3\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.shutdownHistory.shutdownHistory\"))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',[_c('section',{staticClass:\"empty-info-wrapper new-row mt-3 pump__details__section_2\",staticStyle:{\"width\":\"98.5%\"}},[_c('div',{staticClass:\"col-md-12 col-lg-12\",staticStyle:{\"width\":\"98.5%\",\"margin-top\":\"-100px !important\"}},[_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,\"rowDataBound\":_vm.rowDataBound,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"320\",\"headerText\":_vm.$t('text.priceManagement.branchName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"Action\",\"width\":\"400\",\"headerText\":_vm.$t('text.cShutdown.action'),\"template\":_vm.actionTemplate}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])])])])]),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'price_change_log'),expression:\"activeTab === 'price_change_log'\"}],staticClass:\"mt-3 pump__details__section_2\",staticStyle:{\"width\":\"98.5%\"}},[_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:\"priceLogataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"rowDataBound\":_vm.rowDataBound,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"320\",\"headerText\":_vm.$t('text.priceManagement.branchName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"product\",\"width\":\"150\",\"headerText\":_vm.$t('text.priceManagement.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"currentPrice\",\"sortComparer\":_vm.sortComparer2,\"headerText\":_vm.$t('text.priceManagement.currentPrice')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"previousPrice\",\"sortComparer\":_vm.sortComparer2,\"headerText\":_vm.$t('text.priceManagement.previousPrice')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"changedBy\",\"width\":\"300\",\"headerText\":_vm.$t('text.priceManagement.changedBy')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"200\",\"sortComparer\":_vm.sortComparer,\"headerText\":_vm.$t('text.priceManagement.date')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('div',{class:[\n      'update_modal',\n      _vm.showUpdateModal ? 'show_update_modal' : 'hide_update_modal' ],staticStyle:{\"position\":\"fixed\"}},[_c('p',{staticClass:\"update_modal_text\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"text.priceManagement.putPassword\"))+\"\\n    \")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],ref:\"password\",staticClass:\"update_modal_input\",attrs:{\"placeholder\":_vm.$t('text.priceManagement.password'),\"type\":\"password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}}),_vm._v(\" \"),_c('div',{staticClass:\"update_modal_actions\"},[_c('button',{staticClass:\"update_cancel_button\",on:{\"click\":function($event){_vm.showUpdateModal = !_vm.showUpdateModal}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.priceManagement.cancel\"))+\"\\n      \")]),_vm._v(\" \"),_c('button',{staticClass:\"update_submit_button\",on:{\"click\":function($event){return _vm.updatePrice($event)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.priceManagement.submit\"))+\"\\n      \")])])]),_vm._v(\" \"),_c('div',{class:[\n      'update_modal',\n      _vm.showScheduleTurnOn ? 'show_update_modal' : 'hide_update_modal' ],staticStyle:{\"position\":\"fixed\",\"width\":\"30%\"}},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"id\":\"DateTimePicker\",\"color\":\"#4b2d73\",\"locale\":this.$root.$i18n.locale,\"format\":\"YYYY-MM-DD h:mm a\",\"formatted\":\"DD/MM/YYYY h:mm a\",\"label\":_vm.$t('text.calendar.selectDateAndTime')},model:{value:(_vm.schedulePriceChangeDate),callback:function ($$v) {_vm.schedulePriceChangeDate=$$v},expression:\"schedulePriceChangeDate\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('button',{ref:\"update_later\",staticClass:\"ep-btn ep-primary mr-2\",staticStyle:{\"width\":\"75%\"},style:([\n          _vm.isButtonDisabled\n            ? { cursor: 'not-allowed' }\n            : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.schedulePumpTurnOn()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.priceManagement.scheduleUpdate\"))),_c('span')]),_vm._v(\" \"),_c('img',{staticStyle:{\"float\":\"right\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/remove (1).png\")},on:{\"click\":_vm.hidePriceSheduleDiv}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"card_container\"\r\n          style=\"flex: 0 0 20%; border-radius: 10px; flex: 0 0 24%\"\r\n        >\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-6 mt-3 fuel_consumption_btn_div\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                @click=\"activateTab('change_price')\"\r\n                :class=\"[activeTab === 'change_price' ? 'active_tab' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/random.svg\" width=\"60%\" />\r\n              </div>\r\n              <div class=\"text-center tab\" style=\"font-size: 12px\">\r\n                {{ $t(\"text.cShutdown.pumpShut\") }}\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                :class=\"[\r\n                  activeTab === 'price_change_log' ? 'active_tab' : null,\r\n                ]\"\r\n              >\r\n                <img src=\"@/assets/img/list (2).svg\" width=\"35px\" />\r\n              </div>\r\n              <div class=\"text-center tab\" style=\"font-size: 12px\">\r\n                {{ $t(\"text.cShutdown.shutdownHistory\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuel_consumption_row_right_section mr-3 pump__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 72%\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-12\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{ $t(\"text.cShutdown.shutdownHistory\") }}\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div class=\"transaction_period_text text-center mt-5\"></div>\r\n        </div>\r\n      </div>\r\n      <section\r\n        class=\"mt-3 pump__details__section_2\"\r\n        v-show=\"activeTab === 'change_price'\"\r\n      >\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12 col-lg-5\" style=\"padding-right: 0px\">\r\n            <div class=\"drivers_list\">\r\n              <div class=\"product_summary__wrapper\" style=\"padding: 1px\">\r\n                <div class=\"text-center mt-4\">\r\n                  <img src=\"@/assets/img/shuffle (2).svg\" width=\"\" />\r\n                  <h3 class=\"change_price_header\">\r\n                    {{ $t(\"text.cShutdown.shutdownPump\") }}\r\n                  </h3>\r\n                </div>\r\n                <div class=\"price_change_form_section mt-5\">\r\n                  <form>\r\n                    <div class=\"row align-items-center justify-content-center\">\r\n                      <div class=\"col-md-12\">\r\n                        <label>{{\r\n                          $tc(\"text.priceManagement.selectZone\", 1)\r\n                        }}</label>\r\n                        <div class=\"price_change_input_wrapper\">\r\n                          <select v-model=\"zone\" v-on:change=\"zoneChange\">\r\n                            <option\r\n                              :value=\"$tc('text.priceManagement.selectZone', 2)\"\r\n                            >\r\n                              {{ $tc(\"text.priceManagement.selectZone\", 2) }}\r\n                            </option>\r\n                            <option\r\n                              :value=\"zn.id\"\r\n                              v-for=\"(zn, i) in zones\"\r\n                              :key=\"i\"\r\n                            >\r\n                              {{ zn.name }}\r\n                            </option>\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-5 justify-content-center;\">\r\n                      <div class=\"col-md-12\">\r\n                        <label>{{\r\n                          $t(\"text.priceManagement.retailOutlets\")\r\n                        }}</label>\r\n                        <div class=\"price_change_input_wrapper\">\r\n                          <div\r\n                            @click=\"toggleBranchListDropdown\"\r\n                            style=\"padding: 5px\"\r\n                          >\r\n                            <vue-tags-input\r\n                              v-model=\"tag\"\r\n                              :tags=\"tags\"\r\n                              @tags-changed=\"(newTags) => (tags = newTags)\"\r\n                            />\r\n                          </div>\r\n\r\n                          <div class=\"\">\r\n                            <div class=\"search__wrapper\">\r\n                              <div class=\"row align-items-center\">\r\n                                <div class=\"col-md-10\">\r\n                                  <input\r\n                                    type=\"search\"\r\n                                    :placeholder=\"\r\n                                      $t(\r\n                                        'text.priceManagement.searchRetailOutlets'\r\n                                      )\r\n                                    \"\r\n                                    v-model=\"searchInp\"\r\n                                  />\r\n                                </div>\r\n                                <div class=\"col-md-2\">\r\n                                  <i\r\n                                    class=\"fa fa-search\"\r\n                                    aria-hidden=\"true\"\r\n                                    style=\"color: #b6b6b6\"\r\n                                  ></i>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div classs=\"\">\r\n                                  <b-form-checkbox\r\n                                    id=\"selectAll\"\r\n                                    v-model=\"selectAll\"\r\n                                    class=\"sec_text_color\"\r\n                                  >\r\n                                    {{\r\n                                      $t(\r\n                                        \"text.priceManagement.selectAllRetailOutlets\"\r\n                                      )\r\n                                    }}\r\n                                  </b-form-checkbox>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row justify-content-center mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div class=\"\">\r\n                                  <b-form-group\r\n                                    label=\"\"\r\n                                    v-on:click.native=\"toggleChckBox($event)\"\r\n                                  >\r\n                                    <b-form-checkbox-group\r\n                                      v-model=\"selected\"\r\n                                      :options=\"filteredList\"\r\n                                      name=\"flavour-2a\"\r\n                                      stacked\r\n                                    >\r\n                                    </b-form-checkbox-group>\r\n                                  </b-form-group>\r\n                                </div>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList2\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList3\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row align-items-center mt-5 justify-content-center\"\r\n                    >\r\n                      <div class=\"col-md-12\">\r\n                        <label>{{ $t(\"text.shutdownHistory.reason\") }} </label>\r\n                        <div class=\"price_change_input_wrapper\">\r\n                          <textarea v-model=\"reason\"></textarea>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"\r\n                    >\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-6\">\r\n                            <button\r\n                              class=\"save__btn record_expense_btn mr-2 btn_primary_color\"\r\n                              style=\"width: 100%\"\r\n                              @click=\"showModal($event, 'now')\"\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.shutdownHistory.shutdownNow\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                          </div>\r\n                          <div class=\"col-md-6\">\r\n                            <button\r\n                              class=\"save__btn btn_secondary\"\r\n                              @click=\"hideButton($event)\"\r\n                              ref=\"update_later_btn_1\"\r\n                              style=\"\r\n                                width: 100%;\r\n                                outline-width: 0;\r\n                                font-size: 16px;\r\n                                border-radius: 3px;\r\n                              \"\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.shutdownHistory.scheduleShutdown\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader2 ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                            <div\r\n                              class=\"date__div\"\r\n                              ref=\"update_later_div\"\r\n                              style=\"display: none\"\r\n                            >\r\n                              <div>\r\n                                <vue-ctk-date-time-picker\r\n                                  id=\"DateTimePicker\"\r\n                                  v-model=\"schedulePriceChangeDate\"\r\n                                  color=\"#4b2d73\"\r\n                                  :locale=\"this.$root.$i18n.locale\"\r\n                                  format=\"YYYY-MM-DD h:mm a\"\r\n                                  formatted=\"DD/MM/YYYY h:mm a\"\r\n                                  :label=\"$t('text.calendar.selectDateAndTime')\"\r\n                                />\r\n                              </div>\r\n                              <div class=\"mt-3\">\r\n                                <button\r\n                                  class=\"ep-btn ep-primary mr-2\"\r\n                                  style=\"width: 75%\"\r\n                                  @click=\"showModal($event, 'later')\"\r\n                                  ref=\"update_later\"\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.priceManagement.scheduleUpdate\")\r\n                                  }}<span></span>\r\n                                </button>\r\n                                <img\r\n                                  src=\"@/assets/img/remove (1).png\"\r\n                                  style=\"float: right; cursor: pointer\"\r\n                                  @click=\"hidePriceSheduleDiv\"\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-12 col-lg-7\" style=\"\">\r\n            <div class=\"drivers_list\">\r\n              <div\r\n                class=\"recently_updated_wrapper\"\r\n                style=\"padding: 1px; height: 130px\"\r\n              >\r\n                <div class=\"recently_updated\">\r\n                  <img src=\"@/assets/img/clock (4).svg\" width=\"50px\" />\r\n                  <h4 class=\"recently_updated_text mt-3\">\r\n                    {{ $t(\"text.shutdownHistory.shutdownHistory\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <section\r\n                  class=\"empty-info-wrapper new-row mt-3 pump__details__section_2\"\r\n                  style=\"width: 98.5%\"\r\n                >\r\n                  <div\r\n                    class=\"col-md-12 col-lg-12\"\r\n                    style=\"width: 98.5%; margin-top: -100px !important\"\r\n                  >\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                      :rowDataBound=\"rowDataBound\"\r\n                      :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n                      :locale=\"usedLang\"\r\n                    >\r\n                      <e-columns>\r\n                        <e-column\r\n                          width=\"40\"\r\n                          field=\"index\"\r\n                          headerText=\"#\"\r\n                        ></e-column>\r\n                        <e-column\r\n                          field=\"branchName\"\r\n                          width=\"320\"\r\n                          :headerText=\"$t('text.priceManagement.branchName')\"\r\n                        ></e-column>\r\n\r\n                        <e-column\r\n                          field=\"Action\"\r\n                          width=\"400\"\r\n                          :headerText=\"$t('text.cShutdown.action')\"\r\n                          :template=\"actionTemplate\"\r\n                        ></e-column>\r\n\r\n                        <!-- <e-column\r\n                          field=\"date\"\r\n                          width=\"200\"\r\n                          :sortComparer=\"sortComparer\"\r\n                          :headerText=\"$t('text.priceManagement.date')\"\r\n                        ></e-column> -->\r\n                      </e-columns>\r\n                    </ejs-grid>\r\n                    <TableLoader :showLoader=\"showLoader\" />\r\n                  </div>\r\n                </section>\r\n              </div>\r\n\r\n              <!-- <TableLoader :showLoader=\"priceChangeLogLoader\" /> -->\r\n\r\n              <!-- <div v-show=\"!priceChangeLogLoader\">\r\n                <div\r\n                  class=\"recently_updated_wrapper mt-2 responsiveness\"\r\n                  style=\"padding: 1px\"\r\n                  v-for=\"(x, i) in recentlyUpdated\"\r\n                  :key=\"i\"\r\n                  v-show=\"i <= 3 || showAll\"\r\n                >\r\n                  <div style=\"height: 50px\">\r\n                    <tr\r\n                      class=\"row align-items-center justify-content-center\"\r\n                      style=\"height: 100%; border-bottom: 1px solid #eeeeef\"\r\n                    >\r\n                      <th class=\"col-md-4 flexify-item\">\r\n                        <h3\r\n                          class=\"\r\n                            recently_updated_header__branch_text_bold\r\n                            ml-2\r\n                            responsive-text\r\n                          \"\r\n                        >\r\n                          {{ x.branch.PMS.branchName }}\r\n                        </h3>\r\n                      </th>\r\n                      <div class=\"col-md-8\">\r\n                        <div\r\n                          class=\"row align-items-center justify-content-center\"\r\n                        >\r\n                          <th\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product1\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"recently_updated_header__branch_text_bold\"\r\n                            >\r\n                              {{ countryProducts.products.product1 }}\r\n                            </h3>\r\n                          </th>\r\n                          <th\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product2\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"recently_updated_header__branch_text_bold\"\r\n                            >\r\n                              {{ countryProducts.products.product2 }}\r\n                            </h3>\r\n                          </th>\r\n                          <th\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product3\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"recently_updated_header__branch_text_bold\"\r\n                            >\r\n                              {{ countryProducts.products.product3 }}\r\n                            </h3>\r\n                          </th>\r\n                          <th\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product4\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"recently_updated_header__branch_text_bold\"\r\n                            >\r\n                              {{ countryProducts.products.product4 }}\r\n                            </h3>\r\n                          </th>\r\n                        </div>\r\n                      </div>\r\n                    </tr>\r\n                  </div>\r\n\r\n                  <div style=\"height: 50px\">\r\n                    <tr class=\"row align-items-center\" style=\"height: 100%\">\r\n                      <td class=\"col-md-4 flexify-item\">\r\n                        <h3\r\n                          class=\"\r\n                            recently_updated_header__branch_text_light\r\n                            ml-2\r\n                            sec_text_color\r\n                          \"\r\n                        >\r\n                          {{ $t(\"text.priceManagement.formerPrice\") }}\r\n                        </h3>\r\n                      </td>\r\n                      <div class=\"col-md-8\">\r\n                        <div\r\n                          class=\"row align-items-center justify-content-center\"\r\n                        >\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product1\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                sec_text_color\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.PMS.previousPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product2\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin\r\n                                sec_text_color\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.AGO.previousPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product3\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin_2\r\n                                sec_text_color\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.DPK.previousPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product4\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin_2\r\n                                sec_text_color\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.LPG.previousPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                        </div>\r\n                      </div>\r\n                    </tr>\r\n                  </div>\r\n\r\n                  <div style=\"height: 50px\">\r\n                    <tr\r\n                      class=\"row align-items-center justify-content-center\"\r\n                      style=\"height: 100%\"\r\n                    >\r\n                      <td class=\"col-md-4 flexify-item\">\r\n                        <h3\r\n                          class=\"\r\n                            recently_updated_header__branch_text_light\r\n                            ml-2\r\n                            sec_text_color\r\n                          \"\r\n                        >\r\n                          {{ $t(\"text.priceManagement.updatedPrice\") }}\r\n                        </h3>\r\n                      </td>\r\n                      <div class=\"col-md-8\">\r\n                        <div\r\n                          class=\"row align-items-center justify-content-center\"\r\n                        >\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product1\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"recently_updated_header__branch_text_bold\"\r\n                              :class=\"\r\n                                x.branch.PMS.priceChanged\r\n                                  ? 'green__text'\r\n                                  : 'red__text'\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.PMS.currentPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product2\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin\r\n                              \"\r\n                              :class=\"\r\n                                x.branch.AGO.priceChanged\r\n                                  ? 'green__text'\r\n                                  : 'red__text'\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.AGO.currentPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product3\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin_2\r\n                              \"\r\n                              :class=\"\r\n                                x.branch.DPK.priceChanged\r\n                                  ? 'green__text'\r\n                                  : 'red__text'\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.DPK.currentPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                          <td\r\n                            class=\"col-md-3 flexify-item\"\r\n                            v-if=\"\r\n                              availableProducts.includes(\r\n                                countryProducts.productsLower.product4\r\n                              )\r\n                            \"\r\n                          >\r\n                            <h3\r\n                              class=\"\r\n                                recently_updated_header__branch_text_bold\r\n                                recently_updated_header__branch_margin_2\r\n                              \"\r\n                              :class=\"\r\n                                x.branch.LPG.priceChanged\r\n                                  ? 'green__text'\r\n                                  : 'red__text'\r\n                              \"\r\n                            >\r\n                              {{ convertThousand(x.branch.LPG.currentPrice) }}\r\n                            </h3>\r\n                          </td>\r\n                        </div>\r\n                      </div>\r\n                    </tr>\r\n                  </div>\r\n                </div>\r\n              </div> -->\r\n\r\n              <!-- <div class=\"mt-2 mb-5\" style=\"padding: 1px; height: 120px\">\r\n                <div class=\"recently_updated\">\r\n                  <div class=\"text-center\">\r\n                    <button\r\n                      class=\"ep-btn ep-primary\"\r\n                      :disabled=\"isButtonDisabled ? true : null\"\r\n                      ref=\"toggleShow\"\r\n                      @click=\"toggleShowAll\"\r\n                      :style=\"[\r\n                        isButtonDisabled\r\n                          ? { cursor: 'not-allowed' }\r\n                          : { cursor: 'pointer' },\r\n                      ]\"\r\n                    >\r\n                      {{ $t(\"text.priceManagement.viewMore\") }}<span></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section\r\n        class=\"mt-3 pump__details__section_2\"\r\n        style=\"width: 98.5%\"\r\n        v-show=\"activeTab === 'price_change_log'\"\r\n      >\r\n        <div class=\"col-md-12 col-lg-12 mt-3\">\r\n          <ejs-grid\r\n            v-show=\"!showLoader\"\r\n            ref=\"priceLogataGrid\"\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            :rowDataBound=\"rowDataBound\"\r\n            :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n              <e-column\r\n                field=\"branchName\"\r\n                width=\"320\"\r\n                :headerText=\"$t('text.priceManagement.branchName')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"product\"\r\n                width=\"150\"\r\n                :headerText=\"$t('text.priceManagement.product')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"150\"\r\n                field=\"currentPrice\"\r\n                :sortComparer=\"sortComparer2\"\r\n                :headerText=\"$t('text.priceManagement.currentPrice')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"150\"\r\n                field=\"previousPrice\"\r\n                :sortComparer=\"sortComparer2\"\r\n                :headerText=\"$t('text.priceManagement.previousPrice')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"changedBy\"\r\n                width=\"300\"\r\n                :headerText=\"$t('text.priceManagement.changedBy')\"\r\n              ></e-column>\r\n\r\n              <e-column\r\n                field=\"date\"\r\n                width=\"200\"\r\n                :sortComparer=\"sortComparer\"\r\n                :headerText=\"$t('text.priceManagement.date')\"\r\n              ></e-column>\r\n            </e-columns>\r\n          </ejs-grid>\r\n          <TableLoader :showLoader=\"showLoader\" />\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n    <div\r\n      style=\"position: fixed\"\r\n      v-bind:class=\"[\r\n        'update_modal',\r\n        showUpdateModal ? 'show_update_modal' : 'hide_update_modal',\r\n      ]\"\r\n    >\r\n      <p class=\"update_modal_text\">\r\n        {{ $t(\"text.priceManagement.putPassword\") }}\r\n      </p>\r\n      <input\r\n        :placeholder=\"$t('text.priceManagement.password')\"\r\n        v-model=\"password\"\r\n        type=\"password\"\r\n        class=\"update_modal_input\"\r\n        ref=\"password\"\r\n      />\r\n      <div class=\"update_modal_actions\">\r\n        <button\r\n          @click=\"showUpdateModal = !showUpdateModal\"\r\n          class=\"update_cancel_button\"\r\n        >\r\n          {{ $t(\"text.priceManagement.cancel\") }}\r\n        </button>\r\n        <button @click=\"updatePrice($event)\" class=\"update_submit_button\">\r\n          {{ $t(\"text.priceManagement.submit\") }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- SCHEDULE TURN ON -->\r\n    <div\r\n      style=\"position: fixed; width: 30%\"\r\n      v-bind:class=\"[\r\n        'update_modal',\r\n        showScheduleTurnOn ? 'show_update_modal' : 'hide_update_modal',\r\n      ]\"\r\n    >\r\n      <div>\r\n        <vue-ctk-date-time-picker\r\n          id=\"DateTimePicker\"\r\n          v-model=\"schedulePriceChangeDate\"\r\n          color=\"#4b2d73\"\r\n          :locale=\"this.$root.$i18n.locale\"\r\n          format=\"YYYY-MM-DD h:mm a\"\r\n          formatted=\"DD/MM/YYYY h:mm a\"\r\n          :label=\"$t('text.calendar.selectDateAndTime')\"\r\n        />\r\n      </div>\r\n      <div class=\"mt-3\">\r\n        <button\r\n          class=\"ep-btn ep-primary mr-2\"\r\n          style=\"width: 75%\"\r\n          @click=\"schedulePumpTurnOn()\"\r\n          ref=\"update_later\"\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.priceManagement.scheduleUpdate\") }}<span></span>\r\n        </button>\r\n        <img\r\n          src=\"@/assets/img/remove (1).png\"\r\n          style=\"float: right; cursor: pointer\"\r\n          @click=\"hidePriceSheduleDiv\"\r\n        />\r\n      </div>\r\n\r\n      <!-- <p class=\"update_modal_text\">Select date and time to turn on</p>\r\n      <input\r\n        :placeholder=\"$t('text.priceManagement.password')\"\r\n        v-model=\"password\"\r\n        type=\"password\"\r\n        class=\"update_modal_input\"\r\n        ref=\"password\"\r\n      />\r\n      <div class=\"update_modal_actions\">\r\n        <button\r\n          @click=\"showUpdateModal = !showUpdateModal\"\r\n          class=\"update_cancel_button\"\r\n        >\r\n          {{ $t(\"text.priceManagement.cancel\") }}\r\n        </button>\r\n        <button @click=\"updatePrice($event)\" class=\"update_submit_button\">\r\n          {{ $t(\"text.priceManagement.submit\") }}\r\n        </button>\r\n      </div> -->\r\n    </div>\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/MobileWallet.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport countryProducts from \"@/products\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Pump Shutdown/Turn on :: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      showScheduleTurnOn: false,\r\n      isTurnOnPump: \"\",\r\n      isTurnOnPumpNow: false,\r\n      isSchedulePumpTurnOn: false,\r\n      turnOnPumpDetails: null,\r\n      reason: null,\r\n      selected: [],\r\n      date_theme: \"purple\",\r\n      priceVal: \"\",\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      theme: \"#370F70\",\r\n      schedulePriceChangeDate: \"2020-07-09 20:26\",\r\n      schedulePriceChangeTime: \"\",\r\n      combinedOptions: [],\r\n      backgroundUrl,\r\n      password: null,\r\n      tag: \"\",\r\n      tags: [],\r\n      zones: [],\r\n      datePeriod: \"now\",\r\n      zoneId: null,\r\n      availableProducts: [],\r\n      company: null,\r\n      cardBackgroundUrl,\r\n      searchInp: \"\",\r\n      prodArray: [],\r\n      recentlyUpdated: [],\r\n      showUpdateModal: false,\r\n      price: \"\",\r\n      branches: [],\r\n      prodList: [],\r\n      showAll: false,\r\n      zone: this.$tc(\"text.priceManagement.selectZone\", 2),\r\n      product: this.$t(\"text.priceManagement.selectProductSmall\"),\r\n      showLoader: false,\r\n      isButtonDisabled: null,\r\n      activeTab: \"change_price\",\r\n      showBranchListDropDown: false,\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      priceChangeLogLoader: false,\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\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      actionTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"actionButtonsTemplate\", {\r\n            template: `<div>\r\n            <div class=\"btn btn-outline-success px-3 mr-3\" @click=\"turnPumpOn(data)\">\r\n                        Turn On\r\n                    </div> \r\n                    \r\n                    <div class=\"btn btn-outline-primary px-3 mr-3\" @click=\"schedulePumpTurnOn(data)\">\r\n                        Schedule Turn On\r\n                    </div>\r\n                    </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              turnPumpOn(data) {\r\n                this.$eventHub.$emit(\"turnPumpOn\", data);\r\n              },\r\n\r\n              schedulePumpTurnOn(data) {\r\n                this.$eventHub.$emit(\"schedulePumpTurnOn\", data);\r\n              },\r\n            },\r\n          }),\r\n        };\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\r\n    this.$eventHub.$on(\"turnPumpOn\", (data) => {\r\n      data.type = \"Turn on\";\r\n      this.turnOnPumpDetails = {\r\n        branchIds: [data.key],\r\n        action: \"Turn on\",\r\n        reason: \"turn pump on now\",\r\n        companyId: this.$route.query.companyId,\r\n      };\r\n      console.log(this.turnOnPumpDetails);\r\n\r\n      this.turnOnModal();\r\n      this.isTurnOnPump = true;\r\n    });\r\n\r\n    this.$eventHub.$on(\"schedulePumpTurnOn\", (data) => {\r\n      data.type = \"Turn on\";\r\n      console.log(data);\r\n      this.turnOnPumpDetails = {\r\n        branchIds: [data.key],\r\n        action: \"Turn on\",\r\n        reason: \"turn pump on\",\r\n        companyId: this.$route.query.companyId,\r\n      };\r\n      this.schedulePumpTurnOnModal();\r\n    });\r\n\r\n    if (this.$route.query.companyId) {\r\n      this.checkViewOnly();\r\n      this.getZones();\r\n      this.getBranches();\r\n      this.getShutdownHistory();\r\n      // this.getProducts();\r\n      // this.getPriceLog();\r\n      // this.getRecentlyPriceChangeLog();\r\n      // this.getHistoryChartsData();\r\n    }\r\n    this.getToday();\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"turnPumpOn\");\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  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n    filteredList() {\r\n      const sortedList = [...this.options];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList2() {\r\n      const sortedList = [...this.options2];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList3() {\r\n      const sortedList = [...this.options3];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    selectAll: {\r\n      get: function () {},\r\n      set: function (value) {\r\n        let selected = [];\r\n        let combinedArray = [\r\n          ...this.options,\r\n          ...this.options2,\r\n          ...this.options3,\r\n        ];\r\n        if (!value) {\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n          return;\r\n        }\r\n        if (value) {\r\n          combinedArray.forEach(function (opt) {\r\n            selected.push(opt.value);\r\n          });\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n        }\r\n      },\r\n    },\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.checkViewOnly();\r\n        this.getZones();\r\n        this.getBranches();\r\n        // this.getProducts();\r\n        // this.getShutdownHistory();\r\n        // this.getPriceLog();\r\n        // this.getRecentlyPriceChangeLog();\r\n        // this.getHistoryChartsData();\r\n      }\r\n    },\r\n    tags: function (newTags, oldTags) {\r\n      let newSelectedArray = [];\r\n\r\n      if (newTags.length === oldTags.length) {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg);\r\n        });\r\n        this.selected = newSelectedArray;\r\n      } else {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg.text);\r\n        });\r\n      }\r\n    },\r\n    value: function () {\r\n      if (this.value !== \"\") {\r\n        this.$refs.date_label.style.display = \"none\";\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    sortComparer(reference, comparer) {\r\n      reference = this.$moment(reference, \"DD/MM/YYYY\").format();\r\n      comparer = this.$moment(comparer, \"DD/MM/YYYY\").format();\r\n      if (reference < comparer) {\r\n        return -1;\r\n      } else if (reference > comparer) {\r\n        return 1;\r\n      } else {\r\n        return 0;\r\n      }\r\n    },\r\n    sortComparer2(reference, comparer) {\r\n      reference = this.revertNumber(reference);\r\n      comparer = this.revertNumber(comparer);\r\n      return reference - comparer;\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (\r\n        args.column.field == \"currentPrice\" ||\r\n        args.column.field == \"previousPrice\"\r\n      ) {\r\n        args.value = this.revertNumber(args.value);\r\n      }\r\n    },\r\n    checkViewOnly() {\r\n      this.isButtonDisabled = this.$store.getters.getViewOnly;\r\n    },\r\n\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"priceChanged\"] === true) {\r\n        args.row.cells[3].style.color = \"red\";\r\n      }\r\n      if (args.data[\"priceChanged\"] === false) {\r\n        args.row.cells[3].style.color = \"green\";\r\n      }\r\n    },\r\n    hideButton($event) {\r\n      $event.preventDefault();\r\n      $event.target.style.display = \"none\";\r\n      this.$refs.update_later_div.style.display = \"block\";\r\n    },\r\n\r\n    toggleChSelectAllBox($event) {\r\n      if ($event.target.checked) {\r\n        $event.target.checked = false;\r\n      } else {\r\n        $event.target.checked = true;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    toggleShowAll(event) {\r\n      this.activeTab = \"price_change_log\";\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    activateTab(tab) {\r\n      this.activeTab = tab;\r\n      if (this.activateTab === \"price_change_log\") {\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n    toggleChckBox($event) {\r\n      if ($event.target.checked) {\r\n        if (!this.tags.includes($event.target.value)) {\r\n          this.tags.push($event.target.value);\r\n          const getIndex = this.selected.indexOf($event.target.value);\r\n          if (getIndex === -1) {\r\n            this.selected.push($event.target.value);\r\n          } else {\r\n            this.selected.splice(getIndex, 1);\r\n          }\r\n        }\r\n      } else {\r\n        if (this.tags.includes($event.target.value)) {\r\n          const getIndex = this.tags.indexOf($event.target.value);\r\n          this.tags.splice(getIndex, 1);\r\n        }\r\n      }\r\n    },\r\n    getToday() {\r\n      let d = new Date(),\r\n        month = \"\" + (d.getMonth() + 1),\r\n        day = \"\" + d.getDate(),\r\n        year = d.getFullYear();\r\n\r\n      if (month.length < 2) month = \"0\" + month;\r\n      if (day.length < 2) day = \"0\" + day;\r\n\r\n      var hours = d.getHours();\r\n      var minutes = d.getMinutes();\r\n      var ampm = hours >= 12 ? \"pm\" : \"am\";\r\n      hours = hours % 12;\r\n      hours = hours ? hours : 12; // the hour '0' should be '12'\r\n      minutes = minutes < 10 ? \"0\" + minutes : minutes;\r\n      hours = hours < 10 ? \"0\" + hours : hours;\r\n      var strTime = hours + \":\" + minutes + \" \" + ampm;\r\n\r\n      let todaysDate = [year, month, day].join(\"-\") + \" \" + strTime;\r\n      this.schedulePriceChangeDate = todaysDate;\r\n    },\r\n\r\n    turnOnModal() {\r\n      this.showUpdateModal = true;\r\n      this.isTurnOnPumpNow = true;\r\n    },\r\n    schedulePumpTurnOnModal() {\r\n      this.showScheduleTurnOn = true;\r\n    },\r\n    schedulePumpTurnOn() {\r\n      this.showScheduleTurnOn = false;\r\n      this.showUpdateModal = true;\r\n      this.isSchedulePumpTurnOn = true;\r\n      this.datePeriod = \"later\";\r\n    },\r\n\r\n    showModal($event, period) {\r\n      $event.preventDefault();\r\n\r\n      if (this.selected.length < 1) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.priceManagement.selectBranch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.reason) {\r\n        this.$toast.open({\r\n          message: \"Please input a reason\",\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      this.datePeriod = period;\r\n      this.showUpdateModal = true;\r\n    },\r\n\r\n    hidePriceSheduleDiv() {\r\n      this.$refs.update_later_div.style.display = \"none\";\r\n      this.$refs.update_later_btn_1.style.display = \"block\";\r\n    },\r\n    updatePrice($event) {\r\n      $event.preventDefault();\r\n      this.$refs.update_later_div.style.display = \"none\";\r\n      this.$refs.update_later_btn_1.style.display = \"block\";\r\n\r\n      if (!this.$refs.password.value) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.passwordMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.datePeriod === \"now\") {\r\n        $(\".loader\").show();\r\n      } else {\r\n        $(\".loader2\").show();\r\n      }\r\n      let passwordValue = this.$refs.password.value;\r\n      this.showUpdateModal = !this.showUpdateModal;\r\n      this.$refs.password.value = \"\";\r\n      let branchIds = [];\r\n      this.combinedOptions.forEach((opt) => {\r\n        if (this.selected.includes(opt.value)) {\r\n          branchIds.push(opt.id);\r\n        }\r\n      });\r\n\r\n      let data;\r\n\r\n      let date;\r\n\r\n      if (this.datePeriod === \"later\") {\r\n        const dateTime = this.$moment(`${this.schedulePriceChangeDate}`).format(\r\n          \"YYYY-MM-DD HH:mm:ss\"\r\n        );\r\n        let newDateTime = new Date(dateTime);\r\n        let updatedDateTime = new Date(\r\n          newDateTime.setHours(newDateTime.getHours() + 1)\r\n        ).toISOString();\r\n        date = updatedDateTime;\r\n      } else {\r\n        let priceDate = new Date();\r\n        priceDate.setHours(priceDate.getHours() + 1);\r\n        date = priceDate.toISOString();\r\n      }\r\n\r\n      if (this.zone === this.$tc(\"text.priceManagement.selectZone\", 2)) {\r\n        data = {\r\n          zoneId: null,\r\n          branchIds: branchIds,\r\n          password: passwordValue,\r\n          scheduleDate: date,\r\n          action: \"ShutDown\",\r\n          reason: this.reason,\r\n        };\r\n      } else {\r\n        data = {\r\n          zoneId: this.zone,\r\n          branchIds: branchIds,\r\n          password: passwordValue,\r\n          scheduleDate: date,\r\n          action: \"ShutDown\",\r\n          reason: this.reason,\r\n        };\r\n      }\r\n\r\n      // let message = !this.schedulePriceChangeDate\r\n      // \t? \"Pump(s) shutdown Succesffuly\"\r\n      // \t: \"The pump will be shutdown at the due date\";\r\n\r\n      if (this.isSchedulePumpTurnOn) {\r\n        data = this.turnOnPumpDetails;\r\n        data.scheduleDate = date;\r\n        data.password = passwordValue;\r\n      } else if (this.isTurnOnPump) {\r\n        data = this.turnOnPumpDetails;\r\n        data.password = passwordValue;\r\n        this.isTurnOnPump = true;\r\n      }\r\n\r\n      // console.log(data);\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Devices/ShutDownDeviceByZone`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.password = \"\";\r\n          $(\".loader\").hide();\r\n          $(\".loader2\").hide();\r\n          if (this.isTurnOnPumpNow || this.isSchedulePumpTurnOn) {\r\n            console.log(this.isTurnOnPump);\r\n            this.$toast.open({\r\n              message:\r\n                response.status === 200\r\n                  ? \"Pump turned on successfully\"\r\n                  : response.data.message,\r\n              type: \"success\",\r\n              duration: 4000,\r\n            });\r\n          } else if (!this.isTurnOnPumpNow && !this.isSchedulePumpTurnOn) {\r\n            console.log(this.isTurnOnPump);\r\n            this.$toast.open({\r\n              message:\r\n                response.status === 200\r\n                  ? \"Pump shutdown successfully\"\r\n                  : response.data.message,\r\n              type: \"success\",\r\n              duration: 4000,\r\n            });\r\n          }\r\n          this.getShutdownHistory();\r\n          this.getToday();\r\n        })\r\n        .catch((error) => {\r\n          this.password = \"\";\r\n          this.getToday();\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          $(\".loader2\").hide();\r\n        });\r\n\r\n      if (this.isSchedulePumpTurnOn) {\r\n        this.isSchedulePumpTurnOn = false;\r\n      } else if (this.isTurnOnPump) {\r\n        this.isTurnOnPump = false;\r\n      }\r\n    },\r\n\r\n    getZoneBranches(zoneId) {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Zones/Branches/${zoneId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          let copiedResponse = [...response.data];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n          copiedResponse.forEach((br, index) => {\r\n            let dataLengthFirstOneThird = copiedResponse.length / 3;\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(br);\r\n            }\r\n          });\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n          let index = 0;\r\n          response.data.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.name > b.name ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n          response.data.forEach((branch) => {\r\n            index++;\r\n            branch.index = index;\r\n            branch.text = branch.name;\r\n            branch.value = branch.name.toLowerCase();\r\n          });\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.options.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.text > b.text ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getBranches() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Branches/${\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          let copiedResponse = [...response.data];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n          copiedResponse.forEach((br, index) => {\r\n            let dataLengthFirstOneThird = copiedResponse.length / 3;\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(br);\r\n            }\r\n          });\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n          let index = 0;\r\n          response.data.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.name > b.name ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n          response.data.forEach((branch) => {\r\n            index++;\r\n            branch.index = index;\r\n            branch.text = branch.name;\r\n            branch.value = branch.name.toLowerCase();\r\n          });\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.options.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.text > b.text ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getZones() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Zones/Company/${\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            const moment = zone.date\r\n              .split(\"T\")[0]\r\n              .split(\"-\")\r\n              .reverse()\r\n              .join(\"-\");\r\n            zone.date = this.$moment(moment, \"DD-MM-YYYY\").format(\r\n              \"D MMMM, YYYY\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n          this.zones = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    zoneChange(event) {\r\n      this.zoneId = event.target.value;\r\n      if (this.zone === this.$tc(\"text.priceManagement.selectZone\", 2)) {\r\n        this.getBranches();\r\n        this.getRecentlyPriceChangeLog();\r\n      } else {\r\n        this.getZoneBranches(event.target.value);\r\n        this.getRecentlyPriceChangeLog();\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n\r\n    convertThousand(request) {\r\n      if (request === null || request === \"null\") {\r\n        return \"0.00\";\r\n      }\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n\r\n    // getHistoryChartsData() {\r\n    // \tthis.axios\r\n    // \t\t.get(\r\n    // \t\t\t`${configObject.apiBaseUrl}/Dashboard/CompanyFiveDaySale/${\r\n    // \t\t\t\tthis.$route.query.companyId\r\n    // \t\t\t\t\t? this.$route.query.companyId\r\n    // \t\t\t\t\t: this.company.id\r\n    // \t\t\t}`,\r\n    // \t\t\tconfigObject.authConfig()\r\n    // \t\t)\r\n    // \t\t.then((response) => {\r\n    // \t\t\tresponse.data.forEach((el) => {\r\n    // \t\t\t\tthis.companyProduct;\r\n    // \t\t\t\tthis.availableProducts.push(el.product.toLowerCase());\r\n    // \t\t\t});\r\n    // \t\t\tthis.paintSplineData(response.data);\r\n    // \t\t})\r\n    // \t\t.catch((error) => {});\r\n    // },\r\n\r\n    // getRecentlyPriceChangeLog() {\r\n    // \tthis.showLoader = true;\r\n    // \tlet url = \"\";\r\n    // \tif (!this.zoneId) {\r\n    // \t\turl = `${configObject.apiBaseUrl}/Company/RecentPriceChangeLog/${\r\n    // \t\t\tthis.$route.query.companyId\r\n    // \t\t\t\t? this.$route.query.companyId\r\n    // \t\t\t\t: this.company.id\r\n    // \t\t}`;\r\n    // \t} else {\r\n    // \t\turl = `${configObject.apiBaseUrl}/Company/RecentPriceChangeLog/${\r\n    // \t\t\tthis.$route.query.companyId\r\n    // \t\t\t\t? this.$route.query.companyId\r\n    // \t\t\t\t: this.company.id\r\n    // \t\t}/${this.zoneId}`;\r\n    // \t}\r\n    // \tthis.axios\r\n    // \t\t.get(url, configObject.authConfig())\r\n    // \t\t.then((response) => {\r\n    // \t\t\tthis.showLoader = false;\r\n    // \t\t\tconst groupsObj = response.data.reduce((acc, cur) => {\r\n    // \t\t\t\tconst bn = cur.branchName;\r\n    // \t\t\t\tif (!acc[bn]) {\r\n    // \t\t\t\t\tacc[bn] = { [cur.product]: cur };\r\n    // \t\t\t\t} else {\r\n    // \t\t\t\t\tacc[bn] = { ...acc[bn], [cur.product]: cur };\r\n    // \t\t\t\t}\r\n    // \t\t\t\treturn acc;\r\n    // \t\t\t}, {});\r\n\r\n    // \t\t\tconst newArray = Object.keys(groupsObj).map((cur) => {\r\n    // \t\t\t\treturn {\r\n    // \t\t\t\t\tbranch: groupsObj[cur],\r\n    // \t\t\t\t};\r\n    // \t\t\t});\r\n    // \t\t\tthis.recentlyUpdated = newArray;\r\n    // \t\t})\r\n    // \t\t.catch((error) => {\r\n    // \t\t\tthis.showLoader = false;\r\n    // \t\t});\r\n    // },\r\n\r\n    // getProducts() {\r\n    // \tthis.axios\r\n    // \t\t.get(\r\n    // \t\t\t`${configObject.apiBaseUrl}/Products/Company/${\r\n    // \t\t\t\tthis.$route.query.companyId\r\n    // \t\t\t\t\t? this.$route.query.companyId\r\n    // \t\t\t\t\t: this.company.id\r\n    // \t\t\t}`,\r\n    // \t\t\tconfigObject.authConfig()\r\n    // \t\t)\r\n    // \t\t.then((response) => {\r\n    // \t\t\tthis.showLoader = false;\r\n    // \t\t\tthis.prodList = response.data;\r\n    // \t\t})\r\n    // \t\t.catch((error) => {});\r\n    // },\r\n\r\n    getShutdownHistory() {\r\n      this.priceChangeLogLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Devices/ShutDownPumpBranches/${\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.priceChangeLogLoader = false;\r\n\r\n          response.data.forEach((x, index) => {\r\n            x.index = index + 1;\r\n            //x.date = this.$moment(x.date).format(\"DD/MM/YYYY\");\r\n          });\r\n          this.showLoader = false;\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          this.priceChangeLogLoader = false;\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n\r\n    // getPriceLog() {\r\n    // \tthis.priceChangeLogLoader = true;\r\n    // \tthis.axios\r\n    // \t\t.get(\r\n    // \t\t\t`${configObject.apiBaseUrl}/Company/PriceChangeLog/${\r\n    // \t\t\t\tthis.$route.query.companyId\r\n    // \t\t\t\t\t? this.$route.query.companyId\r\n    // \t\t\t\t\t: this.company.id\r\n    // \t\t\t}`,\r\n    // \t\t\tconfigObject.authConfig()\r\n    // \t\t)\r\n    // \t\t.then((response) => {\r\n    // \t\t\tthis.priceChangeLogLoader = false;\r\n    // \t\t\tresponse.data.sort((a, b) => {\r\n    // \t\t\t\treturn a.name > b.companyName ? 1 : -1;\r\n    // \t\t\t});\r\n    // \t\t\tresponse.data.sort((a, b) => {\r\n    // \t\t\t\treturn a.product > b.product ? 1 : -1;\r\n    // \t\t\t});\r\n    // \t\t\tresponse.data.forEach((x, index) => {\r\n    // \t\t\t\tx.index = index + 1;\r\n    // \t\t\t\tx.date = this.$moment(x.date).format(\"DD/MM/YYYY\");\r\n    // \t\t\t\tx.currentPrice = this.convertThousand(x.currentPrice);\r\n    // \t\t\t\tx.previousPrice = this.convertThousand(x.previousPrice);\r\n    // \t\t\t});\r\n    // \t\t\tthis.showLoader = false;\r\n    // \t\t\tthis.$refs.priceLogDataGrid.ej2Instances.setProperties({\r\n    // \t\t\t\tpriceLogDataSource: response.data,\r\n    // \t\t\t});\r\n    // \t\t\tthis.refreshGrid();\r\n    // \t\t})\r\n    // \t\t.catch((error) => {\r\n    // \t\t\tthis.priceChangeLogLoader = false;\r\n    // \t\t\tthis.showLoader = false;\r\n    // \t\t});\r\n    // },\r\n\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\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!./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=319baa1a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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":""}