cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-19 04:23:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sorry voucher minor UI update

Browse Source
This commit is contained in:
Dillon Ngo
2024-08-04 21:24:56 +08:00
parent 79d5471d9e
commit bce914a3d3
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/vouchers/elements/SingleVoucherCampaignItemComponent.vue
+22 -6
View File
@@ -1,10 +1,26 @@
<template>
<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 id="accordion">
<div>
<div class="row bg-white padding-10 m-b-10 rounded pointer" data-toggle="collapse" :data-target="'#collapse-' + data.campaign_id" aria-expanded="true" :aria-controls="'collapse-' + data.campaign_id">
<div class="col-2 fs-12":id="'heading-' + data.campaign_id">{{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>
<div class="row bg-light collapse" :id="'collapse-' + data.campaign_id" :aria-labelledby="'heading-' + data.campaign_id" data-parent="#accordion">
<div class="col-12">
<p>Past months vouchers issued</p>
</div>
<div class="col-12">
<ul class="list-unstyled">
<li v-for="(item, index) in data.metadata" :key="index">
<a class="dropdown-item" href="#">{{ extractMonth(item.key) }} - {{ item.value }}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>