From ef76073ea98e364f5c14808f289f546d5a4b1121 Mon Sep 17 00:00:00 2001
From: NoeBerdoz <berdoznoe@gmail.com>
Date: Thu, 22 Aug 2024 16:04:35 +0200
Subject: [PATCH 1/3] Fix missing amount name input

---
 .../templates/project_donation_page.xml                    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/crowdfunding_compassion/templates/project_donation_page.xml b/crowdfunding_compassion/templates/project_donation_page.xml
index 13dc03d..4768e6c 100644
--- a/crowdfunding_compassion/templates/project_donation_page.xml
+++ b/crowdfunding_compassion/templates/project_donation_page.xml
@@ -413,7 +413,7 @@
                                                 <label class="h-100 w-100">
                                                     <input
                             type="radio"
-                            name="amount"
+                            name="amount-card"
                             value=""
                             class="card-input-element d-none"
                             id="custom-amount-card"
@@ -427,7 +427,10 @@
                                                         <input
                               type="number"
                               id="custom-amount-field"
-                            />
+                              name="amount"
+                              t-att-value="amount"
+                              min="1"
+                                                        />
                                                         <h3
                               class="text-primary"
                             >CHF</h3>

From f3184cf5a43a0f03de3fa95297b37739224c057a Mon Sep 17 00:00:00 2001
From: NoeBerdoz <berdoznoe@gmail.com>
Date: Thu, 22 Aug 2024 16:07:04 +0200
Subject: [PATCH 2/3] Enhance donation card selection

---
 .../static/src/js/website_widgets.js          | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/crowdfunding_compassion/static/src/js/website_widgets.js b/crowdfunding_compassion/static/src/js/website_widgets.js
index 5fa12d4..feaddfe 100644
--- a/crowdfunding_compassion/static/src/js/website_widgets.js
+++ b/crowdfunding_compassion/static/src/js/website_widgets.js
@@ -33,6 +33,65 @@ odoo.define("crowdfunding_compassion.website_widgets", function (require) {
     },
   });
 
