{"version":3,"sources":["webpack:///./src/views/Company/Remis/cardRequest.vue?b7f8","webpack:///./src/views/Company/Remis/cardRequest.vue","webpack:///src/views/Company/Remis/cardRequest.vue","webpack:///./src/views/Company/Remis/cardRequest.vue?e06a","webpack:///./src/views/Company/Remis/cardRequest.vue?c823"],"names":["render","_vm","this","_c","_self","attrs","company","_v","showLoader","staticClass","_l","c","i","key","staticStyle","class","_e","_s","$t","totalCards","cards","card","index","on","title","toLowerCase","changeTable","availableCards","pendingRequestNumber","pendingNumberOfCardRequest","approvedRequestNumber","approvedNumberOfCardRequest","require","image","tableType","name","query","assign","companyId","showAssignCardModal","pendingRequest","usedLang","approvedRequest","declinedRequest","staticRenderFns","$","components","MasterLayout","ApprovalRequestModal","AddRetainershipModal","AddNewRetainershipModal","TableLoader","DropDown","AssignCardModal","PendingRequest","ApprovedRequest","DeclinedRequest","provide","grid","data","secondTableData","declinedRequestNumber","number","totalTransactions","tableDataCount","userDetails","JSON","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","details","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","optionsTemplate","template","ActionTemp","watch","created","option","beforeDestroy","mounted","searchFun","methods","showFundWalletModal","showAddRetainershipModal","showAddNewRetainershipModal","showApproveModal","getRemisHash","get","configObject","then","response","localStorage","catch","error","getDashboardDetails","isRemis","customError","console","message","type","duration","getCards","getCardRequests","companyID","requests","request","el","dataSource","convertThousand","toFixed","toString","replace","rowSelected","requestId","toolbarClick","refreshGrid","changeRoute","walletId","revertNumber","component"],"mappings":"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CAC,gDACA,KACAC,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,eACApE,aACAgC,sCACA,4BACA,aACA,gBACA,GACAqC,SACAhB,MAAAiB,WACAC,cAAAC,MAAAxC,uCACAyC,MACA,CACA5C,8CACA6C,8BAEA,CACA7C,+CACA6C,gCAGAC,QACAC,aACAC,2BACAhD,cACAC,aAGAgD,2BACA,OACAC,kBAIAC,sBACA,OACAD,oBAKAE,OACAjF,WACA,aACA,kDACA,GAGA,uBACA,gBACA,4BAJA,uBASAkF,UAMA,GALA,wBACA,iCACA,iBAGA,6BACA,kDACA,GAGA,uBACA,gBACA,4BAJA,oBAOA,iDACA,oBACA,kCACA,8CACA,2CAEA,8CAGA,MAFAC,wBAIA,wDACAnE,MAEA,sDACAA,yCAGA,cACAA,WAGAmE,8CAGA,0CACA,yBAGA,6CACA,2BAGAC,gBACA,wCAKAC,UAIA,cACA,oEACA,iBACAjC,YANAb,iCACA+C,SAQAC,SAEAC,sBACA,0CAEAC,2BACA,0CAEAC,8BACA,6CAGAC,mBACA,0CAGA1D,sBACA,qCAOA2D,eACA,WACAC,IACA,uCACAC,qBAEAC,KAAAC,IACAC,qDACA,uBACA,gBACA,6BAEAC,MAAAC,QAGAC,sBACA,mBACA,WACAP,IACA,mDACA,4BACA,4BACA,kBAEAC,mBAAAO,cAEAN,KAAAC,IACA,iCACA,0CACA,iDACA,2DACA,mDACA,6DAEA,qBAEAE,MAAAC,IAGA,MAFA,mBAIAG,EADA,WACAA,wBAEAA,UAGAC,eACA,kBACAC,UACAC,aACAC,kBAMAC,WACA,mBACA,WACAd,IACA,wDACA,4BACA,4BACA,kCAEAC,mBAAAO,cAEAN,KAAAC,IACA,qBAEAE,MAAAC,IACA,mBAEA,kBACAK,gCACAC,aACAC,kBAKAE,kBACA,gDACAC,iEAEA,mBAEA,WACAhB,IACA,+DACA,4BACA,4BACA,kCAGAC,mBAAAO,cAEAN,KAAAC,IACA,yBACAc,cACAC,6CACA,gBAGA,mBAEA,eACAC,4CAGA,WACAA,8CAGA,sBACA,uBAEA,gDACAC,eAEA,qBAEAf,MAAAC,IACA,mBACA/C,iCAAA6D,gBACA,mBAEAV,2BAKAW,mBACA,mBAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAjG,eACA,kBAGAkG,eAEA,mBACAzF,yCACAC,OACAE,sCACAuF,wBAKAC,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAIAC,cACA,+BAGAC,qBACA,mBACA7F,OACAC,OACA0C,KACAmD,WACA9F,OACAG,0CAKA4F,gBACA,4CCxkBmX,I,wBCQ/WC,EAAY,eACd,EACAnI,EACA4C,GACA,EACA,KACA,WACA,MAIa,aAAAuF,E","file":"js/chunk-7ff29f64.7ee97504.js","sourcesContent":["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!./cardRequest.vue?vue&type=style&index=0&id=586355a4&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('AddRetainershipModal',{attrs:{\"company\":_vm.company}}),_vm._v(\" \"),_c('AddNewRetainershipModal',{attrs:{\"company\":_vm.company}}),_vm._v(\" \"),_c('MasterLayout',[(_vm.showLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100\"},[_vm._l((4),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 position-relative mb-2\"},[_c('div',{staticClass:\"card-loader\"})])}),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"130% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],2):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('section',[_c('section',[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.retainership.cardRequest\")))]),_vm._v(\" \"),_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-sm-12 col-lg-3\"},[_c('div',{staticClass:\"d-flex justify-content-between overview-card p-4 px-10\",staticStyle:{\"background-color\":\"#46266e\",\"color\":\"white\"}},[_c('div',{},[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.retainership.totalCards\")))]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3\"},[_vm._v(_vm._s(_vm.totalCards))])])])]),_vm._v(\" \"),_vm._l((_vm.cards),function(card,index){return _c('div',{key:index,staticClass:\"col-sm-12 col-lg-3 cursor-pointer\"},[_c('div',{staticClass:\"d-flex justify-content-between overview-card p-4 px-10 shadow-sm\",on:{\"click\":() =>\n                    card.title.toLowerCase() !== 'available cards' &&\n                    _vm.changeTable(card.title)}},[_c('div',{},[_c('h5',[_vm._v(_vm._s(card.title))]),_vm._v(\" \"),(card.title.toLowerCase() == 'available cards')?_c('p',{staticClass:\"mt-3\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.availableCards)+\"\\n                  \")]):_vm._e(),_vm._v(\" \"),(card.title.toLowerCase() == 'pending requests')?_c('p',{staticClass:\"mt-3\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.pendingRequestNumber)+\" \"),_c('small',[_vm._v(\"(requests)\")]),_vm._v(\" /\\n                    \"+_vm._s(_vm.pendingNumberOfCardRequest)+\"\\n                    \"),_c('small',[_vm._v(\"(cards)\")])]):_vm._e(),_vm._v(\" \"),(card.title.toLowerCase() == 'approved requests')?_c('p',{staticClass:\"mt-3\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.approvedRequestNumber)+\" \"),_c('small',[_vm._v(\"(requests)\")]),_vm._v(\" /\\n                    \"+_vm._s(_vm.approvedNumberOfCardRequest)+\" \"),_c('small',[_vm._v(\"(cards)\")])]):_vm._e()]),_vm._v(\" \"),_c('div',[_c('img',{attrs:{\"src\":require(`@/assets/svg/${card.image}`),\"alt\":\"Card Image\"}})])])])})],2)]),_vm._v(\" \"),_c('section',{staticClass:\"d-flex justify-content-between align-items-center mr-4\"},[_c('div',[_c('h3',{staticClass:\"ml-2 mt-2\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(_vm._s(_vm.tableType))])]),_vm._v(\" \"),(_vm.availableCards && _vm.availableCards > 0)?_c('div',[_c('router-link',{attrs:{\"to\":{\n                name: 'approve-retainership-card-request',\n                query: { assign: true, companyId: _vm.companyId },\n              }}},[_c('button',{staticClass:\"py-2 px-3 text-white\",staticStyle:{\"background-color\":\"#46266e\",\"border\":\"none\",\"border-radius\":\"5px\",\"font-size\":\"14px\"},on:{\"click\":_vm.showAssignCardModal}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.retainership.assignCard\"))+\"\\n              \")])])],1):_vm._e()])]),_vm._v(\" \"),_c('section',{staticClass:\"section__row mt-3\"},[(_vm.tableType.toLowerCase() == 'pending requests')?_c('div',{},[_c('PendingRequest',{attrs:{\"pendingRequest\":_vm.pendingRequest,\"showLoader\":_vm.showLoader,\"usedLang\":_vm.usedLang}})],1):_vm._e(),_vm._v(\" \"),(_vm.tableType.toLowerCase() == 'approved requests')?_c('div',{},[_c('ApprovedRequest',{attrs:{\"approvedRequest\":_vm.approvedRequest,\"showLoader\":_vm.showLoader,\"usedLang\":_vm.usedLang}})],1):_vm._e(),_vm._v(\" \"),(_vm.tableType.toLowerCase() == 'declined requests')?_c('div',{},[_c('DeclinedRequest',{attrs:{\"approvedRequest\":_vm.declinedRequest,\"showLoader\":_vm.showLoader,\"usedLang\":_vm.usedLang}})],1):_vm._e()])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <AddRetainershipModal :company=\"company\"></AddRetainershipModal>\r\n    <AddNewRetainershipModal :company=\"company\"></AddNewRetainershipModal>\r\n    <!-- <ApprovalRequestModal></ApprovalRequestModal> -->\r\n    <!-- <AssignCardModal></AssignCardModal> -->\r\n    <MasterLayout>\r\n      <!-- LOADER -->\r\n      <section class=\"row card-loader-wrapper w-100\" v-if=\"showLoader\">\r\n        <div\r\n          class=\"col-md-3 position-relative mb-2\"\r\n          v-for=\"(c, i) in 4\"\r\n          :key=\"i\"\r\n        >\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n        <!-- LOADER -->\r\n        <div\r\n          class=\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\"\r\n          style=\"width: 130% !important; height: 100%\"\r\n          v-if=\"showLoader\"\r\n        >\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n        <!-- END LOADER -->\r\n      </section>\r\n      <!-- END LOADER -->\r\n\r\n      <section v-if=\"!showLoader\">\r\n        <section>\r\n          <h5>{{ $t(\"text.retainership.cardRequest\") }}</h5>\r\n          <div class=\"fuelbalance_first_row\">\r\n            <div class=\"row w-100\">\r\n              <div class=\"col-sm-12 col-lg-3\">\r\n                <div\r\n                  style=\"background-color: #46266e; color: white\"\r\n                  class=\"d-flex justify-content-between overview-card p-4 px-10\"\r\n                >\r\n                  <div class=\"\">\r\n                    <h5>{{ $t(\"text.retainership.totalCards\") }}</h5>\r\n                    <p class=\"mt-3\">{{ totalCards }}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                v-for=\"(card, index) in cards\"\r\n                :key=\"index\"\r\n                class=\"col-sm-12 col-lg-3 cursor-pointer\"\r\n              >\r\n                <div\r\n                  @click=\"\r\n                    () =>\r\n                      card.title.toLowerCase() !== 'available cards' &&\r\n                      changeTable(card.title)\r\n                  \"\r\n                  class=\"d-flex justify-content-between overview-card p-4 px-10 shadow-sm\"\r\n                >\r\n                  <div class=\"\">\r\n                    <h5>{{ card.title }}</h5>\r\n\r\n                    <p\r\n                      class=\"mt-3\"\r\n                      v-if=\"card.title.toLowerCase() == 'available cards'\"\r\n                    >\r\n                      {{ availableCards }}\r\n                    </p>\r\n\r\n                    <p\r\n                      class=\"mt-3\"\r\n                      v-if=\"card.title.toLowerCase() == 'pending requests'\"\r\n                    >\r\n                      {{ pendingRequestNumber }} <small>(requests)</small> /\r\n                      {{ pendingNumberOfCardRequest }}\r\n                      <small>(cards)</small>\r\n                    </p>\r\n\r\n                    <p\r\n                      class=\"mt-3\"\r\n                      v-if=\"card.title.toLowerCase() == 'approved requests'\"\r\n                    >\r\n                      {{ approvedRequestNumber }} <small>(requests)</small> /\r\n                      {{ approvedNumberOfCardRequest }} <small>(cards)</small>\r\n                    </p>\r\n                  </div>\r\n\r\n                  <div>\r\n                    <img\r\n                      :src=\"require(`@/assets/svg/${card.image}`)\"\r\n                      alt=\"Card Image\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <section\r\n            class=\"d-flex justify-content-between align-items-center mr-4\"\r\n          >\r\n            <div>\r\n              <h3 style=\"font-size: 20px\" class=\"ml-2 mt-2\">{{ tableType }}</h3>\r\n            </div>\r\n            <div v-if=\"availableCards && availableCards > 0\">\r\n              <router-link\r\n                :to=\"{\r\n                  name: 'approve-retainership-card-request',\r\n                  query: { assign: true, companyId: companyId },\r\n                }\"\r\n              >\r\n                <button\r\n                  class=\"py-2 px-3 text-white\"\r\n                  style=\"\r\n                    background-color: #46266e;\r\n                    border: none;\r\n                    border-radius: 5px;\r\n                    font-size: 14px;\r\n                  \"\r\n                  @click=\"showAssignCardModal\"\r\n                >\r\n                  {{ $t(\"text.retainership.assignCard\") }}\r\n                </button>\r\n              </router-link>\r\n            </div>\r\n          </section>\r\n        </section>\r\n\r\n        <section class=\"section__row mt-3\">\r\n          <div class=\"\" v-if=\"tableType.toLowerCase() == 'pending requests'\">\r\n            <PendingRequest\r\n              :pendingRequest=\"pendingRequest\"\r\n              :showLoader=\"showLoader\"\r\n              :usedLang=\"usedLang\"\r\n            />\r\n          </div>\r\n\r\n          <!-- approved table -->\r\n          <div class=\"\" v-if=\"tableType.toLowerCase() == 'approved requests'\">\r\n            <ApprovedRequest\r\n              :approvedRequest=\"approvedRequest\"\r\n              :showLoader=\"showLoader\"\r\n              :usedLang=\"usedLang\"\r\n            />\r\n          </div>\r\n          <!--  -->\r\n\r\n          <!-- declined table -->\r\n          <div class=\"\" v-if=\"tableType.toLowerCase() == 'declined requests'\">\r\n            <DeclinedRequest\r\n              :approvedRequest=\"declinedRequest\"\r\n              :showLoader=\"showLoader\"\r\n              :usedLang=\"usedLang\"\r\n            />\r\n          </div>\r\n          <!--  -->\r\n        </section>\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 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} from \"@syncfusion/ej2-vue-grids\";\r\nimport AssignCardModal from \"@/components/modals/Remis/Retainership/CardRequest/assignCard\";\r\nimport ApprovalRequestModal from \"@/components/modals/Remis/Retainership/CardRequest/approveCardRequest\";\r\nimport AddRetainershipModal from \"@/components/modals/addRetainershipModal\";\r\nimport AddNewRetainershipModal from \"@/components/modals/addNewRetainershipModal\";\r\nimport DropDown from \"@/components/Templates/Dropdown/companyRetainershipDropdown.vue\";\r\nimport RetTemp from \"@/components/Templates/companyRetainershipTemplate.vue\";\r\n\r\nimport ActionTemp from \"@/components/TableTemplates/retainership/cardRequest.vue\";\r\n\r\n//component\r\nimport PendingRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/PendingRequest.vue\";\r\nimport ApprovedRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/ApprovedRequest.vue\";\r\nimport DeclinedRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/DeclinedRequest.vue\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Retainership :: Epump Portal\",\r\n  name: \"Retainership\",\r\n  components: {\r\n    MasterLayout,\r\n    ApprovalRequestModal,\r\n    AddRetainershipModal,\r\n    AddNewRetainershipModal,\r\n\r\n    TableLoader,\r\n    DropDown,\r\n    AssignCardModal,\r\n\r\n    PendingRequest,\r\n    ApprovedRequest,\r\n    DeclinedRequest,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      approvedNumberOfCardRequest: 0,\r\n      pendingNumberOfCardRequest: 0,\r\n      totalCards: 0,\r\n      secondTableData: [],\r\n      tableType: \"Pending requests\",\r\n      pendingRequest: [],\r\n      approvedRequest: [],\r\n      declinedRequest: [],\r\n      availableCards: 0,\r\n      pendingRequestNumber: 0,\r\n      approvedRequestNumber: 0,\r\n      declinedRequestNumber: 0,\r\n      cards: [\r\n        {\r\n          title: \"Available Cards\",\r\n          number: this.availableCards,\r\n          image: \"wallet.svg\",\r\n        },\r\n        {\r\n          title: \"Pending Requests\",\r\n          number: this.pendingRequestNumber,\r\n          image: \"Pending.svg\",\r\n        },\r\n\r\n        {\r\n          title: \"Approved Requests\",\r\n          number: this.approvedRequestNumber,\r\n          image: \"aproved.svg\",\r\n        },\r\n      ],\r\n      usedLang: this.$store.getters.getLanguage,\r\n      pendingRequest: 0,\r\n      showLoader: false,\r\n      totalTransactions: null,\r\n      tableDataCount: 10,\r\n      userDetails: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n        : null,\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      company: null,\r\n      companyId: this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company\r\n        ? this.company.id\r\n        : \"\",\r\n      details: {\r\n        data: { status: \"\" },\r\n        queryStrings: { id: \"\", companyId: this.$route.query.companyId },\r\n        info: [\r\n          {\r\n            name: this.$t(\"text.assets.updateCreditLimit\"),\r\n            emitName: \"updateCreditLimit\",\r\n          },\r\n          {\r\n            name: this.$t(\"text.assets.walletTransactions\"),\r\n            emitName: \"walletTransactions\",\r\n          },\r\n        ],\r\n        delete: {\r\n          hasDelete: false,\r\n          deleteName: \"deleteInvoice\",\r\n          name: \"Delete\",\r\n          query: \"id\",\r\n        },\r\n      },\r\n      optionsTemplate: function () {\r\n        return {\r\n          template: RetTemp,\r\n        };\r\n      },\r\n\r\n      ActionTemp: function () {\r\n        return {\r\n          template: ActionTemp,\r\n        };\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        const remisHash = JSON.parse(localStorage.getItem(\"rHash\"));\r\n        if (!remisHash) {\r\n          this.getRemisHash();\r\n        } else {\r\n          this.getCardRequests();\r\n          this.getCards();\r\n          this.getDashboardDetails();\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.secondTableData = [];\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n\r\n    if (this.$route.query.companyId) {\r\n      const remisHash = JSON.parse(localStorage.getItem(\"rHash\"));\r\n      if (!remisHash) {\r\n        this.getRemisHash();\r\n      } else {\r\n        this.getCardRequests();\r\n        this.getCards();\r\n        this.getDashboardDetails();\r\n      }\r\n    }\r\n    this.$eventHub.$on(\"companyRetainershipData\", (data) => {\r\n      this.details.data = data;\r\n      this.details.queryStrings.id = data.id;\r\n      this.details.queryStrings.walletId = data.walletId;\r\n      this.details.queryStrings.name = data.firstName;\r\n\r\n      const option = document.getElementById(\"myDropdown\");\r\n      option.classList.add(\"show\");\r\n\r\n      let index;\r\n\r\n      if (data.index > 10 && parseInt(data.index.toString().slice(1)) === 0) {\r\n        index = 10;\r\n      }\r\n      if (data.index > 10 && parseInt(data.index.toString().slice(1)) > 0) {\r\n        index = parseInt(data.index.toString().slice(1));\r\n      }\r\n\r\n      if (data.index <= 10) {\r\n        index = data.index;\r\n      }\r\n\r\n      option.style.top = `${(80 * index + (85 - index * 2)).toString()}px`;\r\n    });\r\n\r\n    this.$eventHub.$on(\"getCardRequests\", () => {\r\n      this.getCardRequests();\r\n    });\r\n\r\n    this.$eventHub.$on(\"approveCardRequest\", () => {\r\n      this.showApproveModal();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"getCardRequests\");\r\n    // this.$eventHub.$off(\"changeRetainership\");\r\n    // this.$eventHub.$off(\"setCreditLimit\");\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  methods: {\r\n    // Modal functions\r\n    showFundWalletModal() {\r\n      this.$modal.show(\"fund-wallet-payweall\");\r\n    },\r\n    showAddRetainershipModal() {\r\n      this.$modal.show(\"addRetainershipModal\");\r\n    },\r\n    showAddNewRetainershipModal() {\r\n      this.$modal.show(\"addNewRetainershipModal\");\r\n    },\r\n\r\n    showApproveModal() {\r\n      this.$modal.show(\"approvalRequestModal\");\r\n    },\r\n\r\n    showAssignCardModal() {\r\n      this.$modal.show(\"assignCardModal\");\r\n    },\r\n\r\n    /////\r\n\r\n    //Requests\r\n\r\n    getRemisHash() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Account/RemisHash`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          localStorage.setItem(\"rHash\", JSON.stringify(response.data));\r\n          this.getCardRequests();\r\n          this.getCards();\r\n          this.getDashboardDetails();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getDashboardDetails() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Dashboard/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.totalCards = response.data.totalCard;\r\n          this.availableCards = response.data.availableCards;\r\n          this.pendingRequestNumber = response.data.pendingRequests;\r\n          this.pendingNumberOfCardRequest = response.data.pendingRequestCards;\r\n          this.approvedRequestNumber = response.data.approvedRequests;\r\n          this.approvedNumberOfCardRequest = response.data.approvedRequestCards;\r\n\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          console.log(error);\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //get number of cards\r\n    getCards() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Cards/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    getCardRequests() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          const requests = response.data.data.data;\r\n          requests.forEach((request) => {\r\n            request.orderDate = this.$moment(request.orderDate).format(\r\n              \"YYYY/MM/DD\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n\r\n          let pendingRequest = requests.filter(\r\n            (el) => el.orderStatus.toLowerCase() === \"pending\"\r\n          );\r\n\r\n          let approvedRequest = requests.filter(\r\n            (el) => el.orderStatus.toLowerCase() === \"fulfilled\"\r\n          );\r\n\r\n          this.pendingRequest = pendingRequest;\r\n          this.approvedRequest = approvedRequest;\r\n\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: pendingRequest,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          grid.ej2Instances.setProperties({ dataSource: [] });\r\n          this.refreshGrid();\r\n\r\n          console.log(error.response);\r\n        });\r\n    },\r\n\r\n    //Utilities\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    changeTable(arg) {\r\n      this.tableType = arg;\r\n    },\r\n\r\n    rowSelected(args) {\r\n      //redirect to approval page\r\n      this.$router.push({\r\n        name: \"approve-retainership-card-request\",\r\n        query: {\r\n          companyId: this.$route.query.companyId,\r\n          requestId: args.data.id,\r\n        },\r\n      });\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    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n\r\n    changeRoute($newRoute, id, walletId, name) {\r\n      this.$router.push({\r\n        name: $newRoute,\r\n        query: {\r\n          id: id,\r\n          walletId,\r\n          name,\r\n          companyId: this.$route.query.companyId,\r\n        },\r\n      });\r\n    },\r\n\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.overview-card {\r\n  background-color: white;\r\n  border: 1px solid #f3f4f5;\r\n  color: #667085;\r\n  border-radius: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.overview-card h5 {\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.overview-card p {\r\n  font-weight: 700;\r\n}\r\n.e-grid .e-row:hover .e-rowcell {\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  color: purple;\r\n}\r\n@media screen and (max-width: 602px) {\r\n  .addNewRetainershipModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    top: 150px !important;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  .addRetainershipModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    /* top: 88px !important; */\r\n    width: 90% !important;\r\n    height: 379px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  button.add_quick_fuel_btn {\r\n    margin-bottom: 62px;\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!./cardRequest.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!./cardRequest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cardRequest.vue?vue&type=template&id=586355a4&scoped=true&\"\nimport script from \"./cardRequest.vue?vue&type=script&lang=js&\"\nexport * from \"./cardRequest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cardRequest.vue?vue&type=style&index=0&id=586355a4&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  \"586355a4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}