Make default amount and type configurable

config.ini.example

@@ -26,3 +26,9 @@ connection-string=postgresql://postgres@localhost/fosspay
 
 # Click here first: https://dashboard.stripe.com/account/bitcoin/enable
 enable-bitcoin=no
+
+# Pick between 5, 10, 20, or 50
+default-amount=10
+
+# Pick between "monthly" and "once"
+default-type=monthly

fosspay/app.py

@@ -72,5 +72,6 @@ def inject():
         'file_link': file_link,
         'user': current_user,
         '_cfg': _cfg,
+        '_cfgi': _cfgi,
         'debug': app.debug
     }

scripts/index.js

@@ -1,7 +1,7 @@
 (function() {
     var donation = {
-        type: "monthly",
-        amount: 1000, // cents
+        type: window.default_type,
+        amount: window.default_amount * 100, // cents
         project: null,
         comment: null
     };

templates/index.html

@@ -5,6 +5,8 @@ window.stripe_key = "{{ _cfg("stripe-publish") }}";
 window.avatar = "{{ avatar }}";
 window.your_name = "{{ _cfg("your-name") }}";
 window.bitcoin = "{{ _cfg("enable-bitcoin") }}" === "yes";
+window.default_amount = {{ _cfg("default-amount") }};
+window.default_type = "{{ _cfg("default-type") }}";
 </script>
 <script src="//checkout.stripe.com/checkout.js"></script>
 <script src="static/index.js"></script>
@@ -49,16 +51,24 @@ window.bitcoin = "{{ _cfg("enable-bitcoin") }}" === "yes";
         <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">$5</button>
+                    <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">$10</button>
+                    <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">$20</button>
+                    <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">$50</button>
+                    <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>
@@ -87,11 +97,13 @@ window.bitcoin = "{{ _cfg("enable-bitcoin") }}" === "yes";
                 <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">Once</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">Monthly</button>
+                            class="btn btn-default {{"active" if _cfg("default-type")=="monthly" else ""}}">
+                            Monthly</button>
                     </div>
                 </div>
             </div>