fixes #OG-196: clear buttons on custom amount
authorRadek Czajka <rczajka@rczajka.pl>
Wed, 3 Dec 2025 13:40:40 +0000 (14:40 +0100)
committerRadek Czajka <rczajka@rczajka.pl>
Wed, 3 Dec 2025 13:40:40 +0000 (14:40 +0100)
src/club/templates/club/donation_step1_form.html
src/wolnelektury/static/js/main.js

index 655febe..e30fff8 100644 (file)
@@ -21,7 +21,7 @@
   {% with amounts=club.get_amounts %}
     <div class="l-checkout__payments payments-once wide-spot-{{ amounts.single_wide_spot }}">
       {% for amount in amounts.single %}
   {% with amounts=club.get_amounts %}
     <div class="l-checkout__payments payments-once wide-spot-{{ amounts.single_wide_spot }}">
       {% for amount in amounts.single %}
-        <div class="l-checkout__payments__box once{% if not schedule.monthly and schedule.amount == amount.amount or not schedule and club.default_single_amount == amount.amount %} is-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
+        <div class="l-checkout__payments__box once{% if not schedule.monthly and schedule.amount == amount.amount or not schedule and club.default_single_amount == amount.amount %} is-active initial-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
 
           <div class="l-checkout__payments__box__btn-wrp">
             {% if amount.description %}
 
           <div class="l-checkout__payments__box__btn-wrp">
             {% if amount.description %}
@@ -40,7 +40,7 @@
 
     <div class="l-checkout__payments payments-recurring wide-spot-{{ amounts.monthly_wide_spot }}">
     {% for amount in amounts.monthly %}
 
     <div class="l-checkout__payments payments-recurring wide-spot-{{ amounts.monthly_wide_spot }}">
     {% for amount in amounts.monthly %}
-      <div class="l-checkout__payments__box{% if schedule.monthly and schedule.amount == amount.amount or not schedule and amount.amount == club.default_monthly_amount %} is-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
+      <div class="l-checkout__payments__box{% if schedule.monthly and schedule.amount == amount.amount or not schedule and amount.amount == club.default_monthly_amount %} is-active initial-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
         <div class="l-checkout__payments__box__btn-wrp">
           {% if amount.description %}
             <p>{{ amount.description|safe }}</p>
         <div class="l-checkout__payments__box__btn-wrp">
           {% if amount.description %}
             <p>{{ amount.description|safe }}</p>
index a27d971..076277e 100644 (file)
         $('#id_custom_amount').val('');
     });
 
         $('#id_custom_amount').val('');
     });
 
+    $('#id_custom_amount').on('input', function() {
+       if ($(this).val() > 0) {
+           $('.l-checkout__payments__box.is-active').removeClass('is-active');
+       } else {
+           $('.l-checkout__payments__box.initial-active').addClass('is-active');
+       }
+    });
+
     $('.donation-mod-monthly').on('click', function() {
        $.ajax({
            method: 'POST',
     $('.donation-mod-monthly').on('click', function() {
        $.ajax({
            method: 'POST',