Make donation amounts a customisable setting

assets/javascripts/discourse/components/stripe-card.js.es6

@@ -3,14 +3,6 @@ import { getRegister } from 'discourse-common/lib/get-owner';
 import { default as computed } from 'ember-addons/ember-computed-decorators';
 
 export default Ember.Component.extend({
-  donateAmounts: [
-    { value: 1, name: '1.00'},
-    { value: 2, name: '2.00'},
-    { value: 5, name: '5.00'},
-    { value: 10, name: '10.00'},
-    { value: 20, name: '20.00'},
-    { value: 50, name: '50.00'}
-  ],
   result: [],
   amount: 1,
   stripe: null,
@@ -26,6 +18,21 @@ export default Ember.Component.extend({
     this.set('stripe', Stripe(this.get('settings').discourse_donations_public_key));
   },
 
+  @computed
+  donateAmounts() {
+    const setting = Discourse.SiteSettings.discourse_donations_amounts.split('|');
+    if (setting.length) {
+      return setting.map((amount) => {
+        return {
+          value: parseInt(amount, 10),
+          name: `${amount}.00`
+        };
+      });
+    } else {
+      return [];
+    }
+  },
+
   @computed('stripe')
   card(stripe) {
     let elements = stripe.elements();