{"version":3,"sources":["webpack:///./src/components/modals/POS/index.vue?4d62","webpack:///src/components/modals/POS/index.vue","webpack:///./src/components/modals/POS/index.vue?ccfc","webpack:///./src/components/modals/POS/index.vue","webpack:///./src/components/TableTemplates/posDetails.vue?f577","webpack:///src/components/TableTemplates/posDetails.vue","webpack:///./src/components/TableTemplates/posDetails.vue?7a45","webpack:///./src/components/TableTemplates/posDetails.vue","webpack:///./src/assets/img/credit-card (2).svg","webpack:///./src/views/posBank/masterLayout.vue?978a","webpack:///src/views/posBank/masterLayout.vue","webpack:///./src/views/posBank/masterLayout.vue?2318","webpack:///./src/views/posBank/masterLayout.vue","webpack:///./src/assets/img/credit-card (4).svg","webpack:///./src/assets/img/credit-card (3).svg","webpack:///./src/views/posBank/posTransactionDetails.vue?a39e","webpack:///src/views/posBank/posTransactionDetails.vue","webpack:///./src/views/posBank/posTransactionDetails.vue?012d","webpack:///./src/views/posBank/posTransactionDetails.vue","webpack:///./src/views/posBank/posTransactionDetails.vue?995c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","modalWidth","on","opened","modalDataValues","_v","_s","$t","branchName","_e","$moment","paymentDate","format","cashBack","modalData","pumpName","amount","charge","transactionReference","stan","retrievalReferenceNumber","maskedPan","customerName","statusDescription","cardExpiry","slice","terminalId","downloadReceipt","id","staticStyle","branchAddress","type","statusCode","vendor","staticRenderFns","$","MODAL_WIDTH","name","props","data","isButtonDisabled","created","window","methods","url","method","headers","responseType","then","response","split","join","replace","message","duration","catch","error","savePdfFile","link","document","print","myWindow","style","closeModal","convertThousand","toFixed","toString","JSON","component","$event","showDetails","mounted","module","exports","class","collapseNavbar","statusInfo","status","marginRight","toggleCollapsibleNavBar","timeSince","Date","dateDue","directives","rawName","value","expression","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","usedLang","multiple","changeLanguage","showNotification","companyIcon","scopedSlots","_u","key","fn","userName","proxy","signOutUser","ref","_t","toggleSidenavText","hideTitles","_m","userDetails","email","activeRoute","components","LogoUrl","isViewOnly","masterbackgroundUrl","company","mobileNav","showStationManagementDropDown","showOurCorporateCustomersDropDown","showManageExpensesDropDown","showReportDropDown","showPeddlingManagementDropDown","vendors","watch","allListTitles","el","computed","get","set","e","me","beforeMount","checkStatus","configObject","showWarningModal","showSuspendedModal","changeCountry","localStorage","checkViewOnly","changeRoute","getCompany","seconds","Math","interval","treeviews","li","maxDate","customShortcuts","model","callback","$$v","dateRange","currencyCode","totalTransactionsAmount","totalTransactions","totalSuccessfulTransactionsAmount","totalSuccessfulTransactions","totalFailedTransactionsAmount","totalFailedTransactions","showLoader","startDate","endDate","refreshGrid","toolbar","pageSettings","search","toolbarClick","excelQueryCellInfo","formatOptions","branchSelected","viewTemplate","title","MasterLayout","TableLoader","POSModal","provide","grid","totalCharges","posVendor","totalChargesCount","branches","branchId","resultArr","label","pluginStartDate","pluginEndDate","start","end","pageSizes","pageCount","pageSize","operator","ignoreCase","template","actionTemplate","beforeDestroy","searchFun","args","pageOrientation","fileName","getBranches","getTransactions","a","cur","dataSource"],"mappings":"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AC,eACAtE,WACAgD,wBACA,OACAuB,kBAGAC,0BACA,OACAD,yDACAA,sIAGAlK,gBACA,OACAA,UAGAI,SACA2B,eACA,8CAQA7B,UACA,0CACA,sCAEA,sCACA,iBACA,+BAGA,mCACA,uBAGAkK,gBACA,oCAEApI,UAKA,cACA,oEACA,iBACAiH,YAPA,uBACArJ,iCACAyK,SAQAzE,OACA4B,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,yBAGA8B,uBACA,+BACA,wBAGAhH,qBACA,+BACA,yBAIAlC,SACAoI,sBACA,gCACA8B,qDAGA/B,gBACA,oBACA,iBACA,OACAgC,4BACAC,iCAEA,iCACA,MACA,mBACA,kCACA,QAUArC,cACA,+BAEAsC,cACA,2DACA,WACAzE,IACA,gDACAM,qBAEA7F,KAAAC,IACAA,mBACA,oCAEA,uBAEAM,MAAAC,QAEAyJ,kBACA,mBACA,0BACA,oDACA,WACA1E,IACA,4GACAM,qBAEA7F,KAAAC,IACA,QACA,IACA,IACA,IACA,IACA,IACA,IACA,IAEAA,mBACAiK,4BACA,EACAA,6BACA,EACA,GAcAjK,mBACAkK,YACAlD,YACAwB,YACAE,IACA,oBACAvB,KACAD,cAEAG,KACAD,aAGA,WAOA8C,sBANAhJ,gDACA,qBACAgJ,wBAOA,kDACAlD,GAEA,4DACAE,GAEA,wDACAE,GAEA,0CAEA,qCACA,mCACA,+BACA,yBAEA,mBACAmB,8BAAA4B,oBACA,qBAEA7J,MAAAC,IACA,sBAGAQ,mBACA,mBAGA,EACAC,QAAA,GACAC,WACAd,QAAA,6BALA,UC1e8W,I,wBCQ1WgB,EAAY,eACd,EACA5E,EACA0C,GACA,EACA,KACA,KACA,MAIa,aAAAkC,E,2CCnBf","file":"js/chunk-140d436b.f157598a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"POSModal overflow-y-auto\",attrs:{\"name\":\"POSModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":600},on:{\"opened\":_vm.opened}},[_c('div',[_c('div',{staticClass:\"full__row_section mb-5\"},[_c('div',{staticClass:\"pos_modal ml-3\"},[(_vm.modalDataValues.branchName)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.branchName\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.branchName))])])])]):_vm._e(),_vm._v(\" \"),(_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionType\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"text.posModal.cashBack\")))])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionDate\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(this.$moment(_vm.modalDataValues.paymentDate).format(\"YYYY-MM-DD\")))])])])]),_vm._v(\" \"),(!_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.pumpName\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[(_vm.modalData && _vm.modalData.pumpName)?_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalData.pumpName ? _vm.modalData.pumpName: \" \"))])]):_vm._e()])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.amount\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"₦ \"+_vm._s(_vm.modalDataValues.amount))])])])]),_vm._v(\" \"),(_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.charge\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"₦ \"+_vm._s(_vm.modalDataValues.charge))])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionRef\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.transactionReference))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.stan\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.stan))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.RRN\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.retrievalReferenceNumber))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.maskedPan\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.maskedPan))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.customerName\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.customerName))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.status\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.statusDescription))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.cardExpiry\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.cardExpiry\n                    ? _vm.modalDataValues.cardExpiry.slice(2)\n                    : null)+\"/\"+_vm._s(_vm.modalDataValues.cardExpiry\n                    ? _vm.modalDataValues.cardExpiry.slice(0, 2)\n                    : null))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.terminalId\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.terminalId))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('button',{staticClass:\"save__btn record_expense_btn btn_primary_color w-50\",on:{\"click\":function (){ return _vm.downloadReceipt(_vm.modalData.id); }}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.clickButtons.download\"))+\"\\n            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":\"/img/git_loader.8264c9b1.gif\",\"width\":\"25px\"}})])])])])]),_vm._v(\" \"),_c('div',{staticStyle:{\"font-size\":\"16px\",\"max-width\":\"465px\",\"font-family\":\"'Times New Roman', Times, serif\",\"display\":\"none\"},attrs:{\"id\":\"printContent\"}},[_c('p',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin-top\":\"30px\",\"font-weight\":\"bold\",\"font-family\":\"Arial, Helvetica, sans-serif\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.providusBank\"))+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.merchantName\"))+\" \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.branchName)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.branchAddress)),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.terminalID\"))+\" \"+_vm._s(_vm.modalDataValues.terminalId)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ---------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h5',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.reprint\"))+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin\":\"6px 0\",\"transform\":\"scale(1, 1.9)\",\"text-transform\":\"uppercase\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.type)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.STAN\"))+\" \"+_vm._s(_vm.modalDataValues.stan)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.dateTime\"))+\" \"+_vm._s(_vm.modalDataValues.paymentDate)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.amount\"))+\"\\n        \"),_c('span',{staticStyle:{\"float\":\"right\",\"margin-right\":\"20px\",\"transform\":\"scale(1, 1.4)\"}},[_vm._v(\"NGN \"+_vm._s(_vm.modalDataValues.amount)+\".00\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h6',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\",\"align-content\":\"center\",\"font-size\":\"20px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.maskedPan)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.expiryDate\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.cardExpiry\n            ? _vm.modalDataValues.cardExpiry.slice(2)\n            : null)+\"/\"+_vm._s(_vm.modalDataValues.cardExpiry\n            ? _vm.modalDataValues.cardExpiry.slice(0, 2)\n            : null)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h4',{staticStyle:{\"margin\":\"0\",\"font-size\":\"14px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.statusDescription)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.responseCode\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.statusCode)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.refNumber\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.retrievalReferenceNumber)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(_vm._s(_vm.modalDataValues.vendor))]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"center\",\"margin-right\":\"20px\",\"font-weight\":\"bold\",\"font-size\":\"14px\",\"margin\":\"0\",\"padding-bottom\":\"40px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.merchantCopy\"))+\" \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.pumpAuth\"))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"POSModal overflow-y-auto\"\r\n    name=\"POSModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"600\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div>\r\n      <div class=\"full__row_section mb-5\">\r\n        <div class=\"pos_modal ml-3\">\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.branchName\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.branchName\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.branchName }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionType\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ $t(\"text.posModal.cashBack\") }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionDate\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{\r\n                  this.$moment(modalDataValues.paymentDate).format(\"YYYY-MM-DD\")\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"!modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.pumpName\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\" v-if=\"modalData && modalData.pumpName\">\r\n                <label for=\"\">{{ modalData.pumpName ? modalData.pumpName: \" \" }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.amount\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">₦ {{ modalDataValues.amount }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.charge\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">₦ {{ modalDataValues.charge }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionRef\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.transactionReference }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.stan\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.stan }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.RRN\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{\r\n                  modalDataValues.retrievalReferenceNumber\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.maskedPan\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.maskedPan }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.customerName\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.customerName }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.status\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.statusDescription }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.cardExpiry\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\"\r\n                  >{{\r\n                    modalDataValues.cardExpiry\r\n                      ? modalDataValues.cardExpiry.slice(2)\r\n                      : null\r\n                  }}/{{\r\n                    modalDataValues.cardExpiry\r\n                      ? modalDataValues.cardExpiry.slice(0, 2)\r\n                      : null\r\n                  }}</label\r\n                >\r\n              </div>\r\n            </div>\r\n            <!-- paymentDate -->\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.terminalId\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.terminalId }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"text-center\">\r\n            <button\r\n              class=\"save__btn record_expense_btn btn_primary_color w-50\"\r\n              @click=\"()=>downloadReceipt(modalData.id)\"\r\n            >\r\n              {{ $t(\"text.clickButtons.download\") }}\r\n              <span\r\n                ><img\r\n                  src=\"/img/git_loader.8264c9b1.gif\"\r\n                  width=\"25px\"\r\n                  class=\"loader ml-2\"\r\n                  style=\"display: none\"\r\n              /></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- //START OF POS RECEIPT TEMPLATE -->\r\n      <div\r\n        style=\"\r\n          font-size: 16px;\r\n          max-width: 465px;\r\n          font-family: 'Times New Roman', Times, serif;\r\n          display: none;\r\n        \"\r\n        id=\"printContent\"\r\n      >\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            align-content: center;\r\n            margin-top: 30px;\r\n            font-weight: bold;\r\n            font-family: Arial, Helvetica, sans-serif;\r\n          \"\r\n        >\r\n          {{ $t(\"text.posModal.providusBank\") }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.merchantName\") }} <br />\r\n          {{ modalDataValues.branchName }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ modalDataValues.branchAddress }}<br />\r\n          {{ $t(\"text.posModal.terminalID\") }} {{ modalDataValues.terminalId }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ---------------------------------------------\r\n        </p>\r\n        <h5 style=\"text-align: center; align-content: center; margin: 0\">\r\n          {{ $t(\"text.posModal.reprint\") }}\r\n        </h5>\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            align-content: center;\r\n            margin: 6px 0;\r\n            transform: scale(1, 1.9);\r\n            text-transform: uppercase;\r\n          \"\r\n        >\r\n          {{ modalDataValues.type }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.STAN\") }} {{ modalDataValues.stan }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.dateTime\") }} {{ modalDataValues.paymentDate }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.amount\") }}\r\n          <span\r\n            style=\"float: right; margin-right: 20px; transform: scale(1, 1.4)\"\r\n            >NGN {{ modalDataValues.amount }}.00</span\r\n          >\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <h6\r\n          style=\"\r\n            margin: 0;\r\n            text-align: center;\r\n            align-content: center;\r\n            font-size: 20px;\r\n          \"\r\n        >\r\n          {{ modalDataValues.maskedPan }}\r\n        </h6>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.expiryDate\") }}\r\n          {{\r\n            modalDataValues.cardExpiry\r\n              ? modalDataValues.cardExpiry.slice(2)\r\n              : null\r\n          }}/{{\r\n            modalDataValues.cardExpiry\r\n              ? modalDataValues.cardExpiry.slice(0, 2)\r\n              : null\r\n          }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <h4 style=\"margin: 0; font-size: 14px\">\r\n          {{ modalDataValues.statusDescription }}\r\n        </h4>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.responseCode\") }}\r\n          {{ modalDataValues.statusCode }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.refNumber\") }}\r\n          {{ modalDataValues.retrievalReferenceNumber }}\r\n        </p>\r\n        <p style=\"margin: 0\">{{ modalDataValues.vendor }}</p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            margin-right: 20px;\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n            margin: 0;\r\n            padding-bottom: 40px;\r\n          \"\r\n        >\r\n          {{ $t(\"text.posModal.merchantCopy\") }} <br />\r\n          {{ $t(\"text.posModal.pumpAuth\") }}\r\n        </p>\r\n      </div>\r\n      <!-- //END OF POS RECEIPT TEMPLATE -->\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 656;\r\n\r\nexport default {\r\n  name: \"POSModal\",\r\n  props: [\"modalData\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      modalDataValues: {},\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n\r\n    downloadReceipt(id) {\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios({\r\n        url: `${configObject.apiBaseUrl}/Pos/TransactionReceipt/${id}`,\r\n        method: \"GET\",\r\n        headers: configObject.authConfig().headers,\r\n        responseType: \"blob\",\r\n      })\r\n        .then((response) => {\r\n          const blob = response.data;\r\n          let disposition = response.headers[\"content-disposition\"];\r\n          let depositionArr = disposition.split(\";\")[1];\r\n          const fname = depositionArr\r\n            .split(\"=\")[1]\r\n            .split(\"_\")\r\n            .join(\"_\")\r\n            .replace(/[\"']/g, \"\");\r\n          this.savePdfFile(blob, fname);\r\n\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.successfullyDownloaded\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\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\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n        });\r\n    },\r\n\r\n    savePdfFile(blob, filename) {\r\n      if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n        // For IE browser\r\n        window.navigator.msSaveOrOpenBlob(blob, filename);\r\n      } else {\r\n        // For modern browsers\r\n        const url = window.URL.createObjectURL(blob);\r\n        const link = document.createElement(\"a\");\r\n        link.href = url;\r\n        link.setAttribute(\"download\", filename);\r\n        document.body.appendChild(link);\r\n        link.click();\r\n        document.body.removeChild(link);\r\n        window.URL.revokeObjectURL(url);\r\n      }\r\n    },\r\n\r\n    print() {\r\n      // this.closeModal()\r\n      // this.$eventHub.$emit('PrintPos')\r\n      var elementHTML = $(\"#printContent\").html();\r\n      //  window.open(window.href, '_blank').focus()\r\n      //   window.open('', '','width=1000,height=700')\r\n      var myWindow = window.open(\"\", \"\", \"width=800,height=700\");\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement(\"style\");\r\n      style.innerHTML = `\r\n        @page {\r\n          size: auto;  /* auto is the initial value */\r\n          margin: 0mm; /* this affects the margin in the printer settings */\r\n          margin-right: 10px;\r\n        }\r\n        html {\r\n          background-color: #FFFFFF;\r\n          margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n        }\r\n        body {\r\n          margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n          margin: 0mm;\r\n          padding:15px 0px;\r\n          font-size: 11px;\r\n           font-family: \"Times New Roman\", Times, serif;\r\n          /*  transform: scale(1, 1.5);*/\r\n          /*  margin-top: 10em;*/\r\n}\r\n        }\r\n        \r\n        `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      // myWindow.close();\r\n    },\r\n\r\n    closeModal() {\r\n      this.$modal.hide(\"POSModal\");\r\n    },\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    opened() {\r\n      this.modalDataValues = this.modalData;\r\n      if (!this.modalData.pumpName) {\r\n        JSON.parse(this.modalData.additionalInformation).forEach((cur) => {\r\n          if (cur.Name == \"PumpName\") {\r\n            this.pumpName = cur.Value;\r\n          }\r\n        });\r\n      } else {\r\n        this.pumpName = this.modalData.pumpName;\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!./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=7044d254&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',[_c('div',{staticClass:\"btn dealers_btn mr-3\",on:{\"click\":function($event){return _vm.showDetails()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('text.clickButtons.details'))+\"\\n        \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div>\r\n     <button>\r\n       <!-- <router-link :to=\"{ name: 'owner-terminal-transactions', query: {branchName: data.branchName, paymentDate: data.paymentDate}}\" class=\"btn dealers_btn \">\r\n            Details\r\n       </router-link> -->\r\n       <div class=\"btn dealers_btn mr-3\" @click=\"showDetails()\">\r\n        {{$t('text.clickButtons.details')}}\r\n        </div>\r\n</button>\r\n   </div>\r\n</template>\r\n\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      data: {},\r\n    };\r\n  },\r\n  mounted() {\r\n      \r\n  },\r\n  methods: {\r\n    showDetails() {\r\n        this.$eventHub.$emit(\"_showDetails\", this.data);\r\n    }\r\n  },\r\n};\r\n</script>","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!./posDetails.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!./posDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./posDetails.vue?vue&type=template&id=5ec5a203&\"\nimport script from \"./posDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./posDetails.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/credit-card (2).fd63806f.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"wrapper_type_2\"},[_c('b-navbar',{staticClass:\"horizontal_nav_bar\",class:_vm.collapseNavbar ? 'opened' : ''},[_c('b-navbar-brand',{staticClass:\"hamburger_container\",style:([\n        _vm.statusInfo.status && _vm.statusInfo.status == 1\n          ? { marginRight: '50px !important' }\n          : null ]),attrs:{\"href\":\"#\"}},[_c('span',{staticClass:\"hamburger_span_div\",on:{\"click\":_vm.toggleCollapsibleNavBar}},[_c('div',{staticClass:\"span-toggler-bar bar1\"}),_vm._v(\" \"),_c('div',{staticClass:\"span-toggler-bar bar2\"}),_vm._v(\" \"),_c('div',{staticClass:\"span-toggler-bar bar3\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"m-hide\",staticStyle:{\"margin\":\"0 auto\",\"margin-right\":\"10%\"}}),_vm._v(\" \"),_c('b-collapse',{attrs:{\"id\":\"nav-collapse\",\"is-nav\":\"\"}},[(_vm.statusInfo.status && _vm.statusInfo.status == 1)?_c('b-nav-item',{staticClass:\"payment_due_text\",attrs:{\"href\":\"#\"}},[_c('span',{staticClass:\"text-black\"},[_vm._v(\" YOUR SUBSCRIPTION WILL EXPIRE in \")]),_c('span',{staticClass:\"payment_due_date\"},[_vm._v(_vm._s(_vm.timeSince(new Date(_vm.statusInfo.dateDue))))]),_vm._v(\", PLEASE MAKE PAYMENT\\n      \")]):_vm._e(),_vm._v(\" \"),(_vm.statusInfo.status && _vm.statusInfo.status == 2)?_c('b-nav-item',{staticClass:\"payment_due_text\",attrs:{\"href\":\"#\"}},[_vm._v(\"\\n        YOUR SUBSCRIPTION HAS EXPIRED, PLEASE MAKE PAYMENT\\n      \")]):_vm._e(),_vm._v(\"\\n      >\\n\\n      \"),_c('b-navbar-nav',{staticClass:\"ml-auto\"},[_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.usedLang),expression:\"usedLang\"}],staticClass:\"w-100 mb-3 mb-md-3 mb-sm-5 mb-lg-0\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.usedLang=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeLanguage]}},[_c('option',{attrs:{\"value\":\"fr\"}},[_vm._v(\"FR\")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"en\"}},[_vm._v(\"EN\")])])]),_vm._v(\" \"),(_vm.statusInfo.status && _vm.statusInfo.status !== 0)?_c('b-nav-item',{staticClass:\"bell_noti\",staticStyle:{\"position\":\"relative\"},attrs:{\"href\":\"#\"},on:{\"click\":_vm.showNotification}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/notification.svg\"),\"width\":\"28\"}})]):_vm._e(),_vm._v(\" \"),_c('b-nav-item',{attrs:{\"href\":\"#\"}},[(_vm.companyIcon)?_c('img',{attrs:{\"src\":_vm.companyIcon,\"height\":\"30px\"}}):_vm._e(),_vm._v(\" \"),(!_vm.companyIcon)?_c('img',{attrs:{\"src\":require(\"@/assets/img/avatar.svg\"),\"height\":\"30px\"}}):_vm._e()]),_vm._v(\" \"),_c('b-nav-item-dropdown',{scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('b',{staticClass:\"user_profile_span\"},[_c('span',[_vm._v(_vm._s(_vm.userName))]),_vm._v(\" ▼\")])]},proxy:true}])},[_vm._v(\" \"),_c('b-dropdown-item',{attrs:{\"href\":\"#\"}},[_c('router-link',{attrs:{\"to\":{ name: 'companyProfile' }}},[_vm._v(\"Profile\")])],1),_vm._v(\" \"),_c('b-dropdown-item',{attrs:{\"href\":\"#\"},on:{\"click\":_vm.signOutUser}},[_vm._v(\"Sign Out\")])],1)],1)],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"masterLayoutWrapper\",class:_vm.collapseNavbar ? 'opened' : ''},[_c('section',{staticClass:\"main_content\"},[_c('transition',{attrs:{\"name\":\"moveInUp\",\"mode\":\"out-in\",\"appear\":\"\"}},[_c('div',{ref:\"inner_main_content\",staticClass:\"slot_div inner_main_content\"},[_vm._t(\"default\",[_c('router-view')])],2)])],1)]),_vm._v(\" \"),_c('section',{staticClass:\"sidebar use-tiny-scroll\",class:_vm.collapseNavbar ? 'collapsed' : '',on:{\"mouseover\":_vm.toggleSidenavText,\"mouseleave\":_vm.hideTitles}},[_c('div',{staticClass:\"m-hide-icon text-right mt-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/close_btn.png\"),\"width\":\"35px\",\"height\":\"35px\",\"id\":\"mySidenav\"},on:{\"click\":_vm.toggleCollapsibleNavBar}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_vm._m(0),_vm._v(\" \"),_c('div',{staticClass:\"mobile-user-details\"},[_c('div',{staticClass:\"logo_section text-right mt-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/close_btn.png\"),\"width\":\"35px\",\"height\":\"35px\"},on:{\"click\":_vm.toggleCollapsibleNavBar}})]),_vm._v(\" \"),_c('div',{staticClass:\"dasboard_type_button_section mt-3 text-center\"},[_vm._m(1),_vm._v(\" \"),_c('h6',{staticClass:\"mt-2 text-white\"},[_vm._v(_vm._s(_vm.userName))]),_vm._v(\" \"),_c('small',{staticClass:\"mt-2 text-white\"},[_vm._v(_vm._s(_vm.userDetails.email))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"dasboard_type_button_section mt-3\"}),_vm._v(\" \"),_c('div',{staticClass:\"menu-wrapper mt-4 mb-4\"},[_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item\",class:_vm.activeRoute === 'pos-bank-transactions'\n              ? 'navbar_item_active'\n              : ''},[_c('router-link',{staticClass:\"vue_router_link\",attrs:{\"to\":{ name: 'pos-bank-transactions' }}},[_c('span',{staticClass:\"mr-2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/money-transfer.svg\"),\"width\":\"20px\"}})]),_vm._v(\" \"),_c('span',{staticClass:\"sidenav_list_title\"},[_vm._v(\" POS Transactions \")])])],1),_vm._v(\" \"),_c('li',{staticClass:\"list-group-item\",class:_vm.activeRoute === 'pos-bank-terminals' ? 'navbar_item_active' : ''},[_c('router-link',{staticClass:\"vue_router_link\",attrs:{\"to\":{ name: 'pos-bank-terminals' }}},[_c('span',{staticClass:\"mr-2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/briefcase.svg\"),\"width\":\"20px\"}})]),_vm._v(\" \"),_c('span',{staticClass:\"sidenav_list_title\"},[_vm._v(\" POS Terminals \")])])],1),_vm._v(\" \"),_c('li',{staticClass:\"list-group-item m-view vue_router_link\",on:{\"click\":_vm.signOutUser}},[_vm._m(2)])])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"company-logo-wrapper\"},[_c('img',{staticClass:\"lg m-hide-icon company-logo\",attrs:{\"src\":require(\"@/assets/img/ep-logo.svg\"),\"width\":\"153\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mobile_epump_logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/mobieli_white_epump_logo.svg\"),\"width\":\"20\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"vue_router_link\",attrs:{\"href\":\"\"}},[_c('span',{staticClass:\"mr-2\"},[_c('i',{staticClass:\"fa fa-sign-out mr-3\",staticStyle:{\"font-size\":\"20px\",\"color\":\"white\"}})]),_vm._v(\" \"),_c('span',{staticClass:\"sidenav_list_title\"},[_vm._v(\" Logout \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"wrapper_type_2\">\r\n    <b-navbar\r\n      class=\"horizontal_nav_bar\"\r\n      :class=\"collapseNavbar ? 'opened' : ''\"\r\n    >\r\n      <b-navbar-brand\r\n        href=\"#\"\r\n        class=\"hamburger_container\"\r\n        :style=\"[\r\n          statusInfo.status && statusInfo.status == 1\r\n            ? { marginRight: '50px !important' }\r\n            : null,\r\n        ]\"\r\n      >\r\n        <span class=\"hamburger_span_div\" @click=\"toggleCollapsibleNavBar\">\r\n          <div class=\"span-toggler-bar bar1\"></div>\r\n          <div class=\"span-toggler-bar bar2\"></div>\r\n          <div class=\"span-toggler-bar bar3\"></div>\r\n        </span>\r\n      </b-navbar-brand>\r\n\r\n      <div style=\"margin: 0 auto; margin-right: 10%\" class=\"m-hide\"></div>\r\n\r\n      <b-collapse id=\"nav-collapse\" is-nav>\r\n        <b-nav-item\r\n          href=\"#\"\r\n          v-if=\"statusInfo.status && statusInfo.status == 1\"\r\n          class=\"payment_due_text\"\r\n        >\r\n          <span class=\"text-black\"> YOUR SUBSCRIPTION WILL EXPIRE in </span\r\n          ><span class=\"payment_due_date\">{{\r\n            timeSince(new Date(statusInfo.dateDue))\r\n          }}</span\r\n          >, PLEASE MAKE PAYMENT\r\n        </b-nav-item>\r\n        <b-nav-item\r\n          href=\"#\"\r\n          v-if=\"statusInfo.status && statusInfo.status == 2\"\r\n          class=\"payment_due_text\"\r\n        >\r\n          YOUR SUBSCRIPTION HAS EXPIRED, PLEASE MAKE PAYMENT\r\n        </b-nav-item>\r\n        >\r\n\r\n        <b-navbar-nav class=\"ml-auto\">\r\n          <!-- SELECT LANGUAGE -->\r\n          <div>\r\n            <select\r\n              @change=\"changeLanguage\"\r\n              v-model=\"usedLang\"\r\n              class=\"w-100 mb-3 mb-md-3 mb-sm-5 mb-lg-0\"\r\n            >\r\n              <option value=\"fr\">FR</option>\r\n              <option value=\"en\">EN</option>\r\n            </select>\r\n            <!-- <select\r\n              @change=\"changeLanguage\"\r\n              class=\"w-lg-100 mb-3 mb-md-3 mb-lg-0 mr-3\"\r\n            >\r\n              <option disabled value=\"\">\r\n                {{ $t(\"text.cMasterLayout.selectLanguage\") }}\r\n              </option>\r\n              <option value=\"fr\">FR</option>\r\n              <option value=\"en\">EN</option>\r\n            </select> -->\r\n          </div>\r\n          <b-nav-item\r\n            href=\"#\"\r\n            class=\"bell_noti\"\r\n            style=\"position: relative\"\r\n            v-if=\"statusInfo.status && statusInfo.status !== 0\"\r\n            @click=\"showNotification\"\r\n          >\r\n            <img src=\"@/assets/img/notification.svg\" width=\"28\" />\r\n          </b-nav-item>\r\n          <b-nav-item href=\"#\"\r\n            ><img v-if=\"companyIcon\" :src=\"companyIcon\" height=\"30px\" />\r\n            <img\r\n              v-if=\"!companyIcon\"\r\n              src=\"@/assets/img/avatar.svg\"\r\n              height=\"30px\"\r\n            />\r\n          </b-nav-item>\r\n          <b-nav-item-dropdown>\r\n            <template v-slot:button-content>\r\n              <b class=\"user_profile_span\"\r\n                ><span>{{ userName }}</span> &#x25bc;</b\r\n              >\r\n            </template>\r\n            <b-dropdown-item href=\"#\"\r\n              ><router-link :to=\"{ name: 'companyProfile' }\"\r\n                >Profile</router-link\r\n              ></b-dropdown-item\r\n            >\r\n            <b-dropdown-item href=\"#\" @click=\"signOutUser\"\r\n              >Sign Out</b-dropdown-item\r\n            >\r\n          </b-nav-item-dropdown>\r\n        </b-navbar-nav>\r\n      </b-collapse>\r\n    </b-navbar>\r\n    <div class=\"masterLayoutWrapper\" :class=\"collapseNavbar ? 'opened' : ''\">\r\n      <section class=\"main_content\">\r\n        <transition name=\"moveInUp\" mode=\"out-in\" appear>\r\n          <div class=\"slot_div inner_main_content\" ref=\"inner_main_content\">\r\n            <slot>\r\n              <router-view />\r\n            </slot>\r\n          </div>\r\n        </transition>\r\n      </section>\r\n    </div>\r\n\r\n    <section\r\n      class=\"sidebar use-tiny-scroll\"\r\n      :class=\"collapseNavbar ? 'collapsed' : ''\"\r\n      @mouseover=\"toggleSidenavText\"\r\n      @mouseleave=\"hideTitles\"\r\n    >\r\n      <div class=\"m-hide-icon text-right mt-3\">\r\n        <img\r\n          src=\"@/assets/img/close_btn.png\"\r\n          width=\"35px\"\r\n          height=\"35px\"\r\n          @click=\"toggleCollapsibleNavBar\"\r\n          id=\"mySidenav\"\r\n        />\r\n      </div>\r\n      <div class=\"text-center\">\r\n        <div class=\"company-logo-wrapper\">\r\n          <img\r\n            src=\"@/assets/img/ep-logo.svg\"\r\n            class=\"lg m-hide-icon company-logo\"\r\n            width=\"153\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"mobile-user-details\">\r\n          <div class=\"logo_section text-right mt-3\">\r\n            <img\r\n              src=\"@/assets/img/close_btn.png\"\r\n              width=\"35px\"\r\n              height=\"35px\"\r\n              @click=\"toggleCollapsibleNavBar\"\r\n            />\r\n          </div>\r\n          <div class=\"dasboard_type_button_section mt-3 text-center\">\r\n            <div class=\"mobile_epump_logo\">\r\n              <img src=\"@/assets/img/mobieli_white_epump_logo.svg\" width=\"20\" />\r\n            </div>\r\n            <h6 class=\"mt-2 text-white\">{{ userName }}</h6>\r\n            <small class=\"mt-2 text-white\">{{ userDetails.email }}</small>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"dasboard_type_button_section mt-3\"></div>\r\n\r\n      <div class=\"menu-wrapper mt-4 mb-4\">\r\n        <ul class=\"list-group\" style=\"\">\r\n          <li\r\n            class=\"list-group-item\"\r\n            :class=\"\r\n              activeRoute === 'pos-bank-transactions'\r\n                ? 'navbar_item_active'\r\n                : ''\r\n            \"\r\n          >\r\n            <router-link\r\n              :to=\"{ name: 'pos-bank-transactions' }\"\r\n              class=\"vue_router_link\"\r\n            >\r\n              <span class=\"mr-2\"\r\n                ><img src=\"@/assets/img/money-transfer.svg\" width=\"20px\"\r\n              /></span>\r\n              <span class=\"sidenav_list_title\"> POS Transactions </span>\r\n            </router-link>\r\n          </li>\r\n          <li\r\n            class=\"list-group-item\"\r\n            :class=\"\r\n              activeRoute === 'pos-bank-terminals' ? 'navbar_item_active' : ''\r\n            \"\r\n          >\r\n            <router-link\r\n              :to=\"{ name: 'pos-bank-terminals' }\"\r\n              class=\"vue_router_link\"\r\n            >\r\n              <span class=\"mr-2\"\r\n                ><img src=\"@/assets/img/briefcase.svg\" width=\"20px\"\r\n              /></span>\r\n              <span class=\"sidenav_list_title\"> POS Terminals </span>\r\n            </router-link>\r\n          </li>\r\n\r\n          <li\r\n            class=\"list-group-item m-view vue_router_link\"\r\n            @click=\"signOutUser\"\r\n          >\r\n            <a href=\"\" class=\"vue_router_link\">\r\n              <span class=\"mr-2\"\r\n                ><i\r\n                  class=\"fa fa-sign-out mr-3\"\r\n                  style=\"font-size: 20px; color: white\"\r\n                ></i\r\n              ></span>\r\n              <span class=\"sidenav_list_title\"> Logout </span>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </section>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport LogoUrl from \"@/assets/img/logo.svg\";\r\nimport masterbackgroundUrl from \"@/assets/img/retain.jpg\";\r\nimport configObject from \"@/config\";\r\nimport countryProducts from \"@/products\";\r\n\r\nexport default {\r\n  name: \"MasterLayout\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      statusInfo: {},\r\n      LogoUrl,\r\n      isViewOnly: false,\r\n      masterbackgroundUrl,\r\n      company: localStorage.getItem(\"companyDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n        : { name: \"COMPANY\" },\r\n      companyIcon: null,\r\n      collapseNavbar: true,\r\n      activeRoute: null,\r\n      mobileNav: this.$store.getters.getMobileNavDrawer,\r\n      userDetails: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n        : null,\r\n      showStationManagementDropDown: false,\r\n      showOurCorporateCustomersDropDown: false,\r\n      showManageExpensesDropDown: false,\r\n      showReportDropDown: false,\r\n      showPeddlingManagementDropDown: false,\r\n      vendors: [],\r\n      usedLang: this.$store.getters.getLanguage,\r\n    };\r\n  },\r\n  watch: {\r\n    collapseNavbar(value) {\r\n      const allListTitles = Array.from(\r\n        document.querySelectorAll(\".sidenav_list_title\")\r\n      );\r\n      if (value) {\r\n        allListTitles.forEach((el) => {\r\n          el.style.display = \"none\";\r\n        });\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    userName: {\r\n      get() {\r\n        if (localStorage.getItem(\"userDetails\")) {\r\n          return this.userDetails.firstName + \"  \" + this.userDetails.lastName;\r\n        } else {\r\n          return \"Username\";\r\n        }\r\n      },\r\n      set(value) {},\r\n    },\r\n  },\r\n\r\n  created() {\r\n    if (!localStorage.getItem(\"userDetails\")) {\r\n      this.$router.push({ name: \"login\" });\r\n    }\r\n    if (localStorage.getItem(\"companyDetails\")) {\r\n      this.companyIcon = this.company.url;\r\n    } else {\r\n      this.companyIcon = null;\r\n    }\r\n    // this.getCompany();\r\n  },\r\n  mounted() {\r\n    const contLang = this.$root.$i18n.locale.split(\"-\")[0];\r\n    this.$store.commit(\"setLanguage\", contLang);\r\n    this.usedLang = this.$store.getters.getLanguage;\r\n\r\n    if (this.company.id) {\r\n      this.checkStatus();\r\n    }\r\n    this.checkViewOnly();\r\n    $(\".treeview > a\").on(\"click\", function (e) {\r\n      e.preventDefault();\r\n      var me = $(this);\r\n\r\n      if (me.parent(\"li\").hasClass(\"open\")) {\r\n        //close me\r\n        me.parent(\"li\").removeClass(\"open\");\r\n      } else {\r\n        // Open me & close others\r\n        $(\".treeview\").removeClass(\"open\");\r\n        me.parent(\"li\").addClass(\"open\");\r\n      }\r\n    });\r\n  },\r\n  beforeMount() {\r\n    this.activeRoute = this.$route.name;\r\n  },\r\n  methods: {\r\n    showNotification() {\r\n      const status = this.statusInfo.status;\r\n      if (status == 1) this.showWarningModal();\r\n      if (status == 2) this.showSuspendedModal();\r\n    },\r\n    checkStatus() {\r\n      const modalShown = this.$store.getters.getModalShown;\r\n      if (modalShown) {\r\n        this.statusInfo = this.$store.getters.getStatusInfo;\r\n        return;\r\n      }\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Invoices/status?companyId=${this.$route.query.companyId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.statusInfo = response.data;\r\n          if (response.data.status == 1) {\r\n            if (\r\n              this.$route.name !== \"company_invoice\" &&\r\n              this.$route.name !== \"invoice_details\" &&\r\n              this.$route.name !== \"invoice_payments\"\r\n            ) {\r\n              this.showWarningModal();\r\n              this.$store.commit(\"setModalShown\", true);\r\n            }\r\n          }\r\n          if (response.data.status == 2) {\r\n            if (\r\n              this.$route.name !== \"company_invoice\" &&\r\n              this.$route.name !== \"invoice_details\" &&\r\n              this.$route.name !== \"invoice_payments\"\r\n            ) {\r\n              this.showSuspendedModal();\r\n            }\r\n          }\r\n          this.$store.commit(\"setStatusInfo\", response.data);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    showWarningModal() {\r\n      this.$modal.show(\"warningModal\");\r\n    },\r\n    showSuspendedModal() {\r\n      this.$modal.show(\"suspendedModal\");\r\n    },\r\n    changeCountry(e) {\r\n      this.$store.commit(\"setCountry\", e.target.value);\r\n      const locale = `${this.$store.getters.getLanguage}-${this.$store.getters.getCountry}`;\r\n      this.$root.$i18n.locale = locale;\r\n      localStorage.setItem(\"locale\", locale);\r\n\r\n      localStorage.setItem(\r\n        \"countryProducts\",\r\n        JSON.stringify(countryProducts[e.target.value])\r\n      );\r\n      this.$store.commit(\"setCountryProducts\", countryProducts[e.target.value]);\r\n    },\r\n    changeLanguage(e) {\r\n      this.$store.commit(\"setLanguage\", e.target.value);\r\n      const locale = `${this.$store.getters.getLanguage}-${this.$store.getters.getCountry}`;\r\n      this.$root.$i18n.locale = locale;\r\n      localStorage.setItem(\"locale\", locale);\r\n      this.$eventHub.$emit(\"remountCom\");\r\n    },\r\n    checkViewOnly() {\r\n      this.isViewOnly = this.$store.getters.getViewOnly;\r\n    },\r\n    signOutUser() {\r\n      const answer = window.confirm(\r\n        this.$t(\"text.cMasterLayout.confirmLogout\")\r\n      );\r\n      if (answer) {\r\n        if (localStorage.getItem(\"locale\")) {\r\n          const locale = localStorage.getItem(\"locale\");\r\n          this.$store.commit(\"setBaseLocale\", locale);\r\n        }\r\n        this.$store.commit(\"setModalShown\", false);\r\n        this.$store.commit(\"setStatusInfo\", {});\r\n        this.$store.commit(\"setBranchModalShown\", false);\r\n        this.$store.commit(\"setBranchStatusInfo\", {});\r\n\r\n        this.$store.dispatch(\"logout\");\r\n      }\r\n    },\r\n    changeRoute(routeName) {\r\n      this.$router.push({ name: routeName });\r\n    },\r\n    getCompany() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/MyCompanies`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          localStorage.setItem(\"totalCompanies\", JSON.stringify(response.data));\r\n          if (response.data.length > 0) {\r\n            if (!localStorage.getItem(\"companyDetails\")) {\r\n              localStorage.setItem(\r\n                \"companyDetails\",\r\n                JSON.stringify(response.data[0])\r\n              );\r\n              this.company = response.data[0];\r\n              this.companyIcon = response.data[0].url;\r\n              this.checkStatus();\r\n            }\r\n            this.$eventHub.$emit(\"gotCompany\", true);\r\n          } else {\r\n            this.$eventHub.$emit(\"gotCompany\", false);\r\n            this.$toast.open({\r\n              message: \"No company found for this account.\",\r\n              type: \"error\",\r\n              duration: 5000,\r\n            });\r\n          }\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            // this.$toast.open({\r\n            //   message: \"An Error Occured\",\r\n            //   type: \"error\",\r\n            //   duration: 5000\r\n            // });\r\n          }\r\n        });\r\n    },\r\n    timeSince(date) {\r\n      let seconds = Math.floor((new Date() - date) / 1000);\r\n      seconds = Math.abs(seconds);\r\n\r\n      var interval = seconds / 31536000;\r\n\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" year \" : \" years \")\r\n        );\r\n      }\r\n      interval = seconds / 2592000;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" month \" : \" months \")\r\n        );\r\n      }\r\n      interval = seconds / 86400;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" day \" : \" days \")\r\n        );\r\n      }\r\n      interval = seconds / 3600;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" hour \" : \" hours \")\r\n        );\r\n      }\r\n      interval = seconds / 60;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" minute \" : \" minutes \")\r\n        );\r\n      }\r\n      return (\r\n        Math.floor(seconds) +\r\n        (Math.floor(interval) == 1 ? \" second \" : \" seconds \")\r\n      );\r\n    },\r\n    toggleCollapsibleNavBar() {\r\n      this.collapseNavbar = !this.collapseNavbar;\r\n      const allListTitles = Array.from(\r\n        document.querySelectorAll(\".sidenav_list_title\")\r\n      );\r\n      const treeviews = Array.from(document.querySelectorAll(\".treeview\"));\r\n\r\n      if (!this.collapseNavbar) {\r\n        const allListTitles = Array.from(\r\n          document.querySelectorAll(\".sidenav_list_title\")\r\n        );\r\n        allListTitles.forEach((el) => {\r\n          el.style.display = \"inline\";\r\n        });\r\n        treeviews.forEach((el) => {\r\n          if (Array.from(el.classList).includes(\"list_open\")) {\r\n            el.classList.remove(\"list_open\");\r\n            el.classList.add(\"open\");\r\n          }\r\n        });\r\n      } else {\r\n        if (\r\n          document.querySelector(\".sidebar\").classList.contains(\"collapsed\")\r\n        ) {\r\n          allListTitles.forEach((el) => {\r\n            el.style.display = \"none\";\r\n          });\r\n        }\r\n\r\n        treeviews.forEach((el) => {\r\n          if (Array.from(el.classList).includes(\"open\")) {\r\n            el.classList.add(\"list_open\");\r\n            el.classList.remove(\"open\");\r\n          }\r\n        });\r\n      }\r\n    },\r\n    toggleSidenavText() {\r\n      const allListTitles = Array.from(\r\n        document.querySelectorAll(\".sidenav_list_title\")\r\n      );\r\n      const treeviews = Array.from(document.querySelectorAll(\".treeview\"));\r\n\r\n      if (this.collapseNavbar) {\r\n        allListTitles.forEach((el) => {\r\n          el.style.display = \"inline\";\r\n        });\r\n        treeviews.forEach((el) => {\r\n          const classList = Array.from(el.classList);\r\n          if (classList.includes(\"open\")) {\r\n            el.classList.add(\"open\");\r\n            el.classList.remove(\"list_open\");\r\n          }\r\n        });\r\n      }\r\n    },\r\n\r\n    hideTitles() {\r\n      const allListTitles = Array.from(\r\n        document.querySelectorAll(\".sidenav_list_title\")\r\n      );\r\n\r\n      Array.from(document.querySelectorAll(\"li\")).forEach((li) => {\r\n        li.classList.remove(\"open\");\r\n      });\r\n\r\n      if (this.collapseNavbar) {\r\n        allListTitles.forEach((el) => {\r\n          el.style.display = \"none\";\r\n        });\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!./masterLayout.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!./masterLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./masterLayout.vue?vue&type=template&id=aa573d7c&\"\nimport script from \"./masterLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./masterLayout.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/credit-card (4).0d8f19b8.svg\";","module.exports = __webpack_public_path__ + \"img/credit-card (3).630e7539.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:\"dashboard_first_row\"},[_c('div',{staticClass:\"buttons_section\"},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"custom-shortcuts\":_vm.customShortcuts,\"color\":\"#4b2c72\",\"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:\"pos_select_branch\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.status),expression:\"status\"}],staticClass:\"btn details_btn px-3 mr-3 mt-2\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.status=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"selectAStatus\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bPos.selectStatus\"))+\"\\n            \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"text.bPos.showAll\")))]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"00\"}},[_vm._v(_vm._s(_vm.$t(\"text.bPos.approved\")))]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"0x0x0\"}},[_vm._v(_vm._s(_vm.$t(\"text.bPos.declined\")))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3 pos_trans_card_holder\"},[_c('div',{staticClass:\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              Total Transactions\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (4).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.totalTransactions)+\"\\n              \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              Successful Transactions\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (2).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalSuccessfulTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(_vm._s(_vm.totalSuccessfulTransactions))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              Failed Transactions\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (3).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.company ? _vm.company.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalFailedTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(_vm._s(_vm.totalFailedTransactions))])])])])])]),_vm._v(\" \"),_c('section',[_c('div',{staticClass:\"pos_table\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('span',{staticClass:\"sec_text_color\"},[_vm._v(\"\\n              POS transactions between \"+_vm._s(_vm.startDate)+\" and \"+_vm._s(_vm.endDate)+\"\\n            \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_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,\"toolbar\":_vm.toolbar,\"pageSettings\":_vm.pageSettings,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"allowTextWrap\":true,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"80\",\"field\":\"index\",\"allowSorting\":false,\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"paymentDate\",\"format\":_vm.formatOptions,\"type\":\"date\",\"width\":\"200\",\"headerText\":\"Transaction Date\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":!_vm.branchSelected,\"field\":\"branchName\",\"width\":\"180\",\"headerText\":\"Branch\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"amount\",\"width\":\"150\",\"format\":\"N2\",\"headerText\":\"Amount(NGN)\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"stan\",\"width\":\"220\",\"headerText\":\"Stan\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"retrievalReferenceNumber\",\"width\":\"220\",\"headerText\":\"RRN\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"maskedPan\",\"width\":\"220\",\"headerText\":\"Masked Pan\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"statusDescription\",\"width\":\"200\",\"headerText\":\"Status\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"template\":_vm.viewTemplate,\"headerText\":\"Action\"}})],1)],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)]),_vm._v(\" \"),_c('POSModal',{attrs:{\"modalData\":_vm.modalData}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"dashboard_first_row\">\r\n        <div class=\"buttons_section\">\r\n          <div>\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              :custom-shortcuts=\"customShortcuts\"\r\n              color=\"#4b2c72\"\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 class=\"pos_select_branch\">\r\n                <select class=\"form-control mt-2\" v-model=\"posVendor\">\r\n                    <option disabled value=\"select vendor\">select vendor</option>\r\n                    <option v-for=\"(vendor, index) in vendors\" :value=\"vendor\" :key=\"index\">{{ vendor }}</option> \r\n                </select>\r\n            </div> -->\r\n          <div class=\"pos_select_branch\">\r\n            <select class=\"btn details_btn px-3 mr-3 mt-2\" v-model=\"status\">\r\n              <option disabled value=\"selectAStatus\">\r\n                {{ $t(\"text.bPos.selectStatus\") }}\r\n              </option>\r\n              <option value=\"\">{{ $t(\"text.bPos.showAll\") }}</option>\r\n              <option value=\"00\">{{ $t(\"text.bPos.approved\") }}</option>\r\n              <option value=\"0x0x0\">{{ $t(\"text.bPos.declined\") }}</option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n        <div class=\"row mt-3 pos_trans_card_holder\">\r\n          <div class=\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                Total Transactions\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (4).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ company ? company.currencyCode : \"\" }}\r\n                  {{ totalTransactionsAmount }}\r\n                </h3>\r\n                <small class=\"dashboard__card__header_bottom font-weight-bold\">\r\n                  {{ totalTransactions }}\r\n                </small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                Successful Transactions\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (2).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ company ? company.currencyCode : \"\" }}\r\n                  {{ totalSuccessfulTransactionsAmount }}\r\n                </h3>\r\n                <small\r\n                  class=\"dashboard__card__header_bottom font-weight-bold\"\r\n                  >{{ totalSuccessfulTransactions }}</small\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-4 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                Failed Transactions\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (3).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ company ? company.currencyCode : \"\" }}\r\n                  {{ totalFailedTransactionsAmount }}\r\n                </h3>\r\n                <small\r\n                  class=\"dashboard__card__header_bottom font-weight-bold\"\r\n                  >{{ totalFailedTransactions }}</small\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- <div class=\"col-lg-4 col-md-3 remove_padding-right pos_trans_card\">\r\n              \r\n                <div\r\n                  class=\"card_container_1 pos-card mt-3\"\r\n                >\r\n                  <p class=\"dashboard__card__header text-uppercase text-center\">Total Cashback Charges</p>\r\n                  <div\r\n                    class=\"icon_wrapper inner_border_radius mx-auto\"\r\n                  >\r\n                    <img src=\"@/assets/img/credit-card (6).svg\" width=\"40px\" />\r\n                  </div>\r\n                 <div class=\"mt-3 text-center\">\r\n                    <h3 class=\"font-weight-bold\">{{company ? company.currencyCode : ''}} {{totalCharges}}</h3>\r\n                  </div>\r\n                </div>\r\n            </div> -->\r\n        </div>\r\n      </div>\r\n      <section>\r\n        <div class=\"pos_table\">\r\n          <div class=\"row top_section_row\" v-show=\"!showLoader\">\r\n            <div class=\"col-md-8\">\r\n              <span class=\"sec_text_color\">\r\n                POS transactions between {{ startDate }} and {{ endDate }}\r\n              </span>\r\n              <span> </span>\r\n            </div>\r\n            <div class=\"col-md-4 text-right\"></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            :toolbar=\"toolbar\"\r\n            :pageSettings=\"pageSettings\"\r\n            :searchSettings=\"search\"\r\n            :allowExcelExport=\"true\"\r\n            :allowPdfExport=\"true\"\r\n            :toolbarClick=\"toolbarClick\"\r\n            :allowTextWrap=\"true\"\r\n            :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column\r\n                width=\"80\"\r\n                field=\"index\"\r\n                :allowSorting=\"false\"\r\n                headerText=\"#\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"paymentDate\"\r\n                :format=\"formatOptions\"\r\n                type=\"date\"\r\n                width=\"200\"\r\n                headerText=\"Transaction Date\"\r\n              ></e-column>\r\n              <e-column\r\n                :visible=\"!branchSelected\"\r\n                field=\"branchName\"\r\n                width=\"180\"\r\n                headerText=\"Branch\"\r\n              ></e-column>\r\n              <!-- <e-column\r\n                  field=\"pumpName\"\r\n                  width=\"100\"\r\n                  headerText=\"Pump\"\r\n                ></e-column> -->\r\n              <e-column\r\n                field=\"amount\"\r\n                width=\"150\"\r\n                format=\"N2\"\r\n                headerText=\"Amount(NGN)\"\r\n              ></e-column>\r\n              <e-column field=\"stan\" width=\"220\" headerText=\"Stan\"></e-column>\r\n              <e-column\r\n                field=\"retrievalReferenceNumber\"\r\n                width=\"220\"\r\n                headerText=\"RRN\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"maskedPan\"\r\n                width=\"220\"\r\n                headerText=\"Masked Pan\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"statusDescription\"\r\n                width=\"200\"\r\n                headerText=\"Status\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"180\"\r\n                :template=\"viewTemplate\"\r\n                headerText=\"Action\"\r\n              ></e-column>\r\n            </e-columns>\r\n          </ejs-grid>\r\n        </div>\r\n\r\n        <TableLoader :showLoader=\"showLoader\" />\r\n      </section>\r\n    </MasterLayout>\r\n    <POSModal :modalData=\"modalData\"></POSModal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/posBank/masterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport POSModal from \"@/components/modals/POS/index\";\r\nimport PosTransView from \"@/components/TableTemplates/posDetails.vue\";\r\n\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\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"POS Transactions:: Epump Portal\",\r\n  name: \"POS-Transactions\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    POSModal,\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      branchSelected: false,\r\n      totalCharges: 0,\r\n      posVendor: \"select vendor\",\r\n      totalChargesCount: 0,\r\n      branches: null,\r\n      branchId: \"selectABranch\",\r\n      status: \"selectAStatus\",\r\n      company: localStorage.getItem(\"companyDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n        : null,\r\n      terminalId: \"\",\r\n      totalTransactions: 0,\r\n      totalTransactionsAmount: 0,\r\n      totalSuccessfulTransactions: 0,\r\n      totalSuccessfulTransactionsAmount: 0,\r\n      totalFailedTransactions: 0,\r\n      totalFailedTransactionsAmount: 0,\r\n      modalData: null,\r\n      resultArr: [],\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      customShortcuts: [\r\n        { key: \"Today\", label: \"Today\", value: \"day\" },\r\n        { key: \"yesterday\", label: \"Yesterday\", value: \"-day\" },\r\n        { key: \"last7Days\", label: \"Last 7 Days\", value: 7 },\r\n        { key: \"lastWeek\", label: \"Last Week\", value: \"-isoWeek\" },\r\n        { key: \"last30Days\", label: \"Last 30 Days\", value: 30 },\r\n        { key: \"lastMonth\", label: \"Last Month\", value: \"-month\" },\r\n      ],\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\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      showLoader: true,\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      vendors: [],\r\n      viewTemplate: function () {\r\n        return {\r\n          template: PosTransView,\r\n        };\r\n      },\r\n      actionTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"actionButtonsTemplate\", {\r\n            template: `<div class=\"btn dealers_btn mr-3\" @click=\"showDetails(data)\">\r\n                        Details\r\n                    </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              showDetails(data) {\r\n                this.$eventHub.$emit(\"showDetails\", data);\r\n              },\r\n            },\r\n          }),\r\n        };\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    this.$eventHub.$on(\"_showDetails\", (data) => {\r\n      this.modalData = data;\r\n      this.$modal.show(\"POSModal\");\r\n    });\r\n\r\n    this.$eventHub.$on(\"PrintPos\", () => {\r\n      this.printWithCSS();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"showDetails\");\r\n  },\r\n  mounted() {\r\n    this.getTransactions();\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    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.getTransactions();\r\n      }\r\n    },\r\n    branchId: function (newId, oldId) {\r\n      if (newId !== null && newId !== \"selectABranch\") {\r\n        this.getTransactions();\r\n      }\r\n    },\r\n    status: function (newStatus, oldStatus) {\r\n      if (newStatus !== null && newStatus !== \"selectAStatus\") {\r\n        this.getTransactions();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"paymentDate\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\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: \"POS Transactions.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    // rowDataBound: function(args) {\r\n    //   if (args.data['statusCode'] === \"00\") {\r\n    //     args.row.cells[8].style.color = \"green\";\r\n    //   } else {\r\n    //     args.row.cells[8].style.color = \"red\";\r\n    //   }\r\n    // },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    getBranches() {\r\n      const company = JSON.parse(localStorage.getItem(\"companyDetails\"));\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Branches/${company.id}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          this.branches = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTransactions() {\r\n      this.showLoader = true;\r\n      let grid = this.$refs.dataGrid;\r\n      const status = this.status == \"selectAStatus\" ? \"\" : this.status;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/pos/BankTransactions?startDate=${this.startDate}&endDate=${this.endDate}&status=${status}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n          let totalTransactionsAmount = 0;\r\n          let totalSuccessfulTransactions = 0;\r\n          let totalSuccessfulTransactionsAmount = 0;\r\n          let totalFailedTransactions = 0;\r\n          let totalFailedTransactionsAmount = 0;\r\n          let totalCharges = 0;\r\n          let totalChargesCount = 0;\r\n\r\n          response.data.sort((a, b) =>\r\n            a.paymentDate < b.paymentDate\r\n              ? 1\r\n              : a.paymentDate > b.paymentDate\r\n              ? -1\r\n              : 0\r\n          );\r\n\r\n          //   if (this.branchId == 'selectABranch' || this.branchId == 'showAll') {\r\n          //     this.branchSelected = false\r\n          //     response.data.sort((a, b) => {\r\n          //       if (a.date !== b.date) {\r\n          //         return a.branchName.toLowerCase() < b.branchName.toLowerCase() ? -1 : a.branchName.toLowerCase() > b.branchName.toLowerCase() ? 1 : 0\r\n          //       }\r\n          //     })\r\n          //   } else {\r\n          //     this.branchSelected = true\r\n          //   }\r\n\r\n          response.data.forEach((cur) => {\r\n            cur.index = ++index;\r\n            totalTransactionsAmount += cur.amount;\r\n            totalCharges += cur.charge;\r\n            totalChargesCount++;\r\n            if (cur.statusCode == \"00\") {\r\n              totalSuccessfulTransactions += 1;\r\n              totalSuccessfulTransactionsAmount += cur.amount;\r\n            } else {\r\n              totalFailedTransactions += 1;\r\n              totalFailedTransactionsAmount += cur.amount;\r\n            }\r\n\r\n            if (!cur.pumpName) {\r\n              JSON.parse(cur.additionalInformation).forEach((current) => {\r\n                if (current.Name == \"PumpName\") {\r\n                  cur.pumpName = current.Value;\r\n                }\r\n              });\r\n            } else {\r\n              cur.pumpName = cur.pumpName;\r\n            }\r\n          });\r\n          this.totalTransactionsAmount = this.convertThousand(\r\n            totalTransactionsAmount\r\n          );\r\n          this.totalSuccessfulTransactionsAmount = this.convertThousand(\r\n            totalSuccessfulTransactionsAmount\r\n          );\r\n          this.totalFailedTransactionsAmount = this.convertThousand(\r\n            totalFailedTransactionsAmount\r\n          );\r\n          this.totalCharges = this.convertThousand(totalCharges);\r\n\r\n          this.totalTransactions = response.data.length;\r\n          this.totalSuccessfulTransactions = totalSuccessfulTransactions;\r\n          this.totalFailedTransactions = totalFailedTransactions;\r\n          this.totalChargesCount = totalChargesCount;\r\n\r\n          this.showLoader = false;\r\n          grid.ej2Instances.setProperties({ dataSource: response.data });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\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  },\r\n};\r\n</script>\r\n<style>\r\n@media screen and (max-width: 602px) {\r\n  .POSModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    top: 112px !important;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  .POSModal .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!./posTransactionDetails.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!./posTransactionDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./posTransactionDetails.vue?vue&type=template&id=7f88daa9&\"\nimport script from \"./posTransactionDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./posTransactionDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./posTransactionDetails.vue?vue&type=style&index=0&id=7f88daa9&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","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!./posTransactionDetails.vue?vue&type=style&index=0&id=7f88daa9&prod&lang=css&\""],"sourceRoot":""}