Fix agreements accept button disablement

tpay-com · Jan 15, 2024 · 146b7fa · 146b7fa
1 parent 89e85d5
commit 146b7fa
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 3 deletions.
diff --git a/Model/ApiFacade/TpayConfig/ConfigOpen.php b/Model/ApiFacade/TpayConfig/ConfigOpen.php
@@ -122,7 +122,9 @@ public function fetchJavaScripts()
         $script[] = 'tpaycom_magento2basic::js/string_routines.js';
         $script[] = 'tpaycom_magento2basic::js/tpayCards.js';
         $script[] = 'tpaycom_magento2basic::js/renderSavedCards.js';
+        $script[] = 'tpaycom_magento2basic::js/tpayGeneric.js';
         $scripts = '';
+
         foreach ($script as $key => $value) {
             $scripts .= $this->createScript($value);
         }

diff --git a/view/base/web/js/tpayGeneric.js b/view/base/web/js/tpayGeneric.js
@@ -0,0 +1,24 @@
+require(['jquery', 'mage/translate'], function ($, $t) {
+    const tos = $('.generic_accept_tos');
+    const payButton = $('.tpaycom_magento2generic_submit');
+    const methods = $('input[name^="payment"]')
+
+
+    methods.on('click', function () {
+        payButton.each(function () {
+            $(this).addClass('disabled')
+        })
+    });
+
+    tos.on('change', function () {
+        payButton.each(function () {
+            $(this).toggleClass('disabled')
+        })
+    });
+
+    $(document).ready(function () {
+        payButton.each(function () {
+            $(this).addClass('disabled')
+        })
+    });
+});
diff --git a/view/frontend/web/template/payment/tpay-generic-onsite.html b/view/frontend/web/template/payment/tpay-generic-onsite.html
@@ -16,7 +16,7 @@
             <!-- ko template: getTemplate() --><!-- /ko -->
             <!--/ko-->
             <div class="TpayRegulations">
-                <input type="checkbox" name="accept_tos" id="generic_accept_tos"/>
+                <input type="checkbox" name="accept_tos" class="generic_accept_tos"/>
                 <label for="generic_accept_tos">
                     <a target="_blank"
                        data-bind="attr: {href: getTerms()}, text: $t('I do accept tpay.com service regulations')"></a>.
@@ -25,8 +25,7 @@
         </div>
         <div class="actions-toolbar">
             <div class="primary">
-                <button class="action primary checkout"
-                        id="tpaycom_magento2generic_submit"
+                <button class="action primary checkout tpaycom_magento2generic_submit"
                         type="submit"
                         data-bind="
                         click: placeOrder,