{"version":3,"sources":["webpack:///./src/components/contents/Loans/detailCard.vue?769f","webpack:///./src/components/contents/Loans/miniRepaymentTable.vue?8054","webpack:///./src/views/Loans/loanDetails.vue","webpack:///./src/components/contents/Loans/loanDetails.vue","webpack:///./src/components/contents/Loans/miniRepaymentTable.vue","webpack:///./src/components/contents/Loans/miniRepaymentTable.vue?38d3","webpack:///./src/components/contents/Loans/detailCard.vue","webpack:///./src/components/contents/Loans/detailCard.vue?9138","webpack:///./src/components/contents/Loans/loanDetails.vue?cdd4","webpack:///./src/views/Loans/loanDetails.vue?65a1","webpack:///./src/components/contents/Loans/loanDetails.vue?bc13"],"names":["_createBlock","_component_LoanDetails","class","id","_component_q_page","padding","_createElementVNode","_hoisted_1","_createVNode","_component_GoBack","_hoisted_2","_component_q_card","flat","_component_LoanHeader","loanDetails","$data","_hoisted_3","_hoisted_4","_component_DetailsCard","_hoisted_5","_component_MiniTable","loanTransactions","transactionCount","_component_q_card_section","_component_q_table","title","rows","$setup","columns","filter","_ctx","loading","row-key","rows-per-page-options","top","_withCtx","_toDisplayString","$props","_component_table_search","placeholder","_normalizeClass","resize","value","onTextInput","_cache","$event","_component_q_space","body","props","_component_q_tr","onClick","onRowClick","row","_component_q_td","key","$options","formatMoney","amount","formatDate","createdAt","name","align","label","field","sortable","originalRows","components","TableSearch","setup","ref","data","watch","this","Array","default","type","Number","methods","val","date","computed","imageSize","size","$q","screen","__exports__","QCard","QCardSection","QTable","QSpace","QTr","QTd","_$props$loanDetails$s","_hoisted_6","status","replace","duration","_createElementBlock","_hoisted_7","_hoisted_8","_hoisted_9","interestRate","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","disbursementDate","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","amountRepaid","_hoisted_23","_hoisted_24","_hoisted_25","interestAmount","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","dueDate","statusReason","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","Object","GoBack","LoanHeader","MiniTable","DetailsCard","loanService","show","message","response","getLoan","hide","err","getLoanTransactionsByRef","totalCount","Promise","all","getLoanDetails","$route","params","getLoanTransactions","created","LoanService","$api2","QPage","LoanDetails","render"],"mappings":"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","file":"js/chunk-9fffa7ea.aa886a18.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./detailCard.vue?vue&type=style&index=0&id=1071a326&scoped=true&lang=scss\"","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-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./miniRepaymentTable.vue?vue&type=style&index=0&id=25067b1e&scoped=true&lang=css\"","<template>\n  <LoanDetails />\n</template>\n\n<script>\nimport LoanDetails from \"@/components/contents/Loans/loanDetails\";\nexport default {\n  components: { LoanDetails },\n};\n</script>","<template>\n  <q-page padding id=\"page\">\n    <div class=\"row q-px-xs\">\n      <GoBack />\n    </div>\n    <section id=\"repayment-wrapper\" class=\"q-px-md q-pt-md\">\n      <q-card flat class=\"q-my-md rounded\">\n        <LoanHeader :loanDetails=\"loanDetails\" />\n      </q-card>\n\n      <div class=\"row q-col-gutter-md\">\n        <div class=\"col-md-6 col-sm-12 col-xs-12\">\n          <DetailsCard :loanDetails=\"loanDetails\" />\n        </div>\n        <div class=\"col-md-6 col-sm-12 col-xs-12\">\n          <MiniTable :loanTransactions=\"loanTransactions\" :transactionCount=\"transactionCount\" />\n        </div>\n      </div>\n\n      <!-- <HistoryTable /> -->\n    </section>\n  </q-page>\n</template>\n\n<script>\n// import HistoryTable from './repaymentTable.vue'\nimport MiniTable from \"./miniRepaymentTable.vue\";\nimport GoBack from \"@/components/base/Button/GoBack.vue\";\nimport LoanHeader from \"./loanHeader.vue\";\nimport DetailsCard from \"./detailCard.vue\";\nimport LoanService from \"@/services/loan.http.js\";\n\nexport default {\n  components: {\n    // HistoryTable,\n    GoBack,\n    LoanHeader,\n    MiniTable,\n    DetailsCard,\n  },\n  data() {\n    return {\n      loanService: null,\n      loanDetails: {},\n      loanTransactions: null,\n      transactionCount: 0\n    };\n  },\n  methods: {\n    async getLoanDetails(ref) {\n      this.$q.loading.show({\n        message: \"Getting Loans Details...\",\n      });\n      try {\n        const response = await this.loanService.getLoan(ref);\n        this.loanDetails = response.data.data;\n        this.$q.loading.hide();\n      } catch (err) { \n        console.log(err);\n        this.$q.loading.hide();\n      }\n    },\n    async getLoanTransactions(ref) {\n      try {\n        const response = await this.loanService.getLoanTransactionsByRef(ref);\n        const { data: { data: { loanTransactions, totalCount } } } = response;\n        this.loanTransactions = loanTransactions;\n        this.transactionCount = totalCount\n      }catch(err) {\n        console.log(err)\n      }\n    }\n  },\n  async mounted() {\n    await Promise.all([\n     this.getLoanDetails(this.$route.params.id),\n     this.getLoanTransactions(this.$route.params.id)\n    ])\n  },\n  created() {\n    this.loanService = new LoanService(this.$api2);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#page {\n  background: #fbfbfb;\n  border-radius: 8px;\n}\n#repayment-wrapper {\n  height: 100vh;\n}\n\n.loan-name {\n  font-weight: 600;\n  color: #171717;\n  font-size: 20px;\n}\n.loan-reference {\n  color: #171717;\n  font-size: 14px;\n}\n.recurring {\n  color: #f04438;\n}\n\n@mixin badge-global {\n  border-radius: 16px;\n  padding: 4px 8px;\n  width: 150px;\n  font-weight: 500;\n  font-size: 14px;\n}\n.recurring-badge {\n  background: #fef3f2;\n  color: #b42318;\n  @include badge-global;\n}\n\n.link-type {\n  text-transform: capitalize;\n}\n.link-type-wrapper {\n  display: flex;\n  align-items: center;\n}\n.link-type-indicator {\n  font-size: 8px;\n  padding-right: 7px;\n}\n</style>\n","<template>\n  <q-card flat>\n    <q-card-section>\n      <div class=\"table-header\">Transaction History</div>\n      <q-table\n        flat\n        title=\"Transaction History\"\n        :rows=\"rows\"\n        :columns=\"columns\"\n        :filter=\"filter\"\n        :loading=\"loading\"\n        row-key=\"id\"\n        :rows-per-page-options=\"[0]\"\n      >\n        <template v-slot:top>\n          <div class=\"transactions\">Transactions: <span>{{transactionCount}}</span></div>\n          <table-search\n            placeholder=\"Search using name or transaction ID\"\n            :class=\"resize\"\n            :value=\"filter\"\n            @text-input=\"filter = $event\"\n          />\n          <q-space />\n        </template>\n\n        <template v-slot:body=\"props\">\n          <q-tr :props=\"props\" @click=\"onRowClick(props.row)\">\n            <q-td key=\"amount\" :props=\"props\">\n              {{ formatMoney(props.row.amount) }}\n            </q-td>\n\n            <q-td key=\"date\" :props=\"props\">\n              {{ formatDate(props.row.createdAt) }}\n            </q-td>\n\n            <q-td key=\"action\" :props=\"props\">\n              <i class=\"fa fa-ellipsis-h cursor-pointer\"></i>\n            </q-td>\n          </q-tr>\n        </template>\n      </q-table>\n    </q-card-section>\n  </q-card>\n</template>\n\n<script>\nimport TableSearch from \"@/components/reusables/TableSearch.vue\";\nimport { date } from \"quasar\";\nimport { ref } from \"vue\";\nimport { formatMoney } from \"@/helpers/money\";\n\nconst columns = [\n  {\n    name: \"amount\",\n    align: \"left\",\n    label: \"Amount (NGN)\",\n    field: (row) => row.amount,\n    sortable: true,\n  },\n\n  {\n    name: \"date\",\n    align: \"left\",\n    label: \"Date\",\n    field: \"createdAt\",\n    sortable: true,\n  },\n\n  { name: \"action\", align: \"left\", label: \"\", field: \"action\" },\n];\n\nconst originalRows = [];\n\nexport default {\n  components: {\n    TableSearch,\n  },\n  setup() {\n    const rows = ref([...originalRows]);\n    return {\n      columns,\n      rows,\n    };\n  },\n  data() {\n    return {};\n  },\n  watch: {\n    loanTransactions: function (value) {\n      this.rows = value;\n    },\n  },\n  props: {\n    loanTransactions: Array,\n    transactionCount: {\n      default: 0,\n      type: Number\n    }\n\n  },\n  methods: {\n    formatMoney,\n    formatDate(val) {\n      return date.formatDate(val, \"MMM Do, YYYY hh:mm A\");\n    },\n  },\n  computed: {\n    imageSize() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"150px\";\n      } else return \"100px\";\n    },\n  },\n};\n</script>\n\n<style scoped>\n.table-header {\n  font-weight: 600;\n  color: #171717;\n  font-size: 20px;\n}\n.transactions {\n  color: #171717;\n  font-size: 15px;\n  font-weight: 600;\n  color: #171717;\n}\n\ntd {\n  color: #101010;\n  font-weight: 500;\n  padding: 20px;\n  font-size: 14px;\n}\n</style>\n","import { render } from \"./miniRepaymentTable.vue?vue&type=template&id=25067b1e&scoped=true\"\nimport script from \"./miniRepaymentTable.vue?vue&type=script&lang=js\"\nexport * from \"./miniRepaymentTable.vue?vue&type=script&lang=js\"\n\nimport \"./miniRepaymentTable.vue?vue&type=style&index=0&id=25067b1e&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-25067b1e\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QSpace from 'quasar/src/components/space/QSpace.js';\nimport QTr from 'quasar/src/components/table/QTr.js';\nimport QTd from 'quasar/src/components/table/QTd.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection,QTable,QSpace,QTr,QTd});\n","<template>\n\t<q-card flat>\n\t\t<q-card-section>\n\t\t\t<div class=\"table-header\">Loan details</div>\n\t\t\t<div class=\"row q-col-gutter-md\">\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Amount requested</div>\n\t\t\t\t\t\t<div class=\"value\">{{ formatMoney(loanDetails.amount) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Loan status</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"link-type-wrapper text-capitalize\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t'pending-badge':\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'disbursed' ||\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'in_review',\n\t\t\t\t\t\t\t\t'rejected-badge':\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'cancelled' ||\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'rejected',\n\t\t\t\t\t\t\t\t'success-badge':\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'success' ||\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'repaid',\n\t\t\t\t\t\t\t\t'draft-badge':\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'more_information_need' ||\n\t\t\t\t\t\t\t\t\tloanDetails.status === 'ready_for_agreement_doc',\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ loanDetails.status?.replace(/_/g, \" \") }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- <div class=\"link-type-wrapper recurring-badge q-mt-md\">\n                <i class=\"fas fa-circle link-type-indicator recurring\"></i>\n                {{loanDetails.status}}\n              </div> -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-md-6\" v-if=\"loanDetails.duration\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Loan tenure</div>\n\t\t\t\t\t\t<div class=\"value\">{{ loanDetails.duration }} days</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-md-6\" v-if=\"loanDetails.interestRate\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Interest Rate</div>\n\t\t\t\t\t\t<div class=\"value\">{{ loanDetails.interestRate }}%</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Request Date</div>\n\t\t\t\t\t\t<div class=\"value\">{{ formatDate(loanDetails.createdAt) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-md-6\" v-if=\"loanDetails.disbursementDate\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Disbursement Date</div>\n\t\t\t\t\t\t<div class=\"value\">\n\t\t\t\t\t\t\t{{ formatDate(loanDetails.disbursementDate) }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"line q-mt-md\"></div>\n\n\t\t\t<div class=\"row q-col-gutter-md\">\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Amount paid</div>\n\t\t\t\t\t\t<div class=\"value\">{{ formatMoney(loanDetails.amountRepaid) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Interest</div>\n\t\t\t\t\t\t<div class=\"value\">\n\t\t\t\t\t\t\t{{ formatMoney(loanDetails.interestAmount) }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Loan tenure</div>\n\t\t\t\t\t\t<div class=\"value\">{{ loanDetails.duration }} days</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Repayment Date</div>\n\t\t\t\t\t\t<div class=\"value\">{{ formatDate(loanDetails.dueDate) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"line q-mt-md\" v-if=\"loanDetails.statusReason\"></div>\n\t\t\t<div class=\"row q-col-gutter-md\" v-if=\"loanDetails.statusReason\">\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<div class=\"q-mt-md\">\n\t\t\t\t\t\t<div class=\"key\">Reason</div>\n\t\t\t\t\t\t<div class=\"value\">{{ loanDetails.statusReason }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</q-card-section>\n\t</q-card>\n</template>\n\n<script>\nimport { date } from \"quasar\";\nimport { formatMoney } from \"@/helpers/money\";\n\nexport default {\n\tprops: {\n\t\tloanDetails: Object,\n\t},\n\tmethods: {\n\t\tformatMoney,\n\t\tformatDate(val) {\n\t\t\treturn date.formatDate(val, \"MMM Do, YYYY hh:mm A\");\n\t\t},\n\t},\n};\n</script>\n\n<style scoped lang=\"scss\">\n.recurring {\n\tcolor: #f04438;\n}\n\n@mixin badge-global {\n\tborder-radius: 16px;\n\tpadding: 4px 8px;\n\twidth: 150px;\n\tfont-weight: 500;\n\tfont-size: 14px;\n}\n.recurring-badge {\n\tbackground: #fef3f2;\n\tcolor: #b42318;\n\t@include badge-global;\n}\n\n.link-type {\n\ttext-transform: capitalize;\n}\n.link-type-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n.link-type-indicator {\n\tfont-size: 8px;\n\tpadding-right: 7px;\n}\n.key {\n\tcolor: #666666;\n\tfont-weight: 500;\n\tmargin-bottom: 8px;\n\tfont-style: italic;\n}\n.line {\n\tbackground: #8f92a1;\n\theight: 1px;\n\topacity: 0.1;\n\tmargin-bottom: 17px;\n}\n.value {\n\tcolor: #171717;\n\tfont-size: 18px;\n\tfont-weight: 600;\n}\n.table-header {\n\tfont-weight: 600;\n\tcolor: #171717;\n\tfont-size: 20px;\n}\n</style>\n","import { render } from \"./detailCard.vue?vue&type=template&id=1071a326&scoped=true\"\nimport script from \"./detailCard.vue?vue&type=script&lang=js\"\nexport * from \"./detailCard.vue?vue&type=script&lang=js\"\n\nimport \"./detailCard.vue?vue&type=style&index=0&id=1071a326&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1071a326\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection});\n","import { render } from \"./loanDetails.vue?vue&type=template&id=8234b9e4&scoped=true\"\nimport script from \"./loanDetails.vue?vue&type=script&lang=js\"\nexport * from \"./loanDetails.vue?vue&type=script&lang=js\"\n\nimport \"./loanDetails.vue?vue&type=style&index=0&id=8234b9e4&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8234b9e4\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPage,QCard});\n","import { render } from \"./loanDetails.vue?vue&type=template&id=20e8726a\"\nimport script from \"./loanDetails.vue?vue&type=script&lang=js\"\nexport * from \"./loanDetails.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./loanDetails.vue?vue&type=style&index=0&id=8234b9e4&lang=scss&scoped=true\""],"sourceRoot":""}