From 94b07554a29b2fbad6f6f55de28efdbb22a7dc2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20H=C3=A4fliger?= <dh@belevo.ch>
Date: Tue, 28 Jan 2025 16:41:11 +0100
Subject: [PATCH] no message

---
 Belevo_Bezahl_Modul/module.php | 161 ++++++++++++++++++---------------
 library.json                   |   2 +-
 2 files changed, 87 insertions(+), 76 deletions(-)
diff --git a/Belevo_Bezahl_Modul/module.php b/Belevo_Bezahl_Modul/module.php
index 0bc6408..53bb037 100644
--- a/Belevo_Bezahl_Modul/module.php
+++ b/Belevo_Bezahl_Modul/module.php
@@ -24,89 +24,100 @@ class Belevo_Bezahl_Modul extends IPSModule
     
         $html = "<html>
     <head>
-        <script src=\"https://js.stripe.com/v3/\"></script>
+        <script>
+            const stripeScript = document.createElement('script');
+            stripeScript.src = 'https://js.stripe.com/v3/';
+            stripeScript.onload = function() {
+                console.log('Stripe.js loaded successfully');
+                initializeStripe();
+            };
+            stripeScript.onerror = function() {
+                console.error('Failed to load Stripe.js');
+            };
+            document.head.appendChild(stripeScript);
+
+            function initializeStripe() {
+                const stripe = Stripe('$apiKey');
+                const elements = stripe.elements();
+
+                const paymentRequest = stripe.paymentRequest({
+                    country: 'CH',
+                    currency: 'chf',
+                    total: {
+                        label: 'Reservation Amount',
+                        amount: 1000,
+                    },
+                    requestPayerName: true,
+                    requestPayerEmail: true,
+                    requestPayerPhone: true,
+                });
+
+                paymentRequest.on('paymentmethod', function(ev) {
+                    var xhr = new XMLHttpRequest();
+                    xhr.open('POST', '/api/');
+                    xhr.setRequestHeader('Content-Type', 'application/json');
+                    xhr.send(JSON.stringify({
+                        'jsonrpc': '2.0',
+                        'method': 'SetValue',
+                        'params': ['AmountIsReserved', true],
+                        'id': 0
+                    }));
+                    xhr.onload = function() {
+                        if (xhr.status === 200) {
+                            ev.complete('success');
+                            console.log('Reservierung erfolgreich.');
+                        } else {
+                            ev.complete('fail');
+                            console.log('Reservierung fehlgeschlagen.');
+                        }
+                    };
+                });
+
+                const prButton = elements.create('paymentRequestButton', {
+                    paymentRequest: paymentRequest,
+                });
+
+                paymentRequest.canMakePayment().then(function(result) {
+                    if (result) {
+                        prButton.mount('#payment-request-button');
+                    } else {
+                        document.getElementById('payment-request-button').style.display = 'none';
+                    }
+                });
+
+                document.getElementById('reservate-button').addEventListener('click', function() {
+                    document.getElementById('payment-request-button').style.display = 'block';
+                });
+
+                document.getElementById('get-amount-button').addEventListener('click', function() {
+                    var xhr = new XMLHttpRequest();
+                    xhr.open('POST', '/api/');
+                    xhr.setRequestHeader('Content-Type', 'application/json');
+                    xhr.send(JSON.stringify({
+                        'jsonrpc': '2.0',
+                        'method': 'SetValue',
+                        'params': ['AmountIsReserved', false],
+                        'id': 0
+                    }));
+                    xhr.onload = function() {
+                        if (xhr.status === 200) {
+                            console.log('Abzug erfolgreich.');
+                        } else {
+                            console.log('Abzug fehlgeschlagen.');
+                        }
+                    };
+                });
+            }
+        </script>
     </head>
     <body>
         <h1>Stripe Payment Request API Integration</h1>
         <button id=\"reservate-button\">Reservate</button>
         <button id=\"get-amount-button\">Get Amount</button>
         <div id=\"payment-request-button\"></div>
-    
-        <script>
-            const stripe = Stripe('$apiKey');
-            const elements = stripe.elements();
-    
-            const paymentRequest = stripe.paymentRequest({
-                country: 'CH',
-                currency: 'chf',
-                total: {
-                    label: 'Reservation Amount',
-                    amount: 1000,
-                },
-                requestPayerName: true,
-                requestPayerEmail: true,
-                requestPayerPhone: true,
-            });
-    
-            paymentRequest.on('paymentmethod', function(ev) {
-                var xhr = new XMLHttpRequest();
-                xhr.open('POST', '/api/');
-                xhr.setRequestHeader('Content-Type', 'application/json');
-                xhr.send(JSON.stringify({
-                    'jsonrpc': '2.0',
-                    'method': 'SetValue',
-                    'params': ['AmountIsReserved', true],
-                    'id': 0
-                }));
-                xhr.onload = function() {
-                    if (xhr.status === 200) {
-                        ev.complete('success');
-                        console.log('Reservierung erfolgreich.');
-                    } else {
-                        ev.complete('fail');
-                        console.log('Reservierung fehlgeschlagen.');
-                    }
-                };
-            });
-    
-            const prButton = elements.create('paymentRequestButton', {
-                paymentRequest: paymentRequest,
-            });
-    
-            paymentRequest.canMakePayment().then(function(result) {
-                if (result) {
-                    prButton.mount('#payment-request-button');
-                } else {
-                    document.getElementById('payment-request-button').style.display = 'none';
-                }
-            });
-    
-            document.getElementById('reservate-button').addEventListener('click', function() {
-                document.getElementById('payment-request-button').style.display = 'block';
-            });
-    
-            document.getElementById('get-amount-button').addEventListener('click', function() {
-                var xhr = new XMLHttpRequest();
-                xhr.open('POST', '/api/');
-                xhr.setRequestHeader('Content-Type', 'application/json');
-                xhr.send(JSON.stringify({
-                    'jsonrpc': '2.0',
-                    'method': 'SetValue',
-                    'params': ['AmountIsReserved', false],
-                    'id': 0
-                }));
-                xhr.onload = function() {
-                    if (xhr.status === 200) {
-                        console.log('Abzug erfolgreich.');
-                    } else {
-                        console.log('Abzug fehlgeschlagen.');
-                    }
-                };
-            });
-        </script>
     </body>
     </html>";
 
         SetValue($this->ReadPropertyInteger("HTMLBox"), $html);
     }
-}
+}
\ No newline at end of file
diff --git a/library.json b/library.json
index c934d0c..89b5a7c 100644
--- a/library.json
+++ b/library.json
@@ -6,7 +6,7 @@
     "compatibility": {
         "version": "7.1"
     },
-    "version": "1.023",
+    "version": "1.024",
     "build": 0,
     "date": 0
 }
\ No newline at end of file
