{"version":3,"sources":["webpack:///./src/views/Branch/productSummary/index.vue?20bb","webpack:///src/views/Branch/productSummary/index.vue","webpack:///./src/views/Branch/productSummary/index.vue?05d9","webpack:///./src/views/Branch/productSummary/index.vue","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/assets/img/hand (1).png","webpack:///./src/assets/img/danskebank.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","productSummaryCount","$t","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","attrs","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","value","callback","$$v","dateRange","expression","class","productCount","countryProducts","products","product1","decimalThousand","pmsSummary","volume","branch","currencyCode","amount","_e","product2","agoSummary","product3","dpkSummary","product4","lpgSummary","$d","Date","startDate","endDate","directives","name","rawName","showLoader","ref","dataBound","refreshGrid","pageSettings","toolbar","search","toolbarClick","excelQueryCellInfo","usedLang","formatOptions","undefined","isPMS","currency","isAGO","isDPK","isLPG","staticRenderFns","$","components","MasterLayout","TableLoader","provide","grid","data","type","format","key","label","transFilter","pluginStartDate","pluginEndDate","start","end","branchId","hasLpg","hasPms","hasAgo","hasDpk","pageSizes","pageCount","pageSize","operator","ignoreCase","branches","dealers","showAll","lowTanks","pmsRate","agoRate","dpkRate","lpgRate","groupArrays","productSummary","watch","created","path","window","document","computed","beforeDestroy","mounted","searchFun","methods","revertNumber","changeRoute","displayProductSummary","prod","prodCount","summary","getProductSummary","get","configObject","then","response","catch","error","args","getSalesTransaction","group","sl","toLowerCase","includes","index","date","pmsVolume","pmsCheck","pmsAmount","agoVolume","agoCheck","agoAmount","dpkVolume","dpkCheck","dpkAmount","lpgVolume","lpgCheck","lpgAmount","totalAmount","dataSource","toFixed","toString","replace","component","module","exports"],"mappings":"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AAA1D,aACA,CACAyD,gBACAC,yCACA1D,cAEA,CACAyD,gBACAC,yCACA1D,SAEA,CACAyD,eACAC,wCACA1D,kBAEA,CACAyD,iBACAC,0CACA1D,UAEA,CACAyD,gBACAC,yCACA1D,iBAGA2D,uBACAlC,mEACAC,8CACAkC,qEACAC,gDACA1D,WAAA2D,2BAAAC,wBACA7E,kBACA2B,UACAmD,cACAC,UACAC,UACAC,UACAC,UACA9D,wBACA4B,cACAmC,6BACAC,YACAC,aAEApC,6CACAC,QAAAoC,oBAAAC,eACAC,WACAC,UACA7C,cACA8C,WACAC,YACAC,UACAC,UACAC,UACAC,UACAC,iBACAC,kBACAxE,YAAAC,SAAAG,UACAG,YAAAN,SAAAG,UACAK,YAAAR,SAAAG,UACAO,YAAAV,SAAAG,UACAjC,wBAGAsG,OACAjF,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,yBACA,6BAGAU,qBACA,OACA,4BACA,6BACA,uBACA,yBACA,8BAGA,iBACA,8BAEA,uBACA,yBACA,gCAMAwE,UACA,6CACA,mBAAAC,WACA,4BACAC,yBAEA,0CACA,sCACAC,uDACA,mBACA,gCACA,cACAA,8DAGAC,UACAlF,2BACA,gDAGAmF,kBACAC,UAIA,cACA,oEACA,iBACAtC,YANAL,iCACA4C,SAQAC,SACAC,gBACA,0CAEA9D,qBACA,sCAEA+D,eACA,mBAAAnE,UAEAS,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEA+D,yBACA,IAyEA,EAzEA,IACA,WACAC,GACAA,yBACA,6CAEA,WACA,iBACAlF,uBACA,WACA,GACAH,uBACA,WACA,IAEA,eACAsF,KAGAC,WACAF,GACAA,yBACA,6CAEA,WACA,iBACAlF,uBACA,WACA,GACAH,uBACA,WACA,IAEA,eACAsF,KAGAC,WACAF,GACAA,yBACA,6CAEA,WACA,iBACAlF,uBACA,WACA,GACAH,uBACA,WACA,IAEA,eACAsF,KAGAC,WACAF,GACAA,yBACA,6CAEA,WACA,iBACAlF,uBACA,WACA,GACAH,uBACA,WACA,IAEA,eACAsF,KAEAA,IAEAA,eACA,+BAEAE,oBACA,mBACA,WACAC,IACA,2GACAC,qBAEAC,KAAAC,IACA,mBACA,2BACA,qCAEAC,MAAAC,QAEApE,sBACA,yBACAqE,qDAGAC,sBACA,WACAP,IACA,yGACAC,qBAEAC,KAAAC,IAGA,2CACA,6BAKA,OAJA,OACAK,SAEAA,aACA,GACA,IACA,QAEA,+BACA,kBACAC,GACAA,sBACAA,8BACA,6CAGA,cACAA,GACAA,sBACAA,8BACA,6CAEA,cACAA,GACAA,4DACAA,WACAC,cACAC,SAAA,8CACAF,uDAEA,cACAA,GACAA,4DACAA,WACAC,cACAC,SAAA,8CACAF,uDAEA,OACAG,UACAC,OACAC,mBACAC,gBACA,eACA,GACA,KACAC,mBACAD,gBACA,eACA,GACA,KACAE,mBACAC,gBACA,eACA,GACA,KACAC,mBACAD,gBACA,eACA,GACA,KACAE,mBACAC,gBACA,eACA,GACA,KACAC,mBACAD,gBACA,eACA,GACA,KACAE,mBACAC,gBACA,eACA,GACA,KACAC,mBACAD,gBACA,eACA,GACA,KACAE,+BACA,eACA,MASA,aALA,oCACA,oCACA,oCACA,oCAEA,GACA,eACA,mBACA,KAKA,kCACA,mBACA,gDACAC,eAEA,gBACA,cACA,GACA,gBACA,cACA,GAEA,qBAEAvB,MAAAC,QAEAhG,mBACA,mBAGA,EACAuH,QAAA,GACAC,WACAC,QAAA,6BALA,UCzzB6W,I,YCOzWC,EAAY,eACd,EACAjK,EACA4E,GACA,EACA,KACA,KACA,MAIa,aAAAqF,E,8BClBfC,EAAOC,QAAU,s5C,mBCAjBD,EAAOC,QAAU,s7D,qBCAjBD,EAAOC,QAAU,IAA0B","file":"js/chunk-0b15fade.0a4e44a4.js","sourcesContent":["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 20%\"}},[_c('div',{staticClass:\"row align-items-center fuel_consumption_buttons_row\"},[_c('div',{staticClass:\"col-md-12 fuel_consumption_btn_div mt-3\"},[_c('div',{staticClass:\"fuel_consumption_button active_tab\",staticStyle:{\"height\":\"80px\",\"width\":\"80px\"}},[_c('h3',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.productSummaryCount))])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center voucher_type mt-2 primary_text\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.productSummary.totalTransactions\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuel_consumption_row_right_section mr-3 vr__bg\",style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 0.92)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"row align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"transaction_period_text text-center branch__sales__text\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.productSummary.title\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 drop_down_input_group\"},[_c('div',{staticClass:\"drop_down_section mt-2 mr-2\"},[_c('div',{staticClass:\"drop_down_div align-items-center\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"row dashboard_first_row mt-3\"},[(_vm.hasPms)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"card_container_1 dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.pmsSummary.volume))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-2\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-9 col-md-9 col-sm-4 text-right\"})]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-3\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"},[_c('h4',{staticClass:\"dashboard__footer__amount\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.pmsSummary.amount))+\"\\n                \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"card_container_1 dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.agoSummary.volume))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-2\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_2\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-9 col-md-9 col-sm-4 text-right\"})]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-3\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"},[_c('h4',{staticClass:\"dashboard__footer__amount_1\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.agoSummary.amount))+\"\\n                \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"card_container_1 dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_3\"},[_vm._v(\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.dpkSummary.volume))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-2\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_3\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"})]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-3\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-9 col-sm-8 text-right\"},[_c('h4',{staticClass:\"dashboard__footer__amount_2\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.dpkSummary.amount))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"card_container_1 dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.lpgSummary.volume))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-2\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_2\",staticStyle:{\"background\":\"purple\"}},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-9 col-md-9 col-sm-4 text-right\"})]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-3\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"},[_c('h4',{staticClass:\"dashboard__footer__amount_1\",staticStyle:{\"font-size\":\"23px\",\"color\":\"purple\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.decimalThousand(_vm.lpgSummary.amount))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"col-md-4 card_row\",class:_vm.productCount},[_c('div',{staticClass:\"card_container_1 dashboard_card_1 mt-3\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_3\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.productSummary.total\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_4\"},[_vm._v(\"\\n                \"+_vm._s(_vm.decimalThousand(\n                    _vm.pmsSummary.volume +\n                      _vm.agoSummary.volume +\n                      _vm.dpkSummary.volume +\n                      _vm.lpgSummary.volume\n                  ))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-2\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 col-sm-12\"},[_c('div',{staticClass:\"oil_drop_div_4\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"})]),_vm._v(\" \"),_c('div',{staticClass:\"row dashboard_card mt-3\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-12 percent__column\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-4 text-right\"},[_c('h4',{staticClass:\"dashboard__footer__amount_3\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.decimalThousand(\n                    _vm.pmsSummary.amount +\n                      _vm.agoSummary.amount +\n                      _vm.dpkSummary.amount +\n                      _vm.lpgSummary.amount\n                  ))+\"\\n                \")])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"section__row mt-3\"},[_c('section',[_c('div',{staticClass:\"mt-3\"},[_c('div',{},[_c('div',{staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('span',{staticClass:\"sec_text_color\"},[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/hand (1).png\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.productSummary.transBtw\"))+\"\\n                  \"+_vm._s(_vm.$d(new Date(_vm.startDate), \"short\", this.$root.$i18n.locale))+\"\\n                  \"+_vm._s(_vm.$t(\"text.and.text\"))+\"\\n                  \"+_vm._s(_vm.$d(new Date(_vm.endDate), \"short\", this.$root.$i18n.locale))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"dataBound\":_vm.dataBound,\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"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\":\"date\",\"width\":\"200\",\"headerText\":_vm.$t('text.productSummary.date'),\"type\":\"date\",\"format\":_vm.formatOptions}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isPMS !== undefined,\"field\":\"pmsVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                    'text.productSummary.productVolume'\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isPMS !== undefined,\"field\":\"pmsAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                    'text.productSummary.productAmount',\n                    { currency: (\"(\" + (_vm.branch ? _vm.branch.currency : '') + \")\") }\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isAGO !== undefined,\"field\":\"agoVolume\",\"format\":\"N2\",\"width\":\"200\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                    'text.productSummary.productVolume'\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isAGO !== undefined,\"field\":\"agoAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                    'text.productSummary.productAmount',\n                    { currency: (\"(\" + (_vm.branch ? _vm.branch.currency : '') + \")\") }\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isDPK !== undefined,\"field\":\"dpkVolume\",\"format\":\"N2\",\"width\":\"200\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                    'text.productSummary.productVolume'\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isDPK !== undefined,\"field\":\"dpkAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                    'text.productSummary.productAmount',\n                    { currency: (\"(\" + (_vm.branch ? _vm.branch.currency : '') + \")\") }\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isLPG !== undefined,\"field\":\"lpgVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                    'text.productSummary.productVolume'\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.isLPG !== undefined,\"field\":\"lpgAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                    'text.productSummary.productAmount',\n                    { currency: (\"(\" + (_vm.branch ? _vm.branch.currency : '') + \")\") }\n                  )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"totalAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":_vm.$t('text.productSummary.totalAmount')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div class=\"card_container\" style=\"flex: 0 0 20%\">\r\n          <div class=\"row align-items-center fuel_consumption_buttons_row\">\r\n            <div class=\"col-md-12 fuel_consumption_btn_div mt-3\">\r\n              <div\r\n                class=\"fuel_consumption_button active_tab\"\r\n                style=\"height: 80px; width: 80px\"\r\n              >\r\n                <h3 class=\"text-white\">{{ productSummaryCount }}</h3>\r\n              </div>\r\n              <div class=\"text-center voucher_type mt-2 primary_text\">\r\n                {{ $t(\"text.productSummary.totalTransactions\") }}\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 vr__bg\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.92), rgb(12, 4, 31, 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 class=\"row align-items-center\" style=\"height: 100%\">\r\n            <div class=\"col-md-6\">\r\n              <div\r\n                class=\"transaction_period_text text-center branch__sales__text\"\r\n                style=\"font-size: 22px\"\r\n              >\r\n                {{ $t(\"text.productSummary.title\") }}\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-4 drop_down_input_group\">\r\n              <div class=\"drop_down_section mt-2 mr-2\">\r\n                <div class=\"drop_down_div align-items-center\">\r\n                  <vue-ctk-date-time-picker\r\n                    v-model=\"dateRange\"\r\n                    :max-date=\"maxDate\"\r\n                    :range=\"true\"\r\n                    :autoClose=\"true\"\r\n                    :locale=\"this.$root.$i18n.locale\"\r\n                    :custom-shortcuts=\"customShortcuts\"\r\n                    :color=\"$store.getters.getDatePickerColor\"\r\n                    format=\"DDMMYYYY\"\r\n                    formatted=\"DD/MM/YYYY\"\r\n                    :label=\"$t('text.calendar.dateRange')\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"row dashboard_first_row mt-3\">\r\n        <!-- PMS SECTION -->\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasPms\">\r\n          <div class=\"card_container_1 dashboard_card_1 mt-3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"left_div\">\r\n                <h4 class=\"stations_card_header\">\r\n                  {{ countryProducts.products.product1 }}\r\n                </h4>\r\n              </div>\r\n              <div class=\"right_div\">\r\n                <h4 class=\"stations_card_header\">\r\n                  {{ decimalThousand(pmsSummary.volume) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-2\">\r\n              <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                <div class=\"oil_drop_div_1\">\r\n                  <div class=\"text-center\">\r\n                    <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-9 col-md-9 col-sm-4 text-right\"></div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-3\">\r\n              <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\">\r\n                <h4 class=\"dashboard__footer__amount\" style=\"font-size: 23px\">\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ decimalThousand(pmsSummary.amount) }}\r\n                  <!-- {{ $n(pmsSummary.amount, \"currency\") }} -->\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasAgo\">\r\n          <div class=\"card_container_1 dashboard_card_1 mt-3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"left_div\">\r\n                <h4 class=\"stations_card_header_1\">\r\n                  {{ countryProducts.products.product2 }}\r\n                </h4>\r\n              </div>\r\n              <div class=\"right_div\">\r\n                <h4 class=\"stations_card_header_1\">\r\n                  {{ decimalThousand(agoSummary.volume) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-2\">\r\n              <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                <div class=\"oil_drop_div_2\">\r\n                  <div class=\"text-center\">\r\n                    <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-9 col-md-9 col-sm-4 text-right\"></div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-3\">\r\n              <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\">\r\n                <h4 class=\"dashboard__footer__amount_1\" style=\"font-size: 23px\">\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ decimalThousand(agoSummary.amount) }}\r\n                  <!-- {{ $n(agoSummary.amount, \"currency\") }} -->\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasDpk\">\r\n          <div class=\"card_container_1 dashboard_card_1 mt-3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"left_div\">\r\n                <h4 class=\"stations_card_header_2\">\r\n                  {{ countryProducts.products.product3 }}\r\n                </h4>\r\n              </div>\r\n              <div class=\"right_div\">\r\n                <h4 class=\"stations_card_amount_header_3\">\r\n                  {{ decimalThousand(dpkSummary.volume) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-2\">\r\n              <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                <div class=\"oil_drop_div_3\">\r\n                  <div class=\"text-center\">\r\n                    <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\"></div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-3\">\r\n              <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n              <div class=\"col-lg-8 col-md-9 col-sm-8 text-right\">\r\n                <h4 class=\"dashboard__footer__amount_2\" style=\"font-size: 23px\">\r\n                  <!-- {{ $n(dpkSummary.amount, \"currency\") }} -->\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ decimalThousand(dpkSummary.amount) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\" v-if=\"hasLpg\">\r\n          <div class=\"card_container_1 dashboard_card_1 mt-3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"left_div\">\r\n                <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                  {{ countryProducts.products.product4 }}\r\n                </h4>\r\n              </div>\r\n              <div class=\"right_div\">\r\n                <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                  {{ decimalThousand(lpgSummary.volume) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-2\">\r\n              <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                <div class=\"oil_drop_div_2\" style=\"background: purple\">\r\n                  <div class=\"text-center\">\r\n                    <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-9 col-md-9 col-sm-4 text-right\"></div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-3\">\r\n              <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\">\r\n                <h4\r\n                  class=\"dashboard__footer__amount_1\"\r\n                  style=\"font-size: 23px; color: purple\"\r\n                >\r\n                  <!-- {{ $n(lpgSummary.amount, \"currency\") }} -->\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ decimalThousand(lpgSummary.amount) }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section class=\"col-md-4 card_row\" :class=\"productCount\">\r\n          <div class=\"card_container_1 dashboard_card_1 mt-3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"left_div\">\r\n                <h4 class=\"stations_card_header_3\">\r\n                  {{ $t(\"text.productSummary.total\") }}\r\n                </h4>\r\n              </div>\r\n              <div class=\"right_div\">\r\n                <h4 class=\"stations_card_amount_header_4\">\r\n                  {{\r\n                    decimalThousand(\r\n                      pmsSummary.volume +\r\n                        agoSummary.volume +\r\n                        dpkSummary.volume +\r\n                        lpgSummary.volume\r\n                    )\r\n                  }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-2\">\r\n              <div class=\"col-lg-3 col-md-3 col-sm-12\">\r\n                <div class=\"oil_drop_div_4\">\r\n                  <div class=\"text-center\">\r\n                    <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\"></div>\r\n            </div>\r\n            <div class=\"row dashboard_card mt-3\">\r\n              <div class=\"col-lg-4 col-md-4 col-sm-12 percent__column\"></div>\r\n              <div class=\"col-lg-8 col-md-8 col-sm-4 text-right\">\r\n                <h4 class=\"dashboard__footer__amount_3\" style=\"font-size: 23px\">\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{\r\n                    decimalThousand(\r\n                      pmsSummary.amount +\r\n                        agoSummary.amount +\r\n                        dpkSummary.amount +\r\n                        lpgSummary.amount\r\n                    )\r\n                  }}\r\n                  <!-- {{\r\n                    $n(\r\n                      pmsSummary.amount +\r\n                        agoSummary.amount +\r\n                        dpkSummary.amount +\r\n                        lpgSummary.amount,\r\n                      \"currency\"\r\n                    )\r\n                  }} -->\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </section>\r\n      <div class=\"section__row mt-3\">\r\n        <section>\r\n          <div class=\"mt-3\">\r\n            <div class=\"\">\r\n              <div class=\"row top_section_row\">\r\n                <div class=\"col-md-8\">\r\n                  <span class=\"sec_text_color\">\r\n                    <img src=\"@/assets/img/hand (1).png\" class=\"mr-3\" />\r\n                    {{ $t(\"text.productSummary.transBtw\") }}\r\n                    {{\r\n                      $d(new Date(startDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                    {{ $t(\"text.and.text\") }}\r\n                    {{\r\n                      $d(new Date(endDate), \"short\", this.$root.$i18n.locale)\r\n                    }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"col-md-4 text-right\"></div>\r\n              </div>\r\n              <ejs-grid\r\n                v-show=\"!showLoader\"\r\n                ref=\"dataGrid\"\r\n                :dataBound=\"dataBound\"\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                :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 field=\"date\" width=\"200\" :headerText=\"$t('text.productSummary.date')\" :sortComparer='sortComparer'></e-column> -->\r\n                  <e-column\r\n                    field=\"date\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.productSummary.date')\"\r\n                    type=\"date\"\r\n                    :format=\"formatOptions\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isPMS !== undefined\"\r\n                    field=\"pmsVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                      'text.productSummary.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isPMS !== undefined\"\r\n                    field=\"pmsAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                      'text.productSummary.productAmount',\r\n                      { currency: `(${branch ? branch.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isAGO !== undefined\"\r\n                    field=\"agoVolume\"\r\n                    format=\"N2\"\r\n                    width=\"200\"\r\n                    :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                      'text.productSummary.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isAGO !== undefined\"\r\n                    field=\"agoAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                      'text.productSummary.productAmount',\r\n                      { currency: `(${branch ? branch.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isDPK !== undefined\"\r\n                    field=\"dpkVolume\"\r\n                    format=\"N2\"\r\n                    width=\"200\"\r\n                    :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                      'text.productSummary.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isDPK !== undefined\"\r\n                    field=\"dpkAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                      'text.productSummary.productAmount',\r\n                      { currency: `(${branch ? branch.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isLPG !== undefined\"\r\n                    field=\"lpgVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                      'text.productSummary.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"isLPG !== undefined\"\r\n                    field=\"lpgAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                      'text.productSummary.productAmount',\r\n                      { currency: `(${branch ? branch.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"totalAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"$t('text.productSummary.totalAmount')\"\r\n                  ></e-column>\r\n                </e-columns>\r\n              </ejs-grid>\r\n              <TableLoader :showLoader=\"showLoader\" />\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/danskebank.jpg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\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 JQuery from \"jquery\";\r\n\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\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      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      isPMS: false,\r\n      isAGO: false,\r\n      isDPK: false,\r\n      isLPG: 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      transFilter: \"Show All\",\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\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      backgroundUrl,\r\n      branch: {},\r\n      branchId: null,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      productCount: \"col-lg-3\",\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      branches: 0,\r\n      dealers: 0,\r\n      showLoader: false,\r\n      showAll: false,\r\n      lowTanks: [],\r\n      pmsRate: 0,\r\n      agoRate: 0,\r\n      dpkRate: 0,\r\n      lpgRate: 0,\r\n      groupArrays: [{}],\r\n      productSummary: [],\r\n      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      productSummaryCount: 0,\r\n    };\r\n  },\r\n  watch: {\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n\r\n        this.getProductSummary();\r\n        this.getSalesTransaction();\r\n      }\r\n    },\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        if (this.$route.query.branchId) {\r\n          this.branchId = this.branch.id;\r\n          if (this.branchId !== null) {\r\n            this.getProductSummary();\r\n            this.getSalesTransaction();\r\n          }\r\n        } else {\r\n          if (this.branch.id) {\r\n            this.branchId = this.branch.id;\r\n          }\r\n          if (this.branchId !== null) {\r\n            this.getProductSummary();\r\n            this.getSalesTransaction();\r\n          }\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    document.title = `Product Summary:: Epump Retail Outlet`;\r\n    this.showLoader = true;\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Product Summary:: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  beforeDestroy() {},\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    changeRoute(route) {\r\n      this.$router.push({ name: route });\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    displayProductSummary(productSummary) {\r\n      let prodCount = 0;\r\n      let summary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product1\r\n      );\r\n      if (summary.length) {\r\n        this.pmsSummary = {\r\n          amount: summary.reduce((acc, curr) => {\r\n            return acc + curr.amount;\r\n          }, 0),\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.volume;\r\n          }, 0),\r\n        };\r\n        this.hasPms = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product2\r\n      );\r\n      if (summary.length) {\r\n        this.agoSummary = {\r\n          amount: summary.reduce((acc, curr) => {\r\n            return acc + curr.amount;\r\n          }, 0),\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.volume;\r\n          }, 0),\r\n        };\r\n        this.hasAgo = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product3\r\n      );\r\n      if (summary.length) {\r\n        this.dpkSummary = {\r\n          amount: summary.reduce((acc, curr) => {\r\n            return acc + curr.amount;\r\n          }, 0),\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.volume;\r\n          }, 0),\r\n        };\r\n        this.hasDpk = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) =>\r\n          prod.product.toLowerCase() ==\r\n          this.countryProducts.productsLower.product4\r\n      );\r\n      if (summary.length) {\r\n        this.lpgSummary = {\r\n          amount: summary.reduce((acc, curr) => {\r\n            return acc + curr.amount;\r\n          }, 0),\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.volume;\r\n          }, 0),\r\n        };\r\n        this.hasLpg = true;\r\n        prodCount++;\r\n      }\r\n      prodCount++;\r\n      let columnNumber;\r\n      prodCount !== 5 ? (columnNumber = 12 / prodCount) : (columnNumber = 3);\r\n      this.productCount = `col-lg-${columnNumber}`;\r\n    },\r\n    getProductSummary() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/DaySale/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          this.productSummary = response.data;\r\n          this.displayProductSummary(response.data);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\r\n    getSalesTransaction() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/Sales/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // this.productSummaryCount = response.data.totalTransactions;\r\n\r\n          const groups = response.data.transactions.reduce((group, sales) => {\r\n            const date = sales.date.split(\"T\")[0];\r\n            if (!group[date]) {\r\n              group[date] = [];\r\n            }\r\n            group[date].push(sales);\r\n            return group;\r\n          }, {});\r\n          let count = 0;\r\n          let _this = this;\r\n          const groupArrays = Object.keys(groups).map((date) => {\r\n            let pmsCheck = groups[date].filter(\r\n              (sl) =>\r\n                sl.productName !== null &&\r\n                sl.productName.toLowerCase() ===\r\n                  this.countryProducts.productsLower.product1\r\n            );\r\n\r\n            let agoCheck = groups[date].filter(\r\n              (sl) =>\r\n                sl.productName !== null &&\r\n                sl.productName.toLowerCase() ===\r\n                  this.countryProducts.productsLower.product2\r\n            );\r\n            let dpkCheck = groups[date].filter(\r\n              (sl) =>\r\n                sl.productName == this.countryProducts.productsLower.product3 ||\r\n                sl.pumpName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product3) ||\r\n                sl.productName == this.countryProducts.products.product3\r\n            );\r\n            let lpgCheck = groups[date].filter(\r\n              (sl) =>\r\n                sl.productName == this.countryProducts.productsLower.product4 ||\r\n                sl.pumpName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product4) ||\r\n                sl.productName == this.countryProducts.products.product4\r\n            );\r\n            return {\r\n              index: ++count,\r\n              date,\r\n              pmsVolume: pmsCheck.length\r\n                ? pmsCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.volumeSold;\r\n                  }, 0)\r\n                : null,\r\n              pmsAmount: pmsCheck.length\r\n                ? pmsCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.amountSold;\r\n                  }, 0)\r\n                : null,\r\n              agoVolume: agoCheck.length\r\n                ? agoCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.volumeSold;\r\n                  }, 0)\r\n                : null,\r\n              agoAmount: agoCheck.length\r\n                ? agoCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.amountSold;\r\n                  }, 0)\r\n                : null,\r\n              dpkVolume: dpkCheck.length\r\n                ? dpkCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.volumeSold;\r\n                  }, 0)\r\n                : null,\r\n              dpkAmount: dpkCheck.length\r\n                ? dpkCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.amountSold;\r\n                  }, 0)\r\n                : null,\r\n              lpgVolume: lpgCheck.length\r\n                ? lpgCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.volumeSold;\r\n                  }, 0)\r\n                : null,\r\n              lpgAmount: lpgCheck.length\r\n                ? lpgCheck.reduce((acc, currValue) => {\r\n                    return acc + currValue.amountSold;\r\n                  }, 0)\r\n                : null,\r\n              totalAmount: groups[date].reduce((acc, currValue) => {\r\n                return acc + currValue.amountSold;\r\n              }, 0),\r\n            };\r\n          });\r\n\r\n          this.isPMS = groupArrays.find((item) => item.pmsAmount > 0);\r\n          this.isAGO = groupArrays.find((item) => item.agoAmount > 0);\r\n          this.isDPK = groupArrays.find((item) => item.dpkAmount > 0);\r\n          this.isLPG = groupArrays.find((item) => item.lpgAmount > 0);\r\n\r\n          for (var i of groupArrays) {\r\n            for (var u in i) {\r\n              if (i[u] == null) {\r\n                delete i[u];\r\n              }\r\n            }\r\n          }\r\n\r\n          this.productSummaryCount = groupArrays.length;\r\n          this.groupArrays = groupArrays;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: groupArrays,\r\n          });\r\n          const testAmount = groupArrays.reduce((prev, cur) => {\r\n            return prev + cur.pmsAmount;\r\n          }, 0);\r\n          const testVolume = groupArrays.reduce((prev, cur) => {\r\n            return prev + cur.pmsVolume;\r\n          }, 0);\r\n\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    decimalThousand(request) {\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};\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=2b941a80&\"\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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAABWpJREFUaEPNWd152kgUPVc4QW/rrSCCBpZUELyQ57AVGFewdgVmK7BdgUkFJs+L16SCkAZA6cB+k2KYu98dSVgSoz8jHOsRRppz7t+ce4ewx8dB9xB245PFGDDIIUJHtmPGnIjnStHE/Tn9sgsE2uXlvHfbzf4pg8+J6DBvHYNdVjhzf95OnoOldgJidavZuAbRQFsb/JkVJmmAztvegCw6JeBDAJzHC+/2pCqJ2gm07P5MQDHzd1bW0H38dx6Bct587ODx0XUxu9/8Zve7FmMCwm/PIVErgXazdwmivzV4f91NAH3zsWM1+Jt4ZOndDuOWduyuY/HBXEgoqBPX+29c1hO1EdAgcLAE40H5KycOXsA4YmngThJ46U/fpwGKdzRB5nv21630+1mEaiPQsntjAh2Dcbbwp5cJC0u8E66jhBYS7K+O0iDzvrF3Au1m/16HgLf63QDMJdA7MF8x0CWiP9Sa3sfzI/BS4MUsL5lI1OKBTXgAX5fetJveqG33OQ5KwiUNPnqnZfc02YU3LYWt1KKihIoIAPhn4U1H6fWtZm8uVgfzBERz5a2usmI8qmImD+3PA297A8uimywCYnFqqIkOo/AkNuWA/LchABy53nRWZLx6PcB8tfBvT7M21UQsHhHhkynZkwRWLdebuS9EID/5dAiB7hb+9EwkBggXWd7SxQDAwp/mSpCIWC0e0JYL41xh23JRhYpb07RO5IWEIjO+LP2pliJFT20E2nZfkvfceNKie0jNg3EYOg+KeWgSb5v4V/xXWXFXGwERcWQ3JFTemeRAiVIbGsBcivd+kCXlAt8z4yRuRU2weTBmUpO01nHsP4cWrGstQxR1s86IvZXRpDALwQQ/jvJqfiDiGhdaegv4jNDKy4PaQiitfSyisUgLEWdEmCjGHGRpaW2Bu2DuRD3DcyxfexVKWylsbEYADQOtb3gYDyBcKm91WVZ9pr+yFw9skQnKo+6Ho0cBszInrc4t6fLsxoU2RtDluQw6kfdfhEBRLc/7P0z+Oz0QYDwIeK2rACjg6FUTiIOXw4391VBCLapaerqxi3X2+W4S/HaLKhJd9t+JgGN//AAoxwI5CuwClgs8/igjwsqGjbG/3jQ+/L0yAcfuHcugalMCTcVFD65Qac6jsPosxIssn8qJs9IEQil8HU3XdEIR5sQ8B1EwJmE+jFrGZ4UX44yBY9nDZHn5ZrvZuxHjcdj9lSKwOep1CcNXhhrnjT7khAUOnLIkLOZB/LzIAb81tikkEAefpeHLAs2N+1APMfgHe+vO9lgmppdo1YnyLJeAWJK48U3GIVUHTlVJPalVw+ArnBnp2p+aZhgJhOONY2bIPKcj45C8VrEq2AzZEcxTU3OlIiNuEUiFjN7LNOvJAh11VVHHpYe4saFWHlmJ/aV/u5EcyYpjNmKCQFyXi8hi5oEc21mTNBMYCQUCRozVUJfFSOvnIJe4J8ZE+etRPPY3FSenxdwQMDUVgQUas6okdg0pXS7t3rVUpqyKFO2hCeR1RL+CRAJPrOKYDENl2rmXJNG2++fSyZkqjpFAJIqKanwZEvoCo5HRvBTElRxmTDwgkFOlvXzygNbX+ZcLWSSC6yJc6M13fPSVFNajsoIwmQPPIQEeW0T6PkBkRkIbVSCjoFxAzcoCTyRxIpErkghEHB4UYVC2RazAq3Cp+RyoSsJwK1O4c00Lck/iopyILvWyJs01Ycz9TIYWehpOSeNsCg194jLfBEKv3Ch8H4Qy1ehT48z3rKyjxH1vTB4UeWkfoOPfLJDTgSf01WdIIq5tfjV4IVK6oQlGhLpcBqdkxQvpfXmikEC6xL4m8KU8EFkuCp3XYvkI1/9l//TK0L7bzAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/danskebank.4823e410.jpg\";"],"sourceRoot":""}