ng-direct-pay-ipg
Version:
DirectPay Payment Gateway Plugin for Angular can payment using MasterCard, Visa, Amex, Frimi and LankaQr.
80 lines (57 loc) • 2.78 kB
Markdown
DirectPay Payment Gateway Plugin for Angular can payment using MasterCard, Visa, Amex, Frimi and LankaQr.
Install the npm package.
npm i ng-direct-pay-ipg
Import in `NgModule`:
```ts
import {DirectPayIpgModule} from 'ng-direct-pay-ipg';
@NgModule({
imports: [
//set with default global config
DirectPayIpgModule.forRoot({size: 200,colour: 'gray'})
]
})
```
```angular2html
* 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>
```
```angularjs
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))
}
```
| 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 |
| 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