+  // Handle donation card selection
+  publicWidget.registry.CustomAmountSelection = publicWidget.Widget.extend({
+        selector: '#custom-amount-card',
+        events: {
+            'click': '_checkCustomCard',
+        },
+
+        start: function () {
+            this._super.apply(this, arguments);
+            // Attach click event listener to all card options except custom amount card
+            const otherCardsInputs = document.querySelectorAll('input[name="amount"]:not(#custom-amount-card)');
+            otherCardsInputs.forEach(card => {
+                card.addEventListener('click', this._onCardClick.bind(this));
+            });
+
+            // Attach input event listener to custom-amount-field
+            const customAmountField = document.getElementById('custom-amount-field');
+            customAmountField.addEventListener('input', this._onInput.bind(this));
+        },
+
+        // Check the custom amount card when custom amount field changes
+        _onInput: function () {
+            const customAmountField = document.getElementById('custom-amount-field');
+
+            if (customAmountField) {
+                const amount = customAmountField.value.trim();
+                const isAmountNotEmpty = amount !== '';
+
+                if (isAmountNotEmpty) {
+                    this._checkCustomCard();
+                }
+            }
+        },
+
+       // Check the custom amount card and uncheck the others
+       _checkCustomCard: function (event) {
+            const customAmountCard = document.getElementById('custom-amount-card');
+            const otherCardsInputs = document.querySelectorAll('input[name="amount"]:not(#custom-amount-card):not(#custom-amount-field)');
+
+            if (customAmountCard && otherCardsInputs) {
+
+                customAmountCard.checked = true;
+
+                otherCardsInputs.forEach(input => {
+                    input.checked = false;
+                });
+            }
+       },
+
+        // Uncheck the custom amount card when any other card option is clicked
+        _onCardClick: function (event) {
+            const customAmountCard = document.getElementById('custom-amount-card');
+            if (customAmountCard) {
+                customAmountCard.checked = false;
+            }
+        }
+
+    });
+
   // EDIT PROJECT FORM
   publicWidget.registry.EditProjectForm = publicWidget.Widget.extend({
     selector: "#project_update_form",

From 09f41e64d020ac10570418827c431560e14ef31b Mon Sep 17 00:00:00 2001
From: NoeBerdoz <berdoznoe@gmail.com>
Date: Thu, 22 Aug 2024 16:13:43 +0200
Subject: [PATCH 3/3] pre-commit

---
 .../static/src/js/website_widgets.js          | 110 +++++++++---------
 .../templates/project_donation_page.xml       |   2 +-
 2 files changed, 57 insertions(+), 55 deletions(-)

diff --git a/crowdfunding_compassion/static/src/js/website_widgets.js b/crowdfunding_compassion/static/src/js/website_widgets.js
index feaddfe..571ea97 100644
--- a/crowdfunding_compassion/static/src/js/website_widgets.js
+++ b/crowdfunding_compassion/static/src/js/website_widgets.js
@@ -35,62 +35,64 @@ odoo.define("crowdfunding_compassion.website_widgets", function (require) {
 
   // Handle donation card selection
   publicWidget.registry.CustomAmountSelection = publicWidget.Widget.extend({
-        selector: '#custom-amount-card',
-        events: {
-            'click': '_checkCustomCard',
-        },
-
-        start: function () {
-            this._super.apply(this, arguments);
-            // Attach click event listener to all card options except custom amount card
-            const otherCardsInputs = document.querySelectorAll('input[name="amount"]:not(#custom-amount-card)');
-            otherCardsInputs.forEach(card => {
-                card.addEventListener('click', this._onCardClick.bind(this));
-            });
-
-            // Attach input event listener to custom-amount-field
-            const customAmountField = document.getElementById('custom-amount-field');
-            customAmountField.addEventListener('input', this._onInput.bind(this));
-        },
-
-        // Check the custom amount card when custom amount field changes
-        _onInput: function () {
-            const customAmountField = document.getElementById('custom-amount-field');
-
-            if (customAmountField) {
-                const amount = customAmountField.value.trim();
-                const isAmountNotEmpty = amount !== '';
-
-                if (isAmountNotEmpty) {
-                    this._checkCustomCard();
-                }
-            }
-        },
-
-       // Check the custom amount card and uncheck the others
-       _checkCustomCard: function (event) {
-            const customAmountCard = document.getElementById('custom-amount-card');
-            const otherCardsInputs = document.querySelectorAll('input[name="amount"]:not(#custom-amount-card):not(#custom-amount-field)');
-
-            if (customAmountCard && otherCardsInputs) {
-
-                customAmountCard.checked = true;
-
-                otherCardsInputs.forEach(input => {
-                    input.checked = false;
-                });
-            }
-       },
-
-        // Uncheck the custom amount card when any other card option is clicked
-        _onCardClick: function (event) {
-            const customAmountCard = document.getElementById('custom-amount-card');
-            if (customAmountCard) {
-                customAmountCard.checked = false;
-            }
+    selector: "#custom-amount-card",
+    events: {
+      click: "_checkCustomCard",
+    },
+
+    start: function () {
+      this._super.apply(this, arguments);
+      // Attach click event listener to all card options except custom amount card
+      const otherCardsInputs = document.querySelectorAll(
+        'input[name="amount"]:not(#custom-amount-card)'
+      );
+      otherCardsInputs.forEach((card) => {
+        card.addEventListener("click", this._onCardClick.bind(this));
+      });
+
+      // Attach input event listener to custom-amount-field
+      const customAmountField = document.getElementById("custom-amount-field");
+      customAmountField.addEventListener("input", this._onInput.bind(this));
+    },
+
+    // Check the custom amount card when custom amount field changes
+    _onInput: function () {
+      const customAmountField = document.getElementById("custom-amount-field");
+
+      if (customAmountField) {
+        const amount = customAmountField.value.trim();
+        const isAmountNotEmpty = amount !== "";
+
+        if (isAmountNotEmpty) {
+          this._checkCustomCard();
         }
+      }
+    },
+
+    // Check the custom amount card and uncheck the others
+    _checkCustomCard: function () {
+      const customAmountCard = document.getElementById("custom-amount-card");
+      const otherCardsInputs = document.querySelectorAll(
+        'input[name="amount"]:not(#custom-amount-card):not(#custom-amount-field)'
+      );
+
+      if (customAmountCard && otherCardsInputs) {
+        customAmountCard.checked = true;
 
-    });
+        otherCardsInputs.forEach((input) => {
+          input.checked = false;
+        });
+      }
+    },
+
+    // Uncheck the custom amount card when any other card option is clicked
+    _onCardClick: function () {
+      const customAmountCard = document.getElementById("custom-amount-card");
+      if (customAmountCard) {
+        customAmountCard.checked = false;
+      }
+    },
+  });
 
   // EDIT PROJECT FORM
   publicWidget.registry.EditProjectForm = publicWidget.Widget.extend({
diff --git a/crowdfunding_compassion/templates/project_donation_page.xml b/crowdfunding_compassion/templates/project_donation_page.xml
index 4768e6c..3aa8c46 100644
--- a/crowdfunding_compassion/templates/project_donation_page.xml
+++ b/crowdfunding_compassion/templates/project_donation_page.xml
@@ -430,7 +430,7 @@
                               name="amount"
                               t-att-value="amount"
                               min="1"
-                                                        />
+                            />
                                                         <h3
                               class="text-primary"
                             >CHF</h3>