{"version":3,"sources":["webpack:///./src/assets/img/list.png","webpack:///./src/views/Customer/fuelConsumption/index.vue?6997","webpack:///./src/views/Customer/fuelConsumption/index.vue","webpack:///src/views/Customer/fuelConsumption/index.vue","webpack:///./src/views/Customer/fuelConsumption/index.vue?d6d1","webpack:///./src/views/Customer/fuelConsumption/index.vue?07e8","webpack:///./src/assets/img/analytics.png","webpack:///./src/assets/img/danskebank.jpg"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","staticStyle","class","activeTab","on","$event","activateTab","attrs","require","_v","_s","$t","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","maxDate","$root","$i18n","locale","customShortcuts","model","value","dateRange","callback","$$v","expression","directives","name","rawName","excelExport","showLoader","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","excelQueryCellInfo","rowDataBound","actionHandler","usedLang","formatOptions","totalPages","pageSize","currentPage","onPageChange","getPageSize","_e","chartOptions","staticRenderFns","$","title","components","MasterLayout","highcharts","TableLoader","Paginator","provide","grid","data","sortingTable","sortType","sortColumn","searchValue","searchTotalPages","tableCount","type","format","cardBackgroundUrl","chartTableData","email","startDate","endDate","pluginStartDate","pluginEndDate","start","end","key","label","chart","text","plotOptions","areaspline","fillOpacity","series","xAxis","categories","yAxis","min","legend","enabled","layout","align","verticalAlign","pageSizes","pageCount","operator","ignoreCase","watch","$route","from","created","mounted","searchFun","methods","args","url","method","headers","responseType","then","response","fileLink","depositionArr","document","timeout","catch","e","dataBound","pageOrientation","fileName","setTimeout","changeRoute","getTransactionChartsData","get","configObject","error","getTransactionTable","consumption","dataSource","message","duration","showFundWalletModal","component"],"mappings":"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BACAC,kBAEAC,SACAC,yDAEAC,OACA,OACAnB,yCACAoB,gBACAC,YACAC,cACAC,eACAnB,cACAD,YACAD,aACAsB,mBACAlC,cACAmC,aACAxB,eAAAyB,YAAAC,6BACAxD,kBACAyD,sBACAtC,cACA9B,kBACAqE,oBACAC,WACAC,mEACAxD,oDACAyD,8CACAC,qEACAC,gDACApD,WAAAqD,2BAAAC,wBACAzD,iBACA,CAAA0D,YAAAC,qCAAAzD,aACA,CACAwD,gBACAC,yCACAzD,cAEA,CACAwD,gBACAC,yCACAzD,SAEA,CACAwD,eACAC,wCACAzD,kBAEA,CACAwD,iBACAC,0CACAzD,UAEA,CACAwD,gBACAC,yCACAzD,iBAGA2B,cACA+B,OACAb,mBAEAf,OACA6B,2DAEAC,aACAC,YACAC,iBAGAC,YACAC,OACAC,iBAEAC,OACAC,MACArC,OACA6B,mDAGAS,QACAC,WACAC,kBACAC,cACAC,sBAGA5D,cACA6D,6BACAC,YACApD,aAEAT,mBACAC,QAAA6D,oBAAAC,iBAGAC,OACA5E,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,gCACA,6BAGA6E,aAEAC,gCACA,gCAEA,4CACA,gCACA,8BAIAC,UACA,0CACA,uCAEAC,UACA,gEACA,gCACA,2BACApD,iCACA,eACAqD,QAEAA,UAGA,gBACA,kEACA,iBACA,mBACA,qBACA,gCACA,4BAEA,QACA,gCACA,4BAEA,WACA,gCACA,8BAIAC,SACA1D,eACA,gBACA,mBACA,uDACA,4BAEAD,gBACA,mBACA,4BAEAN,0BACA,2BACA,aACA,0BACA,+BAEA,iBACA,oBAIA,6BAGAF,sBACA,yBACAoE,6DAGA5E,cACA,YACA6E,+GACAC,aACAC,oCACAC,sBAEAC,KAAAC,IACA,uCACA,kBAEA,qDACA,8BAEAC,SACAA,eACA,WACAC,wDAEAC,6BAEAF,UACA,mCACA9C,eACAiD,cAEA,2BAEAC,MAAAC,QAEAC,qBACA,sCAEAhF,gBACA,2BACAmE,wCAGArE,gBACA,oBACA,iBACA,OACAmF,4BACAC,0CAEA,+CACA,gDACA,gDACA,gDACA,gDACA,+CACA,+CACA,gDACA,gDACA,iCACA,MACA,mBACA,OACAA,2CAEA,mCACA,MAEAC,gBACA,+CACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDACA,MAEAzF,cACA,qBACA,+BAIA0F,eACA,mBAAA/F,UAEAgG,2BACA,mBACA,WACAC,IACA,sGACAC,qBAEAf,KAAAC,IACA,mBACA,uCACA,uDAEAK,MAAAU,QAEAC,sBACA,IACA,EADA,sBAGArB,EADA,WACAA,uQAEAA,uPAEA,mBACA,WACAkB,IAAAlB,EAAAmB,qBACAf,KAAAC,IACA,4CACA,2DACA,kCACA,yCAEAA,wBACAiB,4BACAA,cACA,MACAA,kBACAA,SACA,MACA,cACAA,mBAEAA,cAGA,mBACAtE,8BACAuE,yBAEA,qBAEAb,MAAAU,IACA,wCACA,kBACAI,+DACAhE,aACAiE,kBAMAhI,eACA,kBAEAiI,sBACA,mCChlB6W,I,wBCQzWC,EAAY,eACd,EACA7I,EACAyD,GACA,EACA,KACA,KACA,MAIa,aAAAoF,E,mDCnBf/I,EAAOC,QAAU,kgC,qBCAjBD,EAAOC,QAAU,IAA0B","file":"js/chunk-e5da28fe.eb555364.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAlCAYAAADr2wGRAAAABHNCSVQICAgIfAhkiAAAAcdJREFUWEftWYtRwkAQfVuBdqBWAFagVqBWoFagVqBUoFYgVoB2ABWgHUAHWsE67+biHGGDZhLIytzOMMOEy+W9/XBvN6KquwDuAJwB2AfwDmAgIq8wLK7vWb91cG0uIjNR1UcA1waAAy5Ir6sqSU4BkLgH+wRwQhL8smMguhUREvyxFYS7JPRGElqBgCl1XyIxBHDRJWLj2ROSYA1YOX4lIgSdRqIf08kTj3OSYEGPSqg+RISAlyzWxaUTFsNQ2AQTgZEMC3ZWjoATwJUwAon/bpmElwjmSORItOiBnE4tOrPRVsVhR410lEjxJxEZN9p5gzdTdpAA+4nUqGwPDSnOE/059h4bhFn5KDo6aCf2DHvGMkuK3wB48IA+wfBSV4qz2zt1RqK2FKd6ZTp5skGVFJ8D6IsIa2PBVJUpRcXrwcZs3Ip/p2MA/AQpDoA6fYmAB9QWhnzYeYlMjkSORIseyOnUojMbbbU9kVBVyoliPMnDjiPMhWFyI1et+eZVUpxTcUt2kKyXCSBlR9BOdaS4NfJcs59/3T6QqDMV3wop7rYpsoB9sd8u10R81cVosB/3YBO2BYUUZ64X7+zYt4aRuQeUf8HwDd8GvtITqJLkAAAAAElFTkSuQmCC\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=69083053&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;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:\"mt-3 col-md-6 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'table' ? 'active_tab' : null],on:{\"click\":function($event){return _vm.activateTab('table')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/list.png\"),\"width\":\"60%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center tab\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.fuelConsumption.table\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 col-md-6 fuel_consumption_btn_div\"},[_c('div',{staticClass:\"fuel_consumption_button\",class:[_vm.activeTab === 'chart' ? 'active_tab' : null],on:{\"click\":function($event){return _vm.activateTab('chart')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/analytics.png\"),\"width\":\"35px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center tab\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.fuelConsumption.chart\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mr-3 fuel_consumption_row_right_section vr__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          },\n        ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-5\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.fuelConsumption.title\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"mt-2 mr-2 drop_down_section\"},[_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\":\"#4b2d73\",\"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('div',{staticClass:\"mt-5 text-center transaction_period_text\"})])]),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'table'),expression:\"activeTab === 'table'\"}],staticClass:\"mt-3 section__row\"},[_c('div',{},[_c('button',{staticClass:\"e-tbar-btn e-tbtn-txt e-control e-btn e-lib\",staticStyle:{\"width\":\"auto\"},attrs:{\"type\":\"button\",\"aria-label\":\"Excel Export\"},on:{\"click\":_vm.excelExport}},[_c('span',{staticClass:\"e-btn-icon e-excelexport e-icons e-icon-left\"}),_vm._v(\" \"),_c('span',{staticClass:\"e-tbar-btn-text\"},[_vm._v(_vm._s(_vm.$t(\"text.extendedReport.excelReport\")))])]),_vm._v(\" \"),_c('div',{},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":false,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":false,\"allowPdfExport\":false,\"toolbarClick\":_vm.toolbarClick,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"rowDataBound\":_vm.rowDataBound,\"actionBegin\":_vm.actionHandler,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"field\":\"index\",\"width\":\"100\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"200\",\"headerText\":_vm.$t('text.fuelConsumption.date'),\"format\":_vm.formatOptions,\"type\":\"date\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"week\",\"width\":\"200\",\"headerText\":\"Week\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"voucherUser\",\"width\":\"300\",\"headerText\":_vm.$t('text.fuelConsumption.createdBy')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"voucherCardNumber\",\"headerText\":_vm.$t('text.fuelConsumption.voucher'),\"width\":\"150\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"parent\",\"width\":\"200\",\"headerText\":_vm.$t('text.fuelConsumption.parentVoucher')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"plateNumber\",\"width\":\"150\",\"headerText\":_vm.$t('text.fuelConsumption.plateNumber')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"userState\",\"width\":\"300\",\"headerText\":_vm.$t('text.fuelConsumption.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"driver\",\"width\":\"150\",\"headerText\":_vm.$t('text.fuelConsumption.driver')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"volSold\",\"format\":\"N2\",\"width\":\"200\",\"headerText\":_vm.$t('text.fuelConsumption.volume')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"priceSold\",\"format\":\"N2\",\"width\":\"150\",\"textAlign\":\"Right\",\"headerText\":_vm.$t('text.fuelConsumption.pricePerLitre')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"voucherAmount\",\"format\":\"N2\",\"width\":\"250\",\"textAlign\":\"Right\",\"headerText\":_vm.$t('text.fuelConsumption.voucherAmount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"priceSoldCash\",\"format\":\"N2\",\"width\":\"250\",\"textAlign\":\"Right\",\"headerText\":_vm.$t('text.fuelConsumption.amountPaid')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"headerText\":_vm.$t('text.fuelConsumption.stationName'),\"width\":\"350\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"state\",\"width\":\"150\",\"textAlign\":\"Right\",\"headerText\":_vm.$t('text.fuelConsumption.stationState')}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\",staticStyle:{\"margin\":\"0 auto\"}},[_c('Paginator',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],attrs:{\"total-pages\":_vm.totalPages,\"per-page\":_vm.pageSize,\"current-page\":_vm.currentPage,\"pageSize\":_vm.pageSize},on:{\"pagechanged\":_vm.onPageChange,\"getPageSize\":_vm.getPageSize}})],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'chart'),expression:\"activeTab === 'chart'\"}],staticClass:\"py-3 mt-3 section_2\"},[(!_vm.showLoader)?_c('highcharts',{staticClass:\"mr-3 high_charts high__charts__fuel__consumption\",attrs:{\"options\":_vm.chartOptions}}):_vm._e(),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader\"},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],1)])],1)\n}\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=\"mt-3 col-md-6 fuel_consumption_btn_div\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                @click=\"activateTab('table')\"\r\n                :class=\"[activeTab === 'table' ? 'active_tab' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/list.png\" width=\"60%\" />\r\n              </div>\r\n              <div class=\"text-center tab\" style=\"font-size: 12px\">\r\n                {{ $t(\"text.fuelConsumption.table\") }}\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 col-md-6 fuel_consumption_btn_div\">\r\n              <div\r\n                class=\"fuel_consumption_button\"\r\n                @click=\"activateTab('chart')\"\r\n                :class=\"[activeTab === 'chart' ? 'active_tab' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/analytics.png\" width=\"35px\" />\r\n              </div>\r\n              <div class=\"text-center tab\" style=\"font-size: 12px\">\r\n                {{ $t(\"text.fuelConsumption.chart\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"mr-3 fuel_consumption_row_right_section vr__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-5\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{ $t(\"text.fuelConsumption.title\") }}\r\n              </h4>\r\n            </div>\r\n            <div\r\n              class=\"col-md-7\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <div class=\"mt-2 mr-2 drop_down_section\">\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=\"#4b2d73\"\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 class=\"mt-5 text-center transaction_period_text\"></div>\r\n        </div>\r\n      </div>\r\n      <section class=\"mt-3 section__row\" v-show=\"activeTab === 'table'\">\r\n        <div class=\"\">\r\n          <button\r\n            class=\"e-tbar-btn e-tbtn-txt e-control e-btn e-lib\"\r\n            @click=\"excelExport\"\r\n            type=\"button\"\r\n            aria-label=\"Excel Export\"\r\n            style=\"width: auto\"\r\n          >\r\n            <span class=\"e-btn-icon e-excelexport e-icons e-icon-left\"></span>\r\n            <span class=\"e-tbar-btn-text\">{{\r\n              $t(\"text.extendedReport.excelReport\")\r\n            }}</span>\r\n          </button>\r\n          <div class=\"\">\r\n            <ejs-grid\r\n              v-show=\"!showLoader\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"false\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowExcelExport=\"false\"\r\n              :allowPdfExport=\"false\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n              :rowDataBound=\"rowDataBound\"\r\n              :actionBegin=\"actionHandler\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column field=\"index\" width=\"100\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  field=\"date\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.fuelConsumption.date')\"\r\n                  :format=\"formatOptions\"\r\n                  type=\"date\"\r\n                ></e-column>\r\n                <e-column field=\"week\" width=\"200\" headerText=\"Week\"></e-column>\r\n                <e-column\r\n                  field=\"voucherUser\"\r\n                  width=\"300\"\r\n                  :headerText=\"$t('text.fuelConsumption.createdBy')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"voucherCardNumber\"\r\n                  :headerText=\"$t('text.fuelConsumption.voucher')\"\r\n                  width=\"150\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"parent\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.fuelConsumption.parentVoucher')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"plateNumber\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.fuelConsumption.plateNumber')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"userState\"\r\n                  width=\"300\"\r\n                  :headerText=\"$t('text.fuelConsumption.state')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"driver\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.fuelConsumption.driver')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"volSold\"\r\n                  format=\"N2\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.fuelConsumption.volume')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"priceSold\"\r\n                  format=\"N2\"\r\n                  width=\"150\"\r\n                  textAlign=\"Right\"\r\n                  :headerText=\"$t('text.fuelConsumption.pricePerLitre')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"voucherAmount\"\r\n                  format=\"N2\"\r\n                  width=\"250\"\r\n                  textAlign=\"Right\"\r\n                  :headerText=\"$t('text.fuelConsumption.voucherAmount')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"priceSoldCash\"\r\n                  format=\"N2\"\r\n                  width=\"250\"\r\n                  textAlign=\"Right\"\r\n                  :headerText=\"$t('text.fuelConsumption.amountPaid')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"branchName\"\r\n                  :headerText=\"$t('text.fuelConsumption.stationName')\"\r\n                  width=\"350\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"state\"\r\n                  width=\"150\"\r\n                  textAlign=\"Right\"\r\n                  :headerText=\"$t('text.fuelConsumption.stationState')\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <div class=\"mt-3\" style=\"margin: 0 auto\">\r\n              <Paginator\r\n                v-show=\"!showLoader\"\r\n                :total-pages=\"totalPages\"\r\n                :per-page=\"pageSize\"\r\n                :current-page=\"currentPage\"\r\n                @pagechanged=\"onPageChange\"\r\n                @getPageSize=\"getPageSize\"\r\n                :pageSize=\"pageSize\"\r\n              />\r\n            </div>\r\n\r\n            <TableLoader :showLoader=\"showLoader\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section v-show=\"activeTab === 'chart'\" class=\"py-3 mt-3 section_2\">\r\n        <highcharts\r\n          :options=\"chartOptions\"\r\n          class=\"mr-3 high_charts high__charts__fuel__consumption\"\r\n          v-if=\"!showLoader\"\r\n        ></highcharts>\r\n        <div class=\"showLoaderDiv charts__loader\" style=\"\" v-if=\"showLoader\">\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Customer/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/danskebank.jpg\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport { Chart } from \"highcharts-vue\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport Paginator from \"@/components/Paginator.vue\";\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  Resize,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Fuel Consumption:: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    highcharts: Chart,\r\n    TableLoader,\r\n    Paginator,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, Resize, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      sortingTable: false,\r\n      sortType: \"\",\r\n      sortColumn: \"\",\r\n      searchValue: \"\",\r\n      currentPage: 1,\r\n      pageSize: 10,\r\n      totalPages: 1,\r\n      searchTotalPages: 1,\r\n      showLoader: true,\r\n      tableCount: 0,\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy hh:mm a\" },\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      showLoader: false,\r\n      activeTab: \"table\",\r\n      chartTableData: null,\r\n      email: null,\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\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      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      chartOptions: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n        },\r\n        title: {\r\n          text: this.$t(\"text.fuelConsumption.fuelConsumptionStats\"),\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.5,\r\n          },\r\n        },\r\n        series: null,\r\n        xAxis: {\r\n          categories: null,\r\n        },\r\n        yAxis: {\r\n          min: 0,\r\n          title: {\r\n            text: this.$t(\"text.fuelConsumption.totalVolume\"),\r\n          },\r\n        },\r\n        legend: {\r\n          enabled: true,\r\n          layout: \"vertical\",\r\n          align: \"right\",\r\n          verticalAlign: \"top\",\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: [\"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\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.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\r\n    },\r\n    $route(to, from) {\r\n      if (\r\n        (from.query.email && !to.query.email) ||\r\n        (!from.query.email && to.query.email)\r\n      ) {\r\n        this.email = to.query.email ? to.query.email : null;\r\n        this.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  mounted() {\r\n    this.email = this.$route.query.email ? this.$route.query.email : null;\r\n    this.getTransactionChartsData();\r\n    this.getTransactionTable();\r\n    $(\".e-input\").keyup(function (e) {\r\n      if (e.keyCode === 13) {\r\n        searchFun(e, 13);\r\n      } else {\r\n        searchFun(e, 1);\r\n      }\r\n    });\r\n    const searchFun = (event, number) => {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      this.searchValue = value;\r\n      if (number !== 13 && value.length > 3) {\r\n        this.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\r\n      if (number == 13) {\r\n        this.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\r\n      if (!value.length) {\r\n        this.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\r\n    };\r\n  },\r\n  methods: {\r\n    getPageSize(pageSize) {\r\n      this.pageSize = pageSize;\r\n      this.currentPage = 1;\r\n      this.totalPages = Math.ceil(this.fuelConsumptionCount / pageSize);\r\n      this.getTransactionTable();\r\n    },\r\n    onPageChange(page) {\r\n      this.currentPage = page;\r\n      this.getTransactionTable();\r\n    },\r\n    actionHandler: function (args) {\r\n      if (args.requestType == \"sorting\") {\r\n        if (args.direction) {\r\n          this.sortType = args.direction;\r\n          this.sortColumn = args.columnName;\r\n        } else {\r\n          this.sortType = \"\";\r\n          this.sortColumn = \"\";\r\n        }\r\n\r\n        //  this.getTransactionChartsData();\r\n        this.getTransactionTable();\r\n      }\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 hh:mm A\");\r\n      }\r\n    },\r\n    excelExport() {\r\n      this.axios({\r\n        url: `${configObject.apiBaseUrl}/Track/FuelConsumptionExcelTable?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n        method: \"GET\",\r\n        headers: configObject.authConfig().headers,\r\n        responseType: \"blob\",\r\n      })\r\n        .then((response) => {\r\n          let disposition = response.headers[\"content-disposition\"];\r\n          let depositionArr = disposition.split(\";\")[1];\r\n\r\n          var fileURL = window.URL.createObjectURL(new Blob([response.data]));\r\n          var fileLink = document.createElement(\"a\");\r\n\r\n          fileLink.href = fileURL;\r\n          fileLink.setAttribute(\r\n            \"download\",\r\n            depositionArr.split(\"=\")[1].split(\"\").join(\"\").replace(/[\"']/g, \"\")\r\n          );\r\n          document.body.appendChild(fileLink);\r\n\r\n          fileLink.click();\r\n          this.$toast(\"Download Successful\", {\r\n            type: \"success\",\r\n            timeout: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((e) => {});\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    rowDataBound(args) {\r\n      if (args.data[\"parent\"] !== \"N/A\") {\r\n        args.row.style.backgroundColor = \"#09f7e1\";\r\n      }\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          let pdfExportProperties = {\r\n            pageOrientation: \"Landscape\",\r\n            fileName: \"Vehicles Fuel Consumption.pdf\",\r\n          };\r\n          this.$refs.dataGrid.getColumns()[0].width = \"60\";\r\n          this.$refs.dataGrid.getColumns()[1].width = \"140\";\r\n          this.$refs.dataGrid.getColumns()[2].width = \"140\";\r\n          this.$refs.dataGrid.getColumns()[3].width = \"120\";\r\n          this.$refs.dataGrid.getColumns()[4].width = \"120\";\r\n          this.$refs.dataGrid.getColumns()[5].width = \"80\";\r\n          this.$refs.dataGrid.getColumns()[6].width = \"80\";\r\n          this.$refs.dataGrid.getColumns()[7].width = \"120\";\r\n          this.$refs.dataGrid.getColumns()[8].width = \"120\";\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\r\n          break;\r\n        case \"Excel Export\":\r\n          let excelExportProperties = {\r\n            fileName: \"Vehicles Fuel Consumption.xlsx\",\r\n          };\r\n          this.$refs.dataGrid.excelExport(excelExportProperties);\r\n          break;\r\n      }\r\n      setTimeout(() => {\r\n        this.$refs.dataGrid.getColumns()[0].width = \"40\";\r\n        this.$refs.dataGrid.getColumns()[1].width = \"200\";\r\n        this.$refs.dataGrid.getColumns()[2].width = \"150\";\r\n        this.$refs.dataGrid.getColumns()[3].width = \"150\";\r\n        this.$refs.dataGrid.getColumns()[4].width = \"300\";\r\n        this.$refs.dataGrid.getColumns()[5].width = \"200\";\r\n        this.$refs.dataGrid.getColumns()[6].width = \"150\";\r\n        this.$refs.dataGrid.getColumns()[7].width = \"150\";\r\n        this.$refs.dataGrid.getColumns()[8].width = \"350\";\r\n      }, 1000);\r\n    },\r\n    refreshGrid() {\r\n      if (this.$refs.dataGrid) {\r\n        this.$refs.dataGrid.refresh();\r\n      }\r\n    },\r\n\r\n    changeRoute($newRoute) {\r\n      this.$router.push({ name: $newRoute });\r\n    },\r\n    getTransactionChartsData() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Track/FuelConsumptionChart?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          this.chartOptions.series = response.data.series;\r\n          this.chartOptions.xAxis.categories = response.data.categories;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTransactionTable() {\r\n      let grid = this.$refs.dataGrid;\r\n      let url;\r\n      if (this.email) {\r\n        url = `${configObject.apiBaseUrl}/Track/FuelConsumptionTable?startDate=${this.startDate}&endDate=${this.endDate}&u=${this.email}&pageSize=${this.pageSize}&pageIndex=${this.currentPage}&filterQuery=${this.searchValue}&sortOrder=${this.sortType}&sortColumn=${this.sortColumn}`;\r\n      } else {\r\n        url = `${configObject.apiBaseUrl}/Track/FuelConsumptionTable?startDate=${this.startDate}&endDate=${this.endDate}&pageSize=${this.pageSize}&pageIndex=${this.currentPage}&filterQuery=${this.searchValue}&sortOrder=${this.sortType}&sortColumn=${this.sortColumn}`;\r\n      }\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(url, configObject.authConfig())\r\n        .then((response) => {\r\n          this.fuelConsumptionCount = response.data.totalCount;\r\n          this.totalPages = Math.ceil(response.data.totalCount / this.pageSize);\r\n          this.tableCount = response.data.totalCount;\r\n          let index = (this.currentPage - 1) * this.pageSize;\r\n\r\n          response.data.data.forEach((consumption) => {\r\n            consumption.plateNumber = consumption.plateNumber\r\n              ? consumption.plateNumber\r\n              : \"N/A\";\r\n            consumption.parent = consumption.parent\r\n              ? consumption.parent\r\n              : \"N/A\";\r\n            if (!consumption.userState) {\r\n              consumption.userState = \"N/A\";\r\n            }\r\n            consumption.index = ++index;\r\n          });\r\n\r\n          this.showLoader = false;\r\n          grid.ej2Instances.setProperties({\r\n            dataSource: response.data.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          if (error.message && error.message === \"Network Error\") {\r\n            this.$toast.open({\r\n              message: \"Network Error, Please Check Your Internet Connection\",\r\n              type: \"error\",\r\n              duration: 5000,\r\n            });\r\n          } else {\r\n          }\r\n        });\r\n    },\r\n    activateTab(voucher_type) {\r\n      this.activeTab = voucher_type;\r\n    },\r\n    showFundWalletModal() {\r\n      this.$modal.show(\"fund-wallet\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.master_layout_container .main_content {\r\n  overflow: auto;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=69083053&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=69083053&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABHNCSVQICAgIfAhkiAAAAqVJREFUWEftl71rVUEUxH/TWShqIyoWlnaazkI06eySgJ2CEex9AXtNbWEEe2OlhWLyF5hgIxIwgoWdlmJjUggWypG57D42l8e7GxKvCO9092t3dmbO7F7RY0XEHHAPuACsAIuStg1BfeGIiLPAZ2AN2AIGwHtJM30D8cQPJTWLj4gF4Em+7pORZmLgsqQ3EbEMLEg61jcjGYjn/QJYqluS7JW9eSQibLLzwAdJ1rmqsgzAM+AdYBbWJa3nAaqliYhG42LmJUn3u5AUIJ5KMisjqwpIRHgF34FHkgYFqKlxzNSCqJYmIqaB18CM6SyAvQAeS9pInWDpZtOSfwAPgLFM7Ema5I3NlAO37XbgOvATOAI4lD4Cl+wf4ARwCngp6VqXfFWMpDR0230DTgOHgZ3UeqsJpBPzrgFJOpMY+wQ8t5T7BhIRNqMj2Wnont/2JDmWywkiwh2wlSeOCHeVrxuDpgXdaYMamazp5aOOXmAJ8EpruyODdlDZ3AYwL2k1AcnPPa7LOXJzV7ImKm1Gm831O+l/Iw9UQ29i0ADsmRVJBtVUZreI+KYB2kByRkyl1LMxf0k6VwOg5p1aIKZtVpKBZPSDvA/UTNT1Ti0Qe+EVYEA2mfN/rUzC1B32z7ByfnSBqJamZSZfOqDmcnckEDZwu5qAO1Ag4wYrknUxMebXh0n7L4AMGYiIyJGfGLW83pnLsrzNLl3lka4VtfeaNHAbiCW60hprQ5LbtHcgPmM0R4OUtPyfQFKytvXdKfTddQwYI83+GCk2t1Ji76TH06S9Apnu0rPVJaPMeiCMTIBY/vzX5ZabMDJhpIyE4QktIry95yNi17bzt57PKx2YrwLtY+FXwL8EuS4Ch1pI3qazrW/7+5Ot5/7e47j8rccoy/9FHmP5DwOdsZviT230AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/danskebank.4823e410.jpg\";"],"sourceRoot":""}