Voucherify Phase 2 minor update

This commit is contained in:
Dillon
2023-08-26 06:33:11 +08:00
8 changed files with 133 additions and 16 deletions
@@ -253,7 +253,7 @@
</validation-wrapper-component>
</div>
<!-- <modal-component id="choose-voucher-modal" class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="voucherList">
<list-vouchers :isClicked="!voucherListDropDownStatus" :employee="data.company.employee" @selected-voucher="handleSelectedVoucher"></list-vouchers>
<list-vouchers-component :employee="data.company.employee" @selected-voucher="handleSelectedVoucher"></list-vouchers-component>
</modal-component> -->
</div>
<span class="text-primary bold text-underline m-l-5 cursor text-small fs-12" style="margin-bottom: -10px; margin-top: -5px;" @click="showApplyVoucher=!showApplyVoucher" v-show="!showApplyVoucher">Apply a voucher</span>
@@ -262,6 +262,11 @@
<span class="text-danger" v-if="voucherCodeFailedReason">{{ voucherCodeFailedReason }}</span>
<span class="text-success" v-if="voucherCodeFailedReason === '' && voucherValidated">Voucher applied</span>
</div>
<!-- <div class="row m-l-0 m-r-0">
<div class="col">
<available-vouchers-component :employee="data.company.employee" @selected-voucher="handleSelectedVoucher"></available-vouchers-component>
</div>
</div> -->
<div class="row m-t-5">
<div class="col">
<div class="row p-l-15 p-r-15">
@@ -600,7 +605,6 @@
voucherValidated: false,
voucherIsChecking: false,
showApplyVoucher: false,
voucherListDropDownStatus: false,
}
},
validations () {
@@ -702,12 +706,8 @@
this.voucherValidated = false;
this.voucherCode = event.target.value;
},
toggleDropdown() {
this.voucherListDropDownStatus = !this.voucherListDropDownStatus;
},
handleSelectedVoucher(value){
this.voucherCode = value;
this.voucherListDropDownStatus = !this.voucherListDropDownStatus;
}
},
mixins: [componentHandler],