From d10c6b22c9b2ef2cadcf6bc7d2f00f72b11b1e7c Mon Sep 17 00:00:00 2001 From: Dan Janosik Date: Fri, 21 Feb 2020 13:08:37 -0500 Subject: [PATCH] simpler donation modal --- views/includes/donation-modal.pug | 79 ++++++++++++++++--------------- 1 file changed, 42 insertions(+), 37 deletions(-) diff --git a/views/includes/donation-modal.pug b/views/includes/donation-modal.pug index 19a5ee2..da8b437 100644 --- a/views/includes/donation-modal.pug +++ b/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;")