Browse Source

simpler donation modal

master
Dan Janosik 5 years ago
parent
commit
d10c6b22c9
No known key found for this signature in database GPG Key ID: C6F8CE9FFDB2CED2
  1. 79
      views/includes/donation-modal.pug

79
views/includes/donation-modal.pug

@ -6,34 +6,41 @@
button.close(type='button' data-dismiss='modal' aria-label='Close')
span(aria-hidden='true') ×
.modal-body
p.lead.text-primary I work on this project because I value it myself and want to give back to the BTC community. If it's valuable to you too, please consider supporting my work with a donation. Thanks!
p I work on this project because I value it myself and want to give back to the BTC community.
p If you get value from this project, please consider supporting my work with a donation.
if (config.donations.btcpayserver)
h6
span(class="mr-2") Donate (via BTCPay)
- var amounts = [1, 5, 10, 25, 100];
- var icons = [ "thumbs-up", "beer", "hamburger", "utensils", "grin-hearts" ];
div(class="mb-2")
each amount, amtIndex in amounts
if (config.donations.btcpayserver.customAmountUrl)
div
a.btn.btn-primary(href=config.donations.btcpayserver.customAmountUrl) Donate
if (false)
h6
span(class="mr-2") Donate (via BTCPay)
- var amounts = [1, 5, 10, 25, 100];
- var icons = [ "thumbs-up", "beer", "hamburger", "utensils", "grin-hearts" ];
div(class="mb-2")
each amount, amtIndex in amounts
form(method="POST" action=(config.donations.btcpayserver.host + "/api/v1/invoices"), style="display: inline;")
input(type='hidden' name='storeId' value=config.donations.btcpayserver.storeId)
input(type='hidden' name='price' value=amount)
input(type='hidden' name='currency' value='USD')
input(type='hidden' name='notifyEmail' value=config.donations.btcpayserver.notifyEmail)
button.btn.btn-primary.btn-lg(type='submit', class="mr-2 mb-2")
i(class=("fas mr-2 fa-" + icons[amtIndex]))
span $#{amount.toLocaleString()}
form(method="POST" action=(config.donations.btcpayserver.host + "/api/v1/invoices"), style="display: inline;")
input(type='hidden' name='storeId' value=config.donations.btcpayserver.storeId)
input(type='hidden' name='price' value=amount)
input(type='hidden' name='currency' value='USD')
input(type='hidden' name='price' value="0.00000001")
input(type='hidden' name='currency' value='BTC')
input(type='hidden' name='notifyEmail' value=config.donations.btcpayserver.notifyEmail)
button.btn.btn-primary.btn-lg(type='submit', class="mr-2 mb-2")
i(class=("fas mr-2 fa-" + icons[amtIndex]))
span $#{amount.toLocaleString()}
form(method="POST" action=(config.donations.btcpayserver.host + "/api/v1/invoices"), style="display: inline;")
input(type='hidden' name='storeId' value=config.donations.btcpayserver.storeId)
input(type='hidden' name='price' value="0.00000001")
input(type='hidden' name='currency' value='BTC')
input(type='hidden' name='notifyEmail' value=config.donations.btcpayserver.notifyEmail)
button.btn.btn-primary.btn-lg(type='submit', class="mr-2 mb-2")
i(class="fas mr-2 fa-bolt")
span 1 satoshi
i(class="fas mr-2 fa-bolt")
span 1 satoshi
script.
function showDonateByAddress(link) {
@ -42,23 +49,21 @@
link.classList.add("d-none");
}
div(id="donate-by-address", class="mt-4")
h6 Donate by address
div(class="mb-3")
each coin, index in config.donations.addresses.coins
div(class="monospace")
if (coinConfig.ticker == coin)
span #{config.donations.addresses[coin].address}
else
span #{coin}:
a(href=(config.donations.addresses.sites[coin] + "/address/" + config.donations.addresses[coin].address), class="text-wrap") #{config.donations.addresses[coin].address}
if (false)
div(id="donate-by-address", class="mt-4")
h6 Donate by address
each coin, index in config.donations.addresses.coins
div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap monospace", class=(index > 0 ? "ml-md-3" : false))
img(src=donationAddressQrCodeUrls[coin], alt=config.donations.addresses[coin].address, style="border: solid 1px #ccc;")
div(class="mb-3")
each coin, index in config.donations.addresses.coins
div(class="monospace")
if (coinConfig.ticker == coin)
span #{config.donations.addresses[coin].address}
else
span #{coin}:
a(href=(config.donations.addresses.sites[coin] + "/address/" + config.donations.addresses[coin].address), class="text-wrap") #{config.donations.addresses[coin].address}
.modal-footer
button.btn.btn-secondary(type='button' data-dismiss='modal') Close
each coin, index in config.donations.addresses.coins
div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap monospace", class=(index > 0 ? "ml-md-3" : false))
img(src=donationAddressQrCodeUrls[coin], alt=config.donations.addresses[coin].address, style="border: solid 1px #ccc;")

Loading…
Cancel
Save