DirectPay Ipg
Version 1.0.0
DirectPay Payment Gateway Plugin for Angular can payment using MasterCard, Visa, Amex, Frimi and LankaQr.
Installation
Install the npm package.
npm i ng-direct-pay-ipg
Import in NgModule:
import {DirectPayIpgModule} from 'ng-direct-pay-ipg';
@NgModule({
imports: [
//set with default global config
DirectPayIpgModule.forRoot({size: 200,colour: 'gray'})
]
})Usage
app.component.html
* you can set multiple button with different configurations *
<!-- override global configuration -->
<direct-pay-ipg [config]="{ size: 150, type: 'round',colour: 'white'}" [PaymentRequest]="paymentRequest" (onSuccess)="onSuccess($event)" (onError)="onError($event)"></direct-pay-ipg>
<!-- default button with global configuration -->
<direct-pay-ipg [PaymentRequest]="paymentRequest" (onSuccess)="onSuccess($event)" (onError)="onError($event)"></direct-pay-ipg>
app.component.ts
paymentRequest = {
signature: this.signature,
dataString: this.dataString,
stage: 'DEV'
};
public onSuccess(param: any): void {
console.log('client-onSuccess',param);
alert(JSON.stringify(param))
}
public onError(param: any): void {
console.log('client-onError',param);
alert(JSON.stringify(param))
}
Properties
| Name | Type | Default value | Allow values | Description |
|---|---|---|---|---|
| size | number | 200 | any | Button size |
| type | string | flat | flat / round | Button border style |
| colour | string | gray | blue / white / black / gray | Button colour |
| PaymentRequest | Object | {signature: object, dataString: string, stage: string (allow only: 'DEV' or 'PROD')} | Generated payment requested included payment details |
Events
| Event | Description | ReturnType |
|---|---|---|
| onSuccess | The event is called after transaction success or failed | JSON |
| onError | The event is called when receive error transaction initiate or transactions processing | JSON |
