machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Custom BTCPay donation integration

Browse Source 
fixes #122
This commit is contained in:
softsimon
2020-10-07 20:15:42 +07:00
parent 96b3419227
commit 5859f4ff9b
14 changed files with 359 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/app/components/about/about.component.html
View File

@@ -12,7 +12,49 @@
<br><br>
<iframe src='https://btcpay.wiz.biz/apps/4XrJdGCE2a8FMEkRd52YwoiwzJqP/pos' style='height: 600px; width: 400px; border: 0;'></iframe>
<h2>❤️ Sponsors</h2>
<div *ngFor="let sponsor of sponsors$ | async; let i = index" (click)="openTwitterProfile(sponsor.handle)" class="profile_photo d-inline-block" [class.ml-3]="i > 0" [ngStyle]="{'background-image': 'url(' + sponsor.imageUrl + ')'}" [title]="sponsor.handle"></div>
<br><br>
<button type="button" class="btn btn-primary" (click)="donationStatus = 2" [hidden]="donationStatus !== 1">Become a sponsor</button>
<div style="max-width: 300px;" class="mx-auto" [hidden]="donationStatus !== 2">
<form [formGroup]="donationForm" (submit)="submitDonation()" class="form">
<div class="input-group mb-2">
<div class="input-group-prepend" style="width: 42px;">
<span class="input-group-text">₿</span>
</div>
<input formControlName="amount" class="form-control" type="number" min="0.0001" step="1E-03">
</div>
<div class="input-group mb-4">
<div class="input-group-prepend" style="width: 42px;">
<span class="input-group-text">@</span>
</div>
<input formControlName="handle" class="form-control" type="text" placeholder="Twitter handle (Optional)">
</div>
<div class="input-group">
<button class="btn btn-primary mx-auto" type="submit">Request invoice</button>
</div>
</form>
</div>
<div *ngIf="donationStatus === 3" class="text-center">
<div class="qr-wrapper mt-4 mb-2">
<app-qrcode [data]="donationObj.address + '?amount=' + donationObj.amount"></app-qrcode>
</div>
<br>
<p style="font-size: 10px;">{{ donationObj.address }}</p>
<p>Waiting for transaction... </p>
<div class="spinner-border text-light"></div>
</div>
<div *ngIf="donationStatus === 4" class="text-center">
<h2>Donation confirmed!<br>Thank you!</h2>
<p>If you specified a Twitter handle, the profile photo should now be visible on this page when you reload.</p>
</div>
<br><br>
<h2>GitHub</h2>