13. JavaScript für Live-Anzeige

Datei:
C:\xampp\htdocs\restaurant6\templates\restaurant_ihk\js\script.js

unten anhängen:

// Küchenmonitor

function ladeBestellungen(){

fetch("/restaurant6/index.php?option=com_ajax&plugin=kueche&format=json")

.then(response => response.json())

.then(data => {

let html = "<h2>Aktuelle Bestellungen</h2>";

data.data.forEach(function(order){

html += `
<div class="bestellung">
Bestellung #${order.nummer}<br>
Zeit: ${order.zeit}<br>
Status: ${order.status}
</div>
`;

});

document.getElementById("bestellungen").innerHTML = html;

});

}

// alle 5 Sekunden aktualisieren
setInterval(ladeBestellungen, 5000);

// sofort laden
if(document.getElementById("bestellungen")){
ladeBestellungen();
}