Last active
May 9, 2019 18:28
-
-
Save enappd/8417b4dcfe1e8bf9f0e6a3020b3275c4 to your computer and use it in GitHub Desktop.
HTML template for Ionic 4 PayPal integration page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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