Refactor fundraising-index.js

- Stopped using jQuery
- Moved refactored code to `djangoproject.js`
- Attached only one event handler per `select` element
- Simplified custom amount input focussing

Author: adamzap

djangoproject/static/js/djangoproject.js

@@ -183,3 +183,32 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
 
   window.addEventListener('hashchange', scroll_to_hash);
 })();
+
+// Update donate button text on fundraising page based on interval selection
+document.getElementById('id_interval').addEventListener('change', function () {
+  const text = this.value === 'onetime' ? 'Donate' : `Donate ${this.value}`;
+
+  document.getElementById('donate-button').value = text;
+});
+
+// Manage custom donation amount input on fundraising page
+document.getElementById('id_amount').addEventListener('change', function () {
+  if (this.value !== 'custom') {
+    return;
+  }
+
+  const input_el = document.createElement('input');
+
+  input_el.setAttribute('type', 'number');
+  input_el.setAttribute('name', 'amount');
+
+  const custom_donation_el = document.querySelector('.custom-donation');
+
+  custom_donation_el.appendChild(input_el);
+  custom_donation_el.style.display = 'block';
+
+  this.remove();
+
+  input_el.focus();
+  input_el.value = '25';
+});

djangoproject/static/js/main.js

@@ -16,10 +16,6 @@ define(function () {
   if (hasClass('fundraising-heart')) {
     mods.push('mod/fundraising-heart');
   }
-  //fundraising donation form
-  if (hasClass('fundraising-index')) {
-    mods.push('mod/fundraising-index');
-  }
 
   if (hasClass('dashboard-index')) {
     mods.push('dashboard/index');