{"version":3,"sources":["webpack:///./src/assets/img/bank-building (2).svg","webpack:///./src/views/Company/Reports/dailyBranchTrans.vue?2a31","webpack:///src/views/Company/Reports/dailyBranchTrans.vue","webpack:///./src/views/Company/Reports/dailyBranchTrans.vue?5613","webpack:///./src/views/Company/Reports/dailyBranchTrans.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","maxDate","disabledDates","$root","$i18n","locale","$store","getters","getDatePickerColor","model","value","callback","$$v","dateRange","expression","directives","name","rawName","transCount","showLoader","$d","Date","startDate","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","staticStyle","staticRenderFns","title","components","MasterLayout","TableLoader","provide","grid","data","formatOptions","type","format","pluginStartDate","tanks","backgroundUrl","companyId","pageSizes","pageCount","pageSize","operator","ignoreCase","today","monthAgo","company","created","mounted","$","searchFun","watch","methods","getDailyBranchTransactions","get","configObject","then","response","acc","branch","product","state","region","newData","dataSource","catch","error","console","component"],"mappings":"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B,YACAC,oBACAC,oBAEAC,SACAC,yDAEAC,OACA,OACAT,yCACAU,eAAAC,YAAAC,qBACAxC,oDACAY,yBACA6B,kDACAC,SACAC,kBACAzB,cACA0B,eACApB,cACAqB,6BACAC,YACAC,aAEAtB,6CACAC,QAAAsB,oBAAAC,eACAhC,aACAI,gDACA6B,4CACAC,mEACAlD,iBACAmD,eAGAC,UACA,iCACA,iBAGA,qCACA,+CACA,mCAGAC,UAIA,cACA,oEACA,iBACAlB,YANAmB,iCACAC,SAQAC,OACAL,YACA,+CACA,mCAGAxC,sBACA,IACA,mDACA,iBAGA,+CACA,qCAKA8C,SAEA/B,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAGAoC,6BACA,mBACA,WACAC,IACA,uDACA,4BACA,4BACA,mBACA,iBACAC,qBAEAC,KAAAC,IACA,mBACA,8BACA,sBACA,gBACAC,wBAEAA,mBAEA,GACA,IAPA,MASA,uBACA,uBAEA,uBACA,uBAEA,uBACA,uBAGA,uBAEA,sBACA,CACAC,yCACAC,sBACAjD,4BACAkD,cACAC,mBAIAC,cACA,4CAEA,QACAA,0BAEA,gDACAC,eAEA,qBAEAC,MAAAC,IACAC,oBC1TwX,I,YCOpXC,EAAY,eACd,EACAtF,EACA0C,GACA,EACA,KACA,KACA,MAIa,aAAA4C,E","file":"js/chunk-496a402a.d93b2831.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/bank-building (2).80d917a3.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"pt-4 pb-3 pl-4 pr-4 dashboard_first_row\"},[_c('div',{staticClass:\"py-3 row align-items-center white-bg\"},[_c('div',{staticClass:\"col-md-1 remove-right-padding col-center-flex\"},[_c('div',{staticClass:\"square-icon-wrapper small sky-bg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank-building (2).svg\"),\"width\":\"35\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-8\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBranchTransaction.title\"))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3 light-grey-text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBranchTransaction.description\"))+\" \"),_c('br')])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"disabledDates\":_vm.disabledDates,\"onlyDate\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.selectDate')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])]),_vm._v(\" \"),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.transCount > 0 && !_vm.showLoader),expression:\"transCount > 0 && !showLoader\"}],staticClass:\"mobile_tanks_filled\"},[_c('div',{staticClass:\"mt-3 dashboard__table__section\"},[_c('div',{staticClass:\"branch__sales__text_header\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('span',[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cBranchTransaction.reportBetween\"))+\"\\n                \"+_vm._s(_vm.$d(new Date(_vm.startDate), \"short\", this.$root.$i18n.locale))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"})]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"60\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branch\",\"width\":\"200\",\"headerText\":_vm.$t('text.cBranchTransaction.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"region\",\"width\":\"280\",\"headerText\":_vm.$t('text.cBranchTransaction.region')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"state\",\"width\":\"200\",\"headerText\":_vm.$t('text.cBranchTransaction.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"product\",\"width\":\"150\",\"headerText\":_vm.$t('text.cBranchTransaction.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"transCount\",\"width\":\"150\",\"headerText\":_vm.$t('text.cBranchTransaction.transactionCount')}})],1)],1)],1)])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-5\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"96%\"}},[_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=\"fuelbalance_first_row\">\r\n        <div\r\n          class=\"fuelbalance_first_row_right_section tank__bg\"\r\n          style=\"flex: 0 0 96.5%;border-radius: 15px;\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover'\r\n            }\r\n          ]\"\r\n        >\r\n          <div class=\"our__branches__banner\" style=\"width: 100%;height: 150px;\">\r\n            <div class=\"row align-items-center section__row\">\r\n              <div class=\"text-center col-md-7 section___column_1\">\r\n                <h3 class=\"our__branches__banner__title\">\r\n                  <img src=\"@/assets/img/tanks_icon.png\" class=\"mr-3\" />Daily branch transactions  ({{transCount}})\r\n                </h3>\r\n              </div>\r\n              <div class=\"col-md-3 drop_down_input_stations\">\r\n                <div class=\"align-items-center\">\r\n                  <div class>\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                          :disabledDates=\"disabledDates\"\r\n                          :onlyDate=\"true\"\r\n                          :autoClose=\"true\"\r\n                          :locale=\"this.$root.$i18n.locale\"\r\n                          :color=\"$store.getters.getDatePickerColor\"\r\n                          format=\"DDMMYYYY\"\r\n                          formatted=\"DD/MM/YYYY\"\r\n                          :label=\"$t('text.calendar.selectDate')\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n      <div class=\"pt-4 pb-3 pl-4 pr-4 dashboard_first_row\">\r\n        <div class=\"py-3 row align-items-center white-bg\">\r\n          <div class=\"col-md-1 remove-right-padding col-center-flex\">\r\n            <div class=\"square-icon-wrapper small sky-bg\">\r\n              <img src=\"@/assets/img/bank-building (2).svg\" width=\"35\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-8\">\r\n            <h4 class=\"primary-color font-600\">\r\n              {{ $t(\"text.cBranchTransaction.title\") }}\r\n            </h4>\r\n            <p class=\"mt-3 light-grey-text\">\r\n              {{ $t(\"text.cBranchTransaction.description\") }} <br />\r\n            </p>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <vue-ctk-date-time-picker\r\n              v-model=\"dateRange\"\r\n              :max-date=\"maxDate\"\r\n              :disabledDates=\"disabledDates\"\r\n              :onlyDate=\"true\"\r\n              :autoClose=\"true\"\r\n              :locale=\"this.$root.$i18n.locale\"\r\n              :color=\"$store.getters.getDatePickerColor\"\r\n              format=\"DDMMYYYY\"\r\n              formatted=\"DD/MM/YYYY\"\r\n              :label=\"$t('text.calendar.selectDate')\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section\r\n        v-show=\"transCount > 0 && !showLoader\"\r\n        class=\"mobile_tanks_filled\"\r\n      >\r\n        <div class=\"mt-3 dashboard__table__section\">\r\n          <div class=\"branch__sales__text_header\">\r\n            <div class=\"row\">\r\n              <div class=\"col-md-8\">\r\n                <span>\r\n                  {{ $t(\"text.cBranchTransaction.reportBetween\") }}\r\n                  {{\r\n                    $d(new Date(startDate), \"short\", this.$root.$i18n.locale)\r\n                  }}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-right col-md-4\"></div>\r\n            </div>\r\n            <ejs-grid\r\n              v-show=\"!showLoader\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"60\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  field=\"branch\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.cBranchTransaction.station')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"region\"\r\n                  width=\"280\"\r\n                  :headerText=\"$t('text.cBranchTransaction.region')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"state\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.cBranchTransaction.state')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"product\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.cBranchTransaction.product')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"transCount\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.cBranchTransaction.transactionCount')\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section class=\"mt-5\" style=\"margin: 0 auto; width: 96%\">\r\n        <TableLoader :showLoader=\"showLoader\" />\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Tankimage.png\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nexport default {\r\n  title: \"Daily branch transactions :: Epump Portal\",\r\n  name: \"TanksFilled\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      dateRange: this.startDate,\r\n      pluginStartDate: this.$moment().format(\"D-M-YYYY\"),\r\n      tanks: [],\r\n      backgroundUrl,\r\n      showLoader: false,\r\n      companyId: null,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 50,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      transCount: 0,\r\n      startDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      today: this.$moment().format(\"MMMM D, YYYY\"),\r\n      monthAgo: this.$moment().subtract(30, \"days\").format(\"MMMM D, YYYY\"),\r\n      disabledDates: [],\r\n      company: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n\r\n    this.dateRange = this.pluginStartDate;\r\n    if (this.$route.query.companyId || this.company.id) {\r\n      this.getDailyBranchTransactions();\r\n    }\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (this.$route.query.companyId || this.company.id) {\r\n        this.getDailyBranchTransactions();\r\n      }\r\n    },\r\n    dateRange: function (newDate) {\r\n      if (newDate) {\r\n        this.startDate = this.$moment(newDate, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n\r\n        if (this.$route.query.companyId || this.company.id) {\r\n          this.getDailyBranchTransactions();\r\n        }\r\n      }\r\n    },\r\n  },\r\n  methods: {\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\r\n    getDailyBranchTransactions() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/DailyBranchTransaction/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.startDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          this.transCount = response.data.length;\r\n          const reduceObj2 = response.data.reduce((acc, cur) => {\r\n            if (acc[cur.branchName]) {\r\n              acc[cur.branchName].push(cur);\r\n            } else {\r\n              acc[cur.branchName] = [];\r\n            }\r\n            return acc;\r\n          }, {});\r\n\r\n          const agoObj = response.data.filter((stations, index) => {\r\n            return stations.productName === \"AGO\";\r\n          });\r\n          const dpkObj = response.data.filter((stations, index) => {\r\n            return stations.productName === \"DPK\";\r\n          });\r\n          const pmsObj = response.data.filter((stations, index) => {\r\n            return stations.productName === \"PMS\";\r\n          });\r\n\r\n          let reduceObj = [...pmsObj, ...dpkObj, ...agoObj];\r\n\r\n          const newData = reduceObj.map((station, index) => {\r\n            return {\r\n              branch: station.branchName && station.branchName.trim(),\r\n              product: station.productName,\r\n              transCount: station.dayTransaction,\r\n              state: station.state,\r\n              region: station.region,\r\n            };\r\n          });\r\n\r\n          newData.sort((a, b) => {\r\n            return a.branch > b.branch ? 1 : a.branch < b.branch ? -1 : 0;\r\n          });\r\n          let count = 0;\r\n          newData.forEach((el) => (el.index = ++count));\r\n\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: newData,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dailyBranchTrans.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!./dailyBranchTrans.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dailyBranchTrans.vue?vue&type=template&id=0f4bf5e2&\"\nimport script from \"./dailyBranchTrans.vue?vue&type=script&lang=js&\"\nexport * from \"./dailyBranchTrans.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}