{"version":3,"sources":["webpack:///./src/views/Company/price_management/priceLog.vue","webpack:///src/views/Company/price_management/priceLog.vue","webpack:///./src/views/Company/price_management/priceLog.vue?9613","webpack:///./src/views/Company/price_management/priceLog.vue?c36f","webpack:///./src/views/Company/price_management/priceLog.vue?5dd4"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","$t","attrs","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","model","value","dateRange","callback","$$v","expression","directives","name","rawName","showLoader","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","rowDataBound","excelQueryCellInfo","usedLang","sortComparer","sortComparer2","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","TableLoader","provide","grid","data","userInfo","company","cardBackgroundUrl","searchInp","showAll","isButtonDisabled","startDate","endDate","pluginStartDate","pluginEndDate","start","end","priceChangeLogLoader","customShortcuts","key","label","pageSizes","pageCount","pageSize","operator","ignoreCase","created","mounted","searchFun","computed","userDetails","get","JSON","user","localStorage","set","watch","methods","reference","comparer","args","convertThousand","toFixed","toString","replace","getPriceLog","configObject","then","response","x","dataSource","catch","error","component"],"mappings":"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CA4C,eACAC,wCACA7C,kBAEA,CACA4C,iBACAC,0CACA7C,UAEA,CACA4C,gBACAC,yCACA7C,iBAGAW,cACAmC,6BACAC,YACAC,aAEApC,6CACAC,QAAAoC,oBAAAC,iBAGAC,UACA,iCACA,iBAEA,6BACA,mBAGA,0CACA,uCAEAC,UAIA,cACA,oEACA,iBACAxB,YANAP,iCACAgC,SAQAC,UACAC,aACAC,MACA,4CACAC,gDACA,KAUA,OARA,IACA,SACA,SACAC,0BACAC,wDAIA,GAEAC,WAGAC,OACA5D,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,qBAGA8B,WACA,UACA,qBAIA+B,SACA5C,kBAGA,OAFA6C,wCACAC,wCACA,KACA,EACA,IACA,EAEA,GAGA7C,mBAGA,OAFA4C,uBACAC,uBACA,KAEAhD,sBAEAiD,gCACAA,kCAEAA,qCAIAlD,0BACA,6BACAkD,mCAEA,6BACAA,qCAIAvD,cACA,+BAGAI,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAIAoD,mBACA,4BACA,OAEA,YAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAQAC,cACA,mBACA,6BACA,WACAd,IACA,+CACA,4BACA,4BACA,6BACA,yCACAe,qBAEAC,KAAAC,IACA,6BACAA,mBACA,2BAEAA,mBACA,0BAEAA,uBACAC,YACAA,0DACAA,oDACAA,wDAEA,mBACA,gDACAC,oBAEA,qBAEAC,MAAAC,IACA,6BACA,wBChWgX,I,wBCQ5WC,EAAY,eACd,EACAvG,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAA0D,E,6CCnBf,W","file":"js/chunk-8b162bbc.415333c9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"marg mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 72%\",\"height\":\"150px\"},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-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.omit.priceChangeLog\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"transaction_period_text text-center mt-5\"})]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 pump__details__section_2\",staticStyle:{\"width\":\"98.5%\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"}),_vm._v(\" \"),_c('div',{staticClass:\"drop_down_div align-items-center col-md-6\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"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('div',{staticClass:\"col-md-12 col-lg-12 mt-3\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"rowDataBound\":_vm.rowDataBound,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"270\",\"sortComparer\":_vm.sortComparer,\"headerText\":_vm.$t('text.priceManagement.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"320\",\"headerText\":_vm.$t('text.priceManagement.branchName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"product\",\"width\":\"150\",\"headerText\":_vm.$t('text.priceManagement.product')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"currentPrice\",\"sortComparer\":_vm.sortComparer2,\"headerText\":_vm.$t('text.priceManagement.currentPrice')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"previousPrice\",\"sortComparer\":_vm.sortComparer2,\"headerText\":_vm.$t('text.priceManagement.previousPrice')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"changedBy\",\"width\":\"300\",\"headerText\":_vm.$t('text.priceManagement.changedBy')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div\r\n        class=\"marg mr-3 pump__bg\"\r\n        style=\"border-radius: 12px; flex: 0 0 72%; height: 150px\"\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 class=\"col-md-12\" style=\"display: flex; justify-content: center\">\r\n            <h4 class=\"text-center text-white\">\r\n              {{ $t(\"text.omit.priceChangeLog\") }}\r\n            </h4>\r\n          </div>\r\n        </div>\r\n        <div class=\"transaction_period_text text-center mt-5\"></div>\r\n      </div>\r\n\r\n      <section class=\"mt-3 pump__details__section_2\" style=\"width: 98.5%\">\r\n        <!-- ADDED DATE RANGE -->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\"></div>\r\n          <div class=\"drop_down_div align-items-center col-md-6\">\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              :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\r\n        <div class=\"col-md-12 col-lg-12 mt-3\">\r\n          <ejs-grid\r\n            v-show=\"!showLoader\"\r\n            ref=\"dataGrid\"\r\n            :created=\"refreshGrid\"\r\n            :allowPaging=\"true\"\r\n            :allowSorting=\"true\"\r\n            :pageSettings=\"pageSettings\"\r\n            :toolbar=\"toolbar\"\r\n            :searchSettings=\"search\"\r\n            :allowExcelExport=\"true\"\r\n            :allowPdfExport=\"true\"\r\n            :toolbarClick=\"toolbarClick\"\r\n            :rowDataBound=\"rowDataBound\"\r\n            :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n              <e-column\r\n                field=\"date\"\r\n                width=\"270\"\r\n                :sortComparer=\"sortComparer\"\r\n                :headerText=\"$t('text.priceManagement.date')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"branchName\"\r\n                width=\"320\"\r\n                :headerText=\"$t('text.priceManagement.branchName')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"product\"\r\n                width=\"150\"\r\n                :headerText=\"$t('text.priceManagement.product')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"150\"\r\n                field=\"currentPrice\"\r\n                :sortComparer=\"sortComparer2\"\r\n                :headerText=\"$t('text.priceManagement.currentPrice')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"150\"\r\n                field=\"previousPrice\"\r\n                :sortComparer=\"sortComparer2\"\r\n                :headerText=\"$t('text.priceManagement.previousPrice')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"changedBy\"\r\n                width=\"300\"\r\n                :headerText=\"$t('text.priceManagement.changedBy')\"\r\n              ></e-column>\r\n            </e-columns>\r\n          </ejs-grid>\r\n          <TableLoader :showLoader=\"showLoader\" />\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Price Management Log :: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      backgroundUrl,\r\n      userInfo: JSON.parse(localStorage.getItem(\"userDetails\")),\r\n      company: null,\r\n      cardBackgroundUrl,\r\n      searchInp: \"\",\r\n      showAll: false,\r\n      showLoader: false,\r\n      isButtonDisabled: null,\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      priceChangeLogLoader: false,\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getPriceLog();\r\n    }\r\n\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  computed: {\r\n    userDetails: {\r\n      get() {\r\n        const user = localStorage.getItem(\"userDetails\")\r\n          ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n          : null;\r\n\r\n        if (user) {\r\n          if (!user.roles) {\r\n            if (user.role) {\r\n              user.roles = user.role.split(\",\");\r\n              localStorage.setItem(\"userDetails\", JSON.stringify(user));\r\n            }\r\n          }\r\n        }\r\n        return user;\r\n      },\r\n      set(value) {},\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        this.getPriceLog();\r\n      }\r\n    },\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    sortComparer(reference, comparer) {\r\n      reference = this.$moment(reference, \"DD/MM/YYYY\").format();\r\n      comparer = this.$moment(comparer, \"DD/MM/YYYY\").format();\r\n      if (reference < comparer) {\r\n        return -1;\r\n      } else if (reference > comparer) {\r\n        return 1;\r\n      } else {\r\n        return 0;\r\n      }\r\n    },\r\n    sortComparer2(reference, comparer) {\r\n      reference = this.revertNumber(reference);\r\n      comparer = this.revertNumber(comparer);\r\n      return reference - comparer;\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (\r\n        args.column.field == \"currentPrice\" ||\r\n        args.column.field == \"previousPrice\"\r\n      ) {\r\n        args.value = this.revertNumber(args.value);\r\n      }\r\n    },\r\n\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"priceChanged\"] === true) {\r\n        args.row.cells[3].style.color = \"red\";\r\n      }\r\n      if (args.data[\"priceChanged\"] === false) {\r\n        args.row.cells[3].style.color = \"green\";\r\n      }\r\n    },\r\n\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n\r\n    convertThousand(request) {\r\n      if (request === null || request === \"null\") {\r\n        return \"0.00\";\r\n      }\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n\r\n    getPriceLog() {\r\n      this.showLoader = true;\r\n      this.priceChangeLogLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/PriceChangeLog/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.priceChangeLogLoader = false;\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.companyName ? 1 : -1;\r\n          });\r\n          response.data.sort((a, b) => {\r\n            return a.product > b.product ? 1 : -1;\r\n          });\r\n          response.data.forEach((x, index) => {\r\n            x.index = index + 1;\r\n            x.date = this.$moment(x.date).format(\"MMMM Do YYYY, h:mma\");\r\n            x.currentPrice = this.convertThousand(x.currentPrice);\r\n            x.previousPrice = this.convertThousand(x.previousPrice);\r\n          });\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.priceChangeLogLoader = false;\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.marg {\r\n  margin-top: 100px;\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n  .marg {\r\n    margin-top: 0px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./priceLog.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!./priceLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./priceLog.vue?vue&type=template&id=cebed0a2&scoped=true&\"\nimport script from \"./priceLog.vue?vue&type=script&lang=js&\"\nexport * from \"./priceLog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./priceLog.vue?vue&type=style&index=0&id=cebed0a2&prod&scoped=true&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  \"cebed0a2\",\n  null\n  \n)\n\nexport default component.exports","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!./priceLog.vue?vue&type=style&index=0&id=cebed0a2&prod&scoped=true&lang=css&\""],"sourceRoot":""}