From 1b99f0124100c0db237e159f49d18f614587de5a Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Sat, 9 Dec 2017 12:06:54 -0500
Subject: [PATCH] Make amounts configurable

---
 config.ini.example   |   6 ++-
 templates/index.html | 103 +++++++++++++++++++------------------------
 2 files changed, 49 insertions(+), 60 deletions(-)

diff --git a/config.ini.example b/config.ini.example
index f2a0106..f998127 100644
--- a/config.ini.example
+++ b/config.ini.example
@@ -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
diff --git a/templates/index.html b/templates/index.html
index f1d61b5..10b0fe8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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">