This commit is contained in:
2025-01-28 16:36:31 +01:00
parent 95bf6dd6b8
commit 5cebc0f06e
2 changed files with 39 additions and 53 deletions

View File

@@ -1,21 +1,15 @@
<?php <?php
class Belevo_Bezahl_Modul extends IPSModule class Belevo_Bezahl_Modul extends IPSModule
{ {
public function Create() public function Create()
{ {
// Die Standard-Create() Methode aufrufen
parent::Create(); parent::Create();
$this->RegisterPropertyInteger("Reservate", 0); $this->RegisterPropertyInteger("Reservate", 0);
$this->RegisterPropertyInteger("GetAmount", 0); $this->RegisterPropertyInteger("GetAmount", 0);
$this->RegisterPropertyInteger("HTMLBox", 0); $this->RegisterPropertyInteger("HTMLBox", 0);
$this->RegisterVariableInteger("ReservationAmount", "ReservationAmount", '', 0); $this->RegisterVariableInteger("ReservationAmount", "ReservationAmount", '', 0);
$this->RegisterVariableInteger("ReservationAmount", "ReservationAmount", '', 0);
$this->RegisterVariableBoolean("AmountIsReserved", "AmountIsReserved", '', false); $this->RegisterVariableBoolean("AmountIsReserved", "AmountIsReserved", '', false);
// Initiales HTML setzen
} }
public function ApplyChanges() public function ApplyChanges()
@@ -30,9 +24,6 @@ class Belevo_Bezahl_Modul extends IPSModule
$html = "<html> $html = "<html>
<head> <head>
<meta charset=\"UTF-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<title>Stripe Payment Request API</title>
<script src=\"https://js.stripe.com/v3/\"></script> <script src=\"https://js.stripe.com/v3/\"></script>
</head> </head>
<body> <body>
@@ -42,61 +33,22 @@ class Belevo_Bezahl_Modul extends IPSModule
<div id=\"payment-request-button\"></div> <div id=\"payment-request-button\"></div>
<script> <script>
// Stripe initialisieren
const stripe = Stripe('$apiKey'); const stripe = Stripe('$apiKey');
const elements = stripe.elements(); const elements = stripe.elements();
// Payment Request konfigurieren
const paymentRequest = stripe.paymentRequest({ const paymentRequest = stripe.paymentRequest({
country: 'CH', country: 'CH',
currency: 'chf', currency: 'chf',
total: { total: {
label: 'Reservation Amount', label: 'Reservation Amount',
amount: 1000, // Beispielbetrag in Cent amount: 1000,
}, },
requestPayerName: true, requestPayerName: true,
requestPayerEmail: true, requestPayerEmail: true,
}); requestPayerPhone: true,
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() {
// Show the payment request button
document.getElementById('payment-request-button').style.display = 'block';
});
document.getElementById('get-amount-button').addEventListener('click', function() {
// Hier kannst du die Logik zum Abbuchen des Betrags hinzufügen
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.');
}
};
}); });
paymentRequest.on('paymentmethod', function(ev) { paymentRequest.on('paymentmethod', function(ev) {
// Token an den Server senden
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/'); xhr.open('POST', '/api/');
xhr.setRequestHeader('Content-Type', 'application/json'); xhr.setRequestHeader('Content-Type', 'application/json');
@@ -116,11 +68,45 @@ class Belevo_Bezahl_Modul extends IPSModule
} }
}; };
}); });
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> </script>
</body> </body>
</html>"; </html>";
SetValue($this->ReadPropertyInteger("HTMLBox"), $html); // Baut das HTML auf SetValue($this->ReadPropertyInteger("HTMLBox"), $html);
} }
} }
?>

View File

@@ -6,7 +6,7 @@
"compatibility": { "compatibility": {
"version": "7.1" "version": "7.1"
}, },
"version": "1.022", "version": "1.023",
"build": 0, "build": 0,
"date": 0 "date": 0
} }