initial commit 2

1 files changed, 65 insertions, 0 deletions

diff --git a/addons/payment/static/src/js/payment_portal.js b/addons/payment/static/src/js/payment_portal.js
new file mode 100644
index 00000000..82f8647f
--- /dev/null
+++ b/addons/payment/static/src/js/payment_portal.js
@@ -0,0 +1,65 @@
+$(function () {
+
+    $('input#cc_number').payment('formatCardNumber');
+    $('input#cc_cvc').payment('formatCardCVC');
+    $('input#cc_expiry').payment('formatCardExpiry')
+
+    $('input#cc_number').on('focusout', function (e) {
+        var valid_value = $.payment.validateCardNumber(this.value);
+        var card_type = $.payment.cardType(this.value);
+        if (card_type) {
+            $(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder ' + card_type);
+            $(this).parent('.form-group').children('input[name="cc_brand"]').val(card_type)
+        }
+        else {
+            $(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder');
+        }
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('o_has_success').find('.form-control, .custom-select').addClass('is-valid');
+            $(this).parent('.form-group').removeClass('o_has_error').find('.form-control, .custom-select').removeClass('is-invalid');
+            $(this).siblings('.o_invalid_field').remove();
+        }
+        else {
+            $(this).parent('.form-group').addClass('o_has_error').find('.form-control, .custom-select').addClass('is-invalid');
+            $(this).parent('.form-group').removeClass('o_has_success').find('.form-control, .custom-select').removeClass('is-valid');
+        }
+    });
+
+    $('input#cc_cvc').on('focusout', function (e) {
+        var cc_nbr = $(this).parents('.oe_cc').find('#cc_number').val();
+        var card_type = $.payment.cardType(cc_nbr);
+        var valid_value = $.payment.validateCardCVC(this.value, card_type);
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('o_has_success').find('.form-control, .custom-select').addClass('is-valid');
+            $(this).parent('.form-group').removeClass('o_has_error').find('.form-control, .custom-select').removeClass('is-invalid');
+            $(this).siblings('.o_invalid_field').remove();
+        }
+        else {
+            $(this).parent('.form-group').addClass('o_has_error').find('.form-control, .custom-select').addClass('is-invalid');
+            $(this).parent('.form-group').removeClass('o_has_success').find('.form-control, .custom-select').removeClass('is-valid');
+        }
+    });
+
+    $('input#cc_expiry').on('focusout', function (e) {
+        var expiry_value = $.payment.cardExpiryVal(this.value);
+        var month = expiry_value.month || '';
+        var year = expiry_value.year || '';
+        var valid_value = $.payment.validateCardExpiry(month, year);
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('o_has_success').find('.form-control, .custom-select').addClass('is-valid');
+            $(this).parent('.form-group').removeClass('o_has_error').find('.form-control, .custom-select').removeClass('is-invalid');
+            $(this).siblings('.o_invalid_field').remove();
+        }
+        else {
+            $(this).parent('.form-group').addClass('o_has_error').find('.form-control, .custom-select').addClass('is-invalid');
+            $(this).parent('.form-group').removeClass('o_has_success').find('.form-control, .custom-select').removeClass('is-valid');
+        }
+    });
+
+    $('select[name="pm_acquirer_id"]').on('change', function() {
+        var acquirer_id = $(this).val();
+        $('.acquirer').addClass('d-none');
+        $('.acquirer[data-acquirer-id="'+acquirer_id+'"]').removeClass('d-none');
+    });
+
+});