From 12c23f14e5d5aa01a96128bcb1e950481a906e06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Tue, 29 Sep 2020 12:52:19 +0200
Subject: [PATCH] Sofort: Alipay

---
 resources/js/clients/payments/alipay.js               | 11 +++++++----
 .../ninja2020/gateways/stripe/alipay/pay.blade.php    |  8 ++++++--
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/resources/js/clients/payments/alipay.js b/resources/js/clients/payments/alipay.js
index e6b4c4ea11..029db7af49 100644
--- a/resources/js/clients/payments/alipay.js
+++ b/resources/js/clients/payments/alipay.js
@@ -33,16 +33,19 @@ class ProcessAlipay {
 
         document.getElementById('pay-now').addEventListener('submit', (e) => {
             e.preventDefault();
-            processingOverlay(true);
-            document.getElementById('pay-now').disabled = true;
+            
+            document.getElementById('pay-now-button').disabled = true;
+            document.querySelector('#pay-now-button > svg').classList.add('hidden');
+            document.querySelector('#pay-now-button > span').classList.remove('hidden');
 
             this.stripe.createSource(data).then(function(result) {
                 if (result.hasOwnProperty('source')) {
                     return (window.location = result.source.redirect.url);
                 }
 
-                processingOverlay(false);
-                document.getElementById('pay-now').disabled = false;
+                document.getElementById('pay-now-button').disabled = false;
+                document.querySelector('#pay-now-button > svg').classList.remove('hidden');
+                document.querySelector('#pay-now-button > span').classList.add('hidden');
 
                 this.errors.textContent = '';
                 this.errors.textContent = result.error.message;
diff --git a/resources/views/portal/ninja2020/gateways/stripe/alipay/pay.blade.php b/resources/views/portal/ninja2020/gateways/stripe/alipay/pay.blade.php
index fa4a81fae0..33b1bcf6b8 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/alipay/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/alipay/pay.blade.php
@@ -40,8 +40,12 @@
                             </dd>
                         </div>
                         <div class="bg-gray-50 px-4 py-5 flex justify-end">
-                            <button class="button button-primary">
-                                {{ ctrans('texts.pay_now') }}
+                            <button class="button button-primary" id="pay-now-button">
+                                <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                                </svg>
+                                <span>{{ __('texts.save') }}</span>
                             </button>
                         </div>
                     </form>