Make amounts configurable

This commit is contained in:
Drew DeVault 2017-12-09 12:06:54 -05:00
parent c7f57856ce
commit 1b99f01241
2 changed files with 49 additions and 60 deletions

View File

@ -34,8 +34,10 @@ stripe-publish=
# Click here first: https://dashboard.stripe.com/account/bitcoin/enable
enable-bitcoin=no
# Pick between 5, 10, 20, or 50
default-amount=10
# Separate with spaces
default-amounts=3 5 10 20
# Which one to pick when they arrive?
default-amount=5
# Pick between "monthly" and "once"
default-type=monthly

View File

@ -48,69 +48,56 @@ window.email = "{{user.email}}";
</form>
</div>
<div class="container text-center" id="donation-stuff">
<h3>How much?</h3>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="btn-group btn-group-justified amounts" role="group" aria-label="...">
<div class="btn-group" role="group">
<button data-amount="5" type="button"
class="btn btn-default {{"active" if _cfgi("default-amount") == 5 else ""}}">
$5</button>
</div>
<div class="btn-group" role="group">
<button data-amount="10" type="button"
class="btn btn-default {{"active" if _cfgi("default-amount") == 10 else ""}}">
$10</button>
</div>
<div class="btn-group" role="group">
<button data-amount="20" type="button"
class="btn btn-default {{"active" if _cfgi("default-amount") == 20 else ""}}">
$20</button>
</div>
<div class="btn-group" role="group">
<button data-amount="50" type="button"
class="btn btn-default {{"active" if _cfgi("default-amount") == 50 else ""}}">
$50</button>
</div>
<div class="btn-group" role="group">
<button data-amount="custom" type="button" class="btn btn-default">Custom</button>
</div>
</div>
<h3>How much?</h3>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="btn-group btn-group-justified amounts" role="group" aria-label="...">
{% for amt in _cfg("default-amounts").split(" ") %}
<div class="btn-group" role="group">
<button data-amount="{{ amt }}" type="button"
class="btn btn-default {{"active" if _cfg("default-amount") == amt else ""}}"
>${{ amt }}</button>
</div>
</div>
<div class="row hidden" id="custom-amount" style="margin-top: 20px;">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">$</span>
<input id="custom-amount-text" type="text" value="13.37"
class="form-control" placeholder="Amount" />
</div>
</div>
{% endfor %}
<div class="btn-group" role="group">
<button data-amount="custom" type="button" class="btn btn-default">Custom</button>
</div>
</div>
</div>
<h3>How often?</h3>
<div class="row">
<div class="col-md-4 col-md-offset-4">
{% if _cfg("enable-bitcoin") == "yes" %}
<p class="text-muted"><small>Bitcoin is only supported for one-time donations.</small></p>
{% endif %}
<div class="form-group">
<div class="btn-group btn-group-justified frequencies" role="group" aria-label="...">
<div class="btn-group" role="group">
<button data-frequency="once" type="button"
class="btn btn-default {{"active" if _cfg("default-type")=="once" else ""}}">
Once</button>
</div>
<div class="btn-group" role="group">
<button data-frequency="monthly" type="button"
class="btn btn-default {{"active" if _cfg("default-type")=="monthly" else ""}}">
Monthly</button>
</div>
</div>
</div>
</div>
<div class="row hidden" id="custom-amount" style="margin-top: 20px;">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">$</span>
<input id="custom-amount-text" type="text" value="13.37"
class="form-control" placeholder="Amount" />
</div>
</div>
</div>
</div>
<h3>How often?</h3>
<div class="row">
<div class="col-md-4 col-md-offset-4">
{% if _cfg("enable-bitcoin") == "yes" %}
<p class="text-muted"><small>Bitcoin is only supported for one-time donations.</small></p>
{% endif %}
<div class="form-group">
<div class="btn-group btn-group-justified frequencies" role="group" aria-label="...">
<div class="btn-group" role="group">
<button data-frequency="once" type="button"
class="btn btn-default {{"active" if _cfg("default-type")=="once" else ""}}"
>Once</button>
</div>
<div class="btn-group" role="group">
<button data-frequency="monthly" type="button"
class="btn btn-default {{"active" if _cfg("default-type")=="monthly" else ""}}"
>Monthly</button>
</div>
</div>
</div>
</div>
</div>
{% if len(projects) > 1 %}
<h3>What project?</h3>
<div class="row">