Fix a problem where voucherify campaign vouchers limit not displaying with correct info for the month

This commit is contained in:
Dillon Ngo
2024-08-04 03:56:05 +08:00
parent 8973e7b50f
commit 79d5471d9e
2 changed files with 15 additions and 1 deletions
@@ -2,6 +2,7 @@
<div class="row bg-white padding-10 m-b-10 rounded">
<div class="col-2 fs-12">{{data.name}}</div>
<div class="col-1 text-success text-center">{{data.metadata && data.metadata.length > 0 ? data.metadata[0].value : 0 }}</div>
<div class="col-1 text-success text-center">{{data.metadata && data.metadata.length > 0 ? extractMonth(data.metadata[0].key) : '' }}</div>
<div class="col-1 text-center">{{data.limit_per_month}}</div>
<div class="col-3 fs-12">{{data.campaign_id}}</div>
</div>
@@ -17,6 +18,18 @@
},
},
methods: {
extractMonth(inputString) {
const firstUnderscoreIndex = inputString.indexOf('_');
if (firstUnderscoreIndex === -1) return '';
const secondUnderscoreIndex = inputString.indexOf('_', firstUnderscoreIndex + 1);
if (secondUnderscoreIndex === -1) return '';
const thirdUnderscoreIndex = inputString.indexOf('_', secondUnderscoreIndex + 1);
if (thirdUnderscoreIndex === -1) return '';
return inputString.substring(secondUnderscoreIndex + 1, thirdUnderscoreIndex);
}
},
mixins: [componentHandler],
}
@@ -10,7 +10,8 @@
<div class="col">
<div class="row padding-10">
<div class="col-2 fs-10">Name</div>
<div class="col-1 fs-10 text-center">Issued (this month)</div>
<div class="col-1 fs-10 text-center">Issued</div>
<div class="col-1 fs-10 text-center">Month</div>
<div class="col-1 fs-10 text-center">Limit Per Month</div>
<div class="col-3 fs-10">Campaign Id</div>
</div>