{"version":3,"sources":["webpack:///./src/views/Company/Invoices/subscriptionsTransactionsBreakdown.vue","webpack:///src/views/Company/Invoices/subscriptionsTransactionsBreakdown.vue","webpack:///./src/views/Company/Invoices/subscriptionsTransactionsBreakdown.vue?11c2","webpack:///./src/views/Company/Invoices/subscriptionsTransactionsBreakdown.vue?3edc","webpack:///./src/assets/img/bill (1).svg"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","company","name","$t","convertThousand","subscriptionDetails","amount","currency","directives","rawName","value","showLoader","expression","ref","refreshGrid","toolbarClick","usedLang","staticStyle","staticRenderFns","$","title","components","MasterLayout","TableLoader","Paginator","VueMomentsAgo","provide","grid","data","companyId","isButtonDisabled","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","totalAmount","dateAdded","computed","created","mounted","dt","ml","sessionStorage","dataSource","methods","toFixed","toString","replace","setupPayment","post","configObject","then","res","query","catch","error","pageOrientation","fileName","component","module","exports"],"mappings":"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","file":"js/chunk-15f9cdce.2e8b2d98.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"p-4 dashboard_first_row\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-1 remove-right-padding text-center\"},[_c('div',{staticClass:\"square-icon-wrapper small sky-bg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bill (1).svg\"),\"width\":\"25\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-10\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n            \"+_vm._s(_vm.company ? _vm.company.name : \"\")+\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.sub.title\"))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text mt-3\"},[_c('br'),_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.sub.desc\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"dialog-container invoices_home\"},[_c('div',{staticClass:\"invoice-banner mt-3\"},[_c('div',[_c('div',[_c('span',{staticClass:\"font-500 text-black invoice-header\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.totalAmount\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"},[_c('span',[_c('span',{staticClass:\"currency\"}),_c('span',{staticClass:\"amount-figures primary-color\"},[_vm._v(_vm._s(_vm.convertThousand(_vm.subscriptionDetails.amount)))]),_c('span',{staticClass:\"bold-span primary-color\"},[_vm._v(_vm._s(_vm.company ? _vm.company.currency : \"\"))])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"},[_c('span',{staticClass:\"font-500 text-black invoice-header\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.monthly\")))])])]),_vm._v(\" \"),_c('div')])]),_vm._v(\" \"),_c('h6',{staticClass:\"primary-color mt-3\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.subList\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"position-relative 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\":false,\"allowExcelExport\":false,\"allowPdfExport\":false,\"toolbarClick\":_vm.toolbarClick,\"allowTextWrap\":true,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"branchName\",\"headerText\":_vm.$t('text.cInvoice.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"amount\",\"headerText\":_vm.$t('text.cInvoice.details.amount'),\"format\":\"N2\",\"textAlign\":\"right\"}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\",staticStyle:{\"margin\":\"0 auto\"}})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"p-4 dashboard_first_row\">\r\n        <div class=\"row align-items-center\">\r\n          <div class=\"col-md-1 remove-right-padding text-center\">\r\n            <div class=\"square-icon-wrapper small sky-bg\">\r\n              <img src=\"@/assets/img/bill (1).svg\" width=\"25\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-10\">\r\n            <h4 class=\"primary-color font-600\">\r\n              {{ company ? company.name : \"\" }}\r\n              {{ $t(\"text.cInvoice.sub.title\") }}\r\n            </h4>\r\n            <p class=\"light-grey-text mt-3\">\r\n              <br />\r\n              {{ $t(\"text.cInvoice.sub.desc\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"dialog-container invoices_home\">\r\n          <div class=\"invoice-banner mt-3\">\r\n            <div>\r\n              <div>\r\n                <span class=\"font-500 text-black invoice-header\">\r\n                  {{ $t(\"text.cInvoice.breakdown.totalAmount\") }}:</span\r\n                >\r\n              </div>\r\n              <div class=\"mt-2\">\r\n                <span\r\n                  ><span class=\"currency\"></span\r\n                  ><span class=\"amount-figures primary-color\">{{\r\n                    convertThousand(subscriptionDetails.amount)\r\n                  }}</span\r\n                  ><span class=\"bold-span primary-color\">{{\r\n                    company ? company.currency : \"\"\r\n                  }}</span></span\r\n                >\r\n              </div>\r\n              <div class=\"mt-2\">\r\n                <span class=\"font-500 text-black invoice-header\">\r\n                  {{ $t(\"text.cInvoice.breakdown.monthly\") }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <!-- <button class=\"ep-btn ep-primary \"  @click=\"setupPayment\"  :disabled=\"isButtonDisabled ? true : null\"\r\n                            :style= \"[isButtonDisabled ? {cursor: 'not-allowed'} : {cursor: 'pointer'}]\">\r\n                                Setup payment\r\n                                 <img src=\"@/assets/img/git_loader.gif\" style=\"display:none\" width=\"35px\" class=\"ml-3 loader\" />\r\n                            </button> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <h6 class=\"primary-color mt-3\">\r\n          {{ $t(\"text.cInvoice.breakdown.subList\") }}\r\n        </h6>\r\n        <div class=\"position-relative 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=\"false\"\r\n            :allowExcelExport=\"false\"\r\n            :allowPdfExport=\"false\"\r\n            :toolbarClick=\"toolbarClick\"\r\n            :allowTextWrap=\"true\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column\r\n                width=\"200\"\r\n                field=\"branchName\"\r\n                :headerText=\"$t('text.cInvoice.station')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"200\"\r\n                field=\"amount\"\r\n                :headerText=\"$t('text.cInvoice.details.amount')\"\r\n                format=\"N2\"\r\n                textAlign=\"right\"\r\n              ></e-column>\r\n            </e-columns>\r\n          </ejs-grid>\r\n          <TableLoader :showLoader=\"showLoader\" />\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        </div>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\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  groupAggregates,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport Temp from \"@/components/Templates/invoices\";\r\nimport DateTemp from \"@/components/Templates/dateTemp\";\r\nimport Paginator from \"@/components/Paginator.vue\";\r\nimport invoiceTemp from \"@/components/Templates/list_of_invoices_template.vue\";\r\nimport VueMomentsAgo from \"vue-moments-ago\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Subscription Transactions Breakdown:: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    Paginator,\r\n    VueMomentsAgo,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      companyId: null,\r\n      isButtonDisabled: false,\r\n      showLoader: false,\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      company: null,\r\n      totalAmount: 0,\r\n      subscriptionDetails: {},\r\n      dateAdded: null,\r\n    };\r\n  },\r\n  computed: {},\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n  },\r\n  mounted() {\r\n    // const company = localStorage.getItem(\"companyDetails\")\r\n    // ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n    // : null;\r\n\r\n    this.subscriptionId = this.$route.query.subscriptionId;\r\n    let ml = sessionStorage.getItem(this.subscriptionId);\r\n\r\n    if (!ml) {\r\n      let allData = localStorage.getItem(\r\n        \"subscriptionTransactionsBreakdownList\"\r\n      );\r\n      let dt = JSON.parse(allData);\r\n      dt.forEach((my, index) => {\r\n        if (my.id === this.subscriptionId) {\r\n          ml = JSON.stringify(my);\r\n          sessionStorage.setItem(this.subscriptionId, ml);\r\n        }\r\n      });\r\n    }\r\n\r\n    let subscriptionDetails = JSON.parse(ml);\r\n    this.subscriptionDetails = subscriptionDetails;\r\n    this.dateCreated = this.subscriptionDetails;\r\n    this.totalAmount = this.subscriptionDetails.branches.reduce(\r\n      (acc, cur) => (acc += cur.amount),\r\n      0\r\n    );\r\n    this.$refs.dataGrid.ej2Instances.setProperties({\r\n      dataSource: this.subscriptionDetails.branches,\r\n    });\r\n    this.refreshGrid();\r\n  },\r\n  methods: {\r\n    convertThousand(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    setupPayment() {\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/DDSubscription/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${parseFloat(this.totalAmount)}`,\r\n          {},\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          // location.href = res.data\r\n          this.$router.push({\r\n            name: \"recurring-payment-status\",\r\n            query: { companyId: this.$route.query.companyId },\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\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: \"branches.pdf\",\r\n          };\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\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};\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!./subscriptionsTransactionsBreakdown.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!./subscriptionsTransactionsBreakdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./subscriptionsTransactionsBreakdown.vue?vue&type=template&id=137ac3ae&\"\nimport script from \"./subscriptionsTransactionsBreakdown.vue?vue&type=script&lang=js&\"\nexport * from \"./subscriptionsTransactionsBreakdown.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 = __webpack_public_path__ + \"img/bill (1).94deec59.svg\";"],"sourceRoot":""}