Skip to content

Commit

Permalink
Merge pull request #17 from jordanburr22/paypal-page
Browse files Browse the repository at this point in the history
Paypal page
jordanburr22 authored May 6, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
2 parents 9a7d47d + 9d7c524 commit cb0c482
Showing 5 changed files with 17,985 additions and 13 deletions.
Original file line number Diff line number Diff line change
@@ -14,7 +14,7 @@ <h2>View my Calendar</h2>
</div>
<div class="button-tile" routerLink='/paypal-page'>
<i class="material-icons icon">person</i>
<h2>pay for session
<h2>Pay For Session
</h2>
</div>
</div>
32 changes: 29 additions & 3 deletions client/src/app/pages/paypal-page/paypal-page.component.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,30 @@
<div id = "center" *ngIf="!paidFor">
<h1> Pay for Appointment here - ${{product.price }} </h1>
<div class="banner">
<form>
<div id="center" *ngIf="!paidFor">
<h1 class="banner-header">Pay for Appointment here - ${{product.price }} </h1>
</div>
<div class="hello" #paypal></div>
</form>
</div>
<div class = "center" #paypal></div>

<div class="pay_info">
<h3>
<a href="https://www.paypal.com/us/home">PayPal</a>
</h3>
<a href="https://www.paypal.com/us/home">
<img src="/assets/paypalimage.svg" alt="logo" width="550" height="356"></a>

</div>

<div class="footer">
<p>PayPal is the world’s most widely used payment acquirer, processing over $4 billion in payments in 2011. PayPal
payments are made using a user’s existing account or with a credit card. Money can be sent directly to an email
address, thus prompting the users to sign up for a new PayPal account. In addition to taking payments, PayPal
also allows its users to send money through the service, which is a feature that only a few payment solutions
provide.
</p>
<p><strong>Pricing:</strong> PayPal takes 2.9% + $0.30 per transaction and has no setup or monthly fees.</p>
<p><strong>Source:</strong>
PayPal merchant fees</p>

</div>
71 changes: 62 additions & 9 deletions client/src/app/pages/paypal-page/paypal-page.component.scss
Original file line number Diff line number Diff line change
@@ -1,25 +1,78 @@
html,
@import 'src/virtual-np-theme.scss';
:host {
grid-row: 2;
grid-column: 1 / -1;
}
body {
height: 100%;
}
form {
width: 100%;
margin: 30px auto;
padding: 30px 30px;
border-radius: 10px;
background-color:mat-color($virtual-np-primary);
color: #f7fff7;
overflow:hidden;
place-items:center;
display:grid;

// height:15rem;
height:1%;



font-family: "Montserrat", sans-serif;
}
body {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}

#center {
margin: auto;
width: 100%;
a {
color: #466DB2;
font-family: "Roboto", sans-serif;
font-size: 22px;
}

padding: 10px;
p {

padding: 2px;
}

#center h1{
#center h1 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding:20px 100px;
left: 50%;
text-align: center;
}

.hello {
text-align: center;
}

.pay_info {
text-align: center;
position: relative;
}

.pay_info p {
margin:0;
padding:20px;
position:absolute;
bottom:0;
}

.footer {
padding: 50px;
}

.banner-header {
grid-column: 1;
}
@media only screen and (max-width: 800px) {
.banner-header {
grid-column: 1 / -1;
}
}
Binary file added client/src/assets/paypalimage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17,893 changes: 17,893 additions & 0 deletions client/src/assets/paypalimage.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit cb0c482

Please sign in to comment.