OurPass Inline - Angular.js

This is the Angular.js library for implementing Ourpass checkout button on your platform. This library would help you integrate the button into your system in no time😌

OurPass Checkout Demo

In order to have access to the NPM documentation click below

NPM documentation

Basic Parameters

Basic parameters

Options	Type	Required	Description
src	string	true	Product image
amount	string	true	Product amount
url	string	true	Merchant's website address
name	string	true	Product name
email	string	false	Email of OurPass user
qty	string	true	Quantity of products being bought
description	string	true	Product description
api_key	string	true	OurPass Merchant secret key
items	array	true	List of cart items
onClose	function	true	Javascript function that should be called if the customer closes the payment window
onSuccess	function	true	Javascript function that should be called if the payment is successful

Installation

Angular.js

npm i pass-angular-button-v1

Import Module

import { NgModule } from '@angular/core';​
import { PassbuttonModule } from 'pass-angular-button-v1';
...

@NgModule({​  
    imports: [..., PassbuttonModule],
})

export class AppModule {}​

Implement in your project

<lib-passbutton [clientInfo]="payload"></lib-passbutton>

add the clientInfo data in your component.ts file:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})

export class AppComponent {
  title = 'passangularbutton';
  payload = {
    src: 'https://raw.githubusercontent.com/Cheetah-Speed-Technology/website_dstore/master/Cap-front1.png',
    amount: '10',
    url: 'jumia.com.ng',
    name: 'Cap',
    email: '[e-mail]',
    qty: '1',
    description: 'Great Pass Cap',
    key: 'pass_sec_test_ewxaVQBbr5JTt6P2tpIUUAZGdpqzRckV',
    onClose: function () {
      alert('It Closed oo');
    },
    onSuccess: function () {
      alert('It Succeeded oo');
    },
  };
}