d
This commit is contained in:
@@ -1,21 +1,15 @@
|
||||
<?php
|
||||
|
||||
|
||||
class Belevo_Bezahl_Modul extends IPSModule
|
||||
{
|
||||
public function Create()
|
||||
{
|
||||
// Die Standard-Create() Methode aufrufen
|
||||
parent::Create();
|
||||
$this->RegisterPropertyInteger("Reservate", 0);
|
||||
$this->RegisterPropertyInteger("GetAmount", 0);
|
||||
$this->RegisterPropertyInteger("HTMLBox", 0);
|
||||
$this->RegisterVariableInteger("ReservationAmount", "ReservationAmount", '', 0);
|
||||
$this->RegisterVariableInteger("ReservationAmount", "ReservationAmount", '', 0);
|
||||
$this->RegisterVariableBoolean("AmountIsReserved", "AmountIsReserved", '', false);
|
||||
|
||||
// Initiales HTML setzen
|
||||
|
||||
}
|
||||
|
||||
public function ApplyChanges()
|
||||
@@ -30,9 +24,6 @@ class Belevo_Bezahl_Modul extends IPSModule
|
||||
|
||||
$html = "<html>
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
@@ -42,61 +33,22 @@ class Belevo_Bezahl_Modul extends IPSModule
|
||||
<div id=\"payment-request-button\"></div>
|
||||
|
||||
<script>
|
||||
// Stripe initialisieren
|
||||
const stripe = Stripe('$apiKey');
|
||||
const elements = stripe.elements();
|
||||
|
||||
// Payment Request konfigurieren
|
||||
const paymentRequest = stripe.paymentRequest({
|
||||
country: 'CH',
|
||||
currency: 'chf',
|
||||
total: {
|
||||
label: 'Reservation Amount',
|
||||
amount: 1000, // Beispielbetrag in Cent
|
||||
amount: 1000,
|
||||
},
|
||||
requestPayerName: true,
|
||||
requestPayerEmail: 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.');
|
||||
}
|
||||
};
|
||||
requestPayerPhone: true,
|
||||
});
|
||||
|
||||
paymentRequest.on('paymentmethod', function(ev) {
|
||||
// Token an den Server senden
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('POST', '/api/');
|
||||
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>
|
||||
</body>
|
||||
</html>";
|
||||
|
||||
SetValue($this->ReadPropertyInteger("HTMLBox"), $html); // Baut das HTML auf
|
||||
SetValue($this->ReadPropertyInteger("HTMLBox"), $html);
|
||||
}
|
||||
}
|
||||
?>
|
||||
@@ -6,7 +6,7 @@
|
||||
"compatibility": {
|
||||
"version": "7.1"
|
||||
},
|
||||
"version": "1.022",
|
||||
"version": "1.023",
|
||||
"build": 0,
|
||||
"date": 0
|
||||
}
|
||||
Reference in New Issue
Block a user