Skip to content

Instantly share code, notes, and snippets.

@enappd
Last active May 9, 2019 18:28
Show Gist options
  • Save enappd/8417b4dcfe1e8bf9f0e6a3020b3275c4 to your computer and use it in GitHub Desktop.
Save enappd/8417b4dcfe1e8bf9f0e6a3020b3275c4 to your computer and use it in GitHub Desktop.
HTML template for Ionic 4 PayPal integration page
<ion-header>
<ion-toolbar color="primary">
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>
Paypal for App
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-grid>
<ion-row>
<ion-col>
Use this Pay button in your app's payment page with the attached logic.
</ion-col>
</ion-row>
</ion-grid>
<ion-card class="welcome-card">
<ion-img src="/assets/paypal.jpg"></ion-img>
<ion-card-header>
<ion-card-subtitle>Get Started</ion-card-subtitle>
<ion-card-title>PayPal Sample</ion-card-title>
<ion-row>
<ion-col>
Total Payment
</ion-col>
<ion-col>
{{currencyIcon}}{{paymentAmount}}
</ion-col>
</ion-row>
</ion-card-header>
<ion-card-content>
<ion-button expand="full" color="success" (click)="payWithPaypal()">Pay with PayPal</ion-button>
</ion-card-content>
</ion-card>
<ion-list lines="none">
<ion-list-header>
<ion-label>Resources</ion-label>
</ion-list-header>
<ion-item href="https://ionicframework.com/docs/native/paypal">
<ion-icon slot="start" color="medium" name="book"></ion-icon>
<ion-label>Paypal Plugin Documentation</ion-label>
</ion-item>
<ion-item href="https://github.com/paypal/PayPal-Cordova-Plugin">
<ion-icon slot="start" color="medium" name="build"></ion-icon>
<ion-label>Paypal Plugin Repository</ion-label>
</ion-item>
<ion-item href="https://medium.com/enappd/ionic-4-paypal-payment-integration-for-apps-and-pwa-680b3f7ddb2f">
<ion-icon slot="start" color="medium" name="grid"></ion-icon>
<ion-label>Ionic 4 - Paypal Integration</ion-label>
</ion-item>
<ion-item href="https://store.enappd.com">
<ion-icon slot="start" color="medium" name="color-fill"></ion-icon>
<ion-label>More Enappd Starters</ion-label>
</ion-item>
</ion-list>
</ion-content>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment