src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts
selector | app-cash-on-delivery |
styleUrls | cash-on-delivery.component.scss |
templateUrl | ./cash-on-delivery.component.html |
payOnDelivery
|
$event type: EventEmitter<boolean>
|
constructor()
|
ngOnInit |
ngOnInit()
|
Returns:
void
|
onPay |
onPay()
|
Returns:
void
|
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-cash-on-delivery',
templateUrl: './cash-on-delivery.component.html',
styleUrls: ['./cash-on-delivery.component.scss']
})
export class CashOnDeliveryComponent implements OnInit {
@Output() payOnDelivery: EventEmitter<boolean> = new EventEmitter<boolean>();
constructor() { }
ngOnInit() {
}
onPay() {
this.payOnDelivery.emit(true);
}
}
<div class="cod-block">
<div class="section-help">
<span class="lbl">
Cash/Card On Delivery
</span>
<span class="sub-lbl">
Pay with Cash or Card when your order is delivered
</span>
</div>
<div class="cod-info">
NOTE: All authorised notes are accepted. Credit/Debit cards are also accepted.
</div>
</div>
<div class="pay-btn-wrap">
<button (click)="onPay()" class="pay-btn">PAY ON DELIVERY</button>
</div>