mirror of https://git.sr.ht/~sircmpwn/fosspay
Drew DeVault
9 years ago
parent
7a144f71f0
commit
db7cd6dd17
|
After Width: | Height: | Size: 593 B |
@ -0,0 +1,6 @@ |
||||
from fosspay.config import _cfg |
||||
|
||||
import stripe |
||||
|
||||
if _cfg("stripe-secret") != "": |
||||
stripe.api_key = _cfg("stripe-secret") |
||||
@ -0,0 +1,105 @@ |
||||
(function() { |
||||
var donation = { |
||||
type: "monthly", |
||||
amount: 1000, // cents
|
||||
project: null, |
||||
comment: null |
||||
}; |
||||
|
||||
function selectAmount(e) { |
||||
e.preventDefault(); |
||||
document.querySelector(".amounts .active").classList.remove("active"); |
||||
e.target.classList.add("active"); |
||||
var custom = document.querySelector("#custom-amount"); |
||||
var amount = e.target.dataset.amount; |
||||
if (amount === "custom") { |
||||
custom.classList.remove("hidden"); |
||||
donation.amount = +document.querySelector("#custom-amount-text").value * 100; |
||||
} else { |
||||
custom.classList.add("hidden"); |
||||
donation.amount = +e.target.dataset.amount * 100; |
||||
} |
||||
} |
||||
|
||||
function selectFrequency(e) { |
||||
e.preventDefault(); |
||||
document.querySelector(".frequencies .active").classList.remove("active"); |
||||
e.target.classList.add("active"); |
||||
donation.type = e.target.dataset.frequency; |
||||
} |
||||
|
||||
var amounts = document.querySelectorAll(".amounts button"); |
||||
for (var i = 0; i < amounts.length; i++) { |
||||
amounts[i].addEventListener("click", selectAmount); |
||||
} |
||||
|
||||
var frequencies = document.querySelectorAll(".frequencies button"); |
||||
for (var i = 0; i < frequencies.length; i++) { |
||||
frequencies[i].addEventListener("click", selectFrequency); |
||||
} |
||||
|
||||
document.getElementById("custom-amount-text").addEventListener("change", function(e) { |
||||
var value = +e.target.value; |
||||
if (isNaN(value)) { |
||||
value = 1; |
||||
} |
||||
e.target.value = value; |
||||
donation.amount = value * 100; |
||||
}); |
||||
|
||||
var project = document.getElementById("project") |
||||
if (project) { |
||||
project.addEventListener("change", function(e) { |
||||
if (e.target.value === "null") { |
||||
donation.project = null; |
||||
} else { |
||||
donation.project = e.target.value; |
||||
} |
||||
}); |
||||
} |
||||
|
||||
document.getElementById("donate-button").addEventListener("click", function(e) { |
||||
e.preventDefault(); |
||||
if (e.target.getAttribute("disabled")) { |
||||
return; |
||||
} |
||||
|
||||
var handler = StripeCheckout.configure({ |
||||
name: your_name, |
||||
key: window.stripe_key, |
||||
image: window.avatar, |
||||
locale: 'auto', |
||||
description: donation.type == "monthly" ? "Monthly Donation" : "One-time Donation", |
||||
panelLabel: "Donate {{amount}}", |
||||
amount: donation.amount, |
||||
bitcoin: donation.type == "once", |
||||
token: function(token) { |
||||
e.target.setAttribute("disabled", ""); |
||||
e.target.textContent = "Submitting..."; |
||||
|
||||
var data = new FormData(); |
||||
data.append("stripe_token", token.id); |
||||
data.append("email", token.email); |
||||
data.append("amount", donation.amount); |
||||
data.append("type", donation.type); |
||||
data.append("comment", donation.comment); |
||||
if (donation.project !== null) { |
||||
data.append("project", donation.project); |
||||
} |
||||
var xhr = new XMLHttpRequest(); |
||||
xhr.open("POST", "donate"); |
||||
xhr.onload = function() { |
||||
document.getElementById("donation-stuff").classList.add("hidden"); |
||||
document.getElementById("thanks").classList.remove("hidden"); |
||||
var res = JSON.parse(this.responseText); |
||||
if (res.newAccount) { |
||||
document.getElementById("new-donor-password").classList.remove("hidden"); |
||||
} |
||||
}; |
||||
xhr.send(data); |
||||
} |
||||
}); |
||||
|
||||
handler.open(); |
||||
}); |
||||
})(); |
||||
@ -0,0 +1,5 @@ |
||||
{% extends "layout.html" %} |
||||
{% block container %} |
||||
<h1>404 Not Found</h1> |
||||
<p><a href="/">Trying to donate?</a></p> |
||||
{% endblock %} |
||||
@ -0,0 +1,2 @@ |
||||
<h3>Thanks!</h3> |
||||
<p>You'll get an email when your money is going to be put to work.</p> |
||||
Loading…
Reference in new issue