Skip to content
Snippets Groups Projects
Commit 52ceaac7 authored by Omar Ibrahim Arfa's avatar Omar Ibrahim Arfa
Browse files

finish prak4

parent 8665aa6b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/Praktikum/Prak4/JS/BestellScript.js
+ 15
− 14
View file @ 52ceaac7
pizzaPriceMap = new Map();
let pizzaPriceMap = new Map();
function getElements() {
"use strict";
let pizzaImages = document.getElementsByClassName("pizzaImage")
let pizzaImages = document.getElementsByClassName("pizzaImage");
for (let item of pizzaImages) {
pizzaPriceMap.set(item.getAttribute("data-articleID"), item.getAttribute("data-price"));
pizzaPriceMap.set(
item.getAttribute("data-articleID"),
item.getAttribute("data-price")
);
}
}
......@@ -56,13 +59,13 @@ function selectOrder() {
function checkInputs() {
"use strict";
const selectInput = document.getElementById('warenkorb');
const address = document.getElementById('address');
const button = document.getElementById('submitButton');
const selectInput = document.getElementById("warenkorb");
const address = document.getElementById("address");
const button = document.getElementById("submitButton");
// Check conditions
const selectHasOptions = selectInput.options.length > 0;
const addressHasValue = address.value.trim() !== '';
const addressHasValue = address.value.trim() !== "";
// Enable or disable the button
button.disabled = !(selectHasOptions && addressHasValue);
......@@ -72,12 +75,10 @@ function checkInputs() {
window.onload = function init() {
"use strict";
document.getElementById('address').addEventListener('input', checkInputs);
document.getElementById("address").addEventListener("input", checkInputs);
};
document.addEventListener('DOMContentLoaded', checkInputs); // Check on page load
document.addEventListener(
"DOMContentLoaded",
checkInputs
); // Check on page load
src/Praktikum/Prak4/JS/DEPRECATED/OrderData.js 0 → 100644
+ 59
− 0
View file @ 52ceaac7
class OrderData {
constructor(orderingID, address, pizzaObj) {
this.orderingID = orderingID;
this.address = address;
this.pizzaObj = pizzaObj;
this.buildOrder();
}
buildOrder() {
let orderMainNode = document.createElement("fieldset");
orderMainNode.id = this.orderingID;
let orderLegend = document.createElement("legend");
orderLegend.id = this.orderingID + ".legend";
orderMainNode.append(orderLegend);
this.buildPizza(orderMainNode)
}
buildPizza(orderMainNode) {
let pizzaList = this.pizzaObj.pizzaList;
for (let pizza of pizzaList) {
let pizzaName = pizza.name;
let orderedArticleID = pizza.orderedArticleID;
let pizzaStatus = pizza.status;
let pizzaNode = document.createElement("fieldset");
let pizzaLegend = document.createElement("legend");
pizzaNode.id = "pizzaNode." + orderedArticleID;
pizzaLegend.innerText = "Pizza " + pizzaName;
pizzaNode.append(pizzaLegend);
this.buildInputs(pizzaNode, orderedArticleID, pizzaStatus);
orderMainNode.append(pizzaNode);
}
}
buildInputs(pizzaNode, orderedArticleID, status) {
let statusArray = ["Bestellt", "Im Ofen", "Fertig", "Unterwegs", "Geliefert"];
for (let value = 0; value < 5; value++) {
let inputLabel = document.createElement("label");
pizzaNode.append(inputLabel);
inputLabel.innerText = statusArray[value];
let inputRadio = document.createElement("input");
inputLabel.append(inputRadio);
inputRadio.type = "radio";
inputRadio.name = orderedArticleID;
inputRadio.value = value.toString();
inputRadio.disabled = true;
if (value === status) {
inputRadio.checked = true;
}
}
}
}
src/Praktikum/Prak4/JS/Kunde.js
+ 100
− 55
View file @ 52ceaac7
console.log("Loading Kunde.js ...");
function loadData() {
"use strict";
var url = "./Kundenstatus.php";
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.open("GET", url, true);
request.onload = function () {
if (request.readyState === 4 && request.status >= 200 && request.status < 300) {
if (request.readyState === 4 &&
request.status >= 200 &&
request.status < 300) {
if (request.responseText != null) {
var responseData = JSON.parse(request.responseText);
console.log(responseData);
process(responseData);
} else {
console.error ("Dokument ist leer");
}
console.error ("Dokument ist leer");
}
else {
console.error('Statuscode: ' + request.status);
} else {
console.error("Statuscode: " + request.status);
}
};
request.onerror = function () {
"use strict";
console.error('Netzwerkfehler')
console.error("Netzwerkfehler");
};
//request.onreadystatechange = processData;
request.send();
}
//TODO: Make classes for Bestllung HTML Node and Pizza HTML Node
function process(data) {
"use strict";
let orderForm = document.getElementById("orderForm");
let emptyBestellung = document.getElementById("bestellung");
let emptyPizza = document.getElementById("pizza");
const newScript = document.createElement("script");
newScript.src = "./JS/OrderData.js";
newScript.type = "module";
document.getElementsByTagName("body")[0].prepend(newScript);
// Kopiere die Vorlage
let copyBestellung = emptyBestellung.cloneNode(true);
let copyPizza = emptyPizza.cloneNode(true);
copyBestellung = copyBestellung.cloneNode(true);
// Lösche die Vorlage
emptyBestellung.remove();
emptyPizza.remove();
for (let [orderingID, order] of Object.entries(data)) {
let address = order["Address"];
function process(data) {
orderForm.append(copyBestellung);
copyBestellung = copyBestellung.cloneNode(true);
"use strict";
let newBestellung = orderForm.lastElementChild;
newBestellung.id = "bestellung." + orderingID;
newBestellung.firstElementChild.id = "bestellung.legend." + orderingID;
newBestellung.firstElementChild.innerText = "Bestellung " + orderingID;
newBestellung.lastElementChild.remove(); // lösche mitkopierte emptyPizza
const orderForm = document.getElementById("orderForm");
if (orderForm != null) {
let orderList = order["OrderList"]
for (let [orderedArticleID, pizza] of Object.entries(orderList)) {
while (orderForm.lastElementChild) {
orderForm.removeChild(orderForm.lastElementChild);
}
let name = pizza["Name"];
let price = pizza["Price"];
let status = pizza["Status"];
newBestellung.append(copyPizza);
copyPizza = copyPizza.cloneNode(true);
for (let [orderingID, order] of Object.entries(data)) {
let newPizza = newBestellung.lastElementChild;
newPizza.id = "pizza." + orderedArticleID;
newPizza.firstElementChild.id = "pizza.legend." + orderedArticleID;
newPizza.firstElementChild.innerText = "Pizza " + name;
let pizzaObj = {
pizzaList: []
};
let inputs = newPizza.getElementsByTagName("input");
for (let input of inputs) {
//orderForm.append(testBuildOrder(orderingID));
input.name = orderedArticleID;
let orderList = order["OrderList"]
for (let [orderedArticleID, pizza] of Object.entries(orderList)) {
// Places the checked-attribute for the individual pizza
if (input.type === "radio" && parseInt(input.value) === parseInt(status)) {
let name = pizza["Name"];
let price = parseFloat(pizza["Price"]);
let status = parseInt(pizza["Status"]);
input.checked = true;
}
let newPizza = {
orderedArticleID: orderedArticleID,
name: name,
price: price,
status: status
};
pizzaObj.pizzaList.push(newPizza);
}
buildOrder(orderForm, orderingID, pizzaObj);
}
}
}
window.onload = function () {
"use strict";
loadData();
}
window.setInterval (loadData, 2000);
function buildOrder(parentNode, id, pizzaObj) {
"use strict";
let orderMainNode = document.createElement("fieldset");
orderMainNode.id = id;
let orderLegend = document.createElement("legend");
orderLegend.id = id + ".legend";
orderLegend.innerText = "Bestellung " + id;
orderMainNode.append(orderLegend);
buildPizza(orderMainNode, pizzaObj);
parentNode.append(orderMainNode);
}
function buildPizza(orderMainNode, pizzaObj) {
"use strict";
let pizzaList = pizzaObj.pizzaList;
for (let pizza of pizzaList) {
let pizzaName = pizza.name;
let orderedArticleID = pizza.orderedArticleID;
let pizzaStatus = pizza.status;
let pizzaNode = document.createElement("fieldset");
let pizzaLegend = document.createElement("legend");
pizzaNode.id = "pizzaNode." + orderedArticleID;
pizzaLegend.innerText = "Pizza " + pizzaName;
pizzaNode.append(pizzaLegend);
buildInputs(pizzaNode, orderedArticleID, pizzaStatus);
orderMainNode.append(pizzaNode);
}
}
function buildInputs(pizzaNode, orderedArticleID, status) {
"use strict";
let statusArray = [
"Bestellt", "Im Ofen", "Fertig",
"Unterwegs", "Geliefert"
];
for (let value = 0; value < 5; value++) {
let inputLabel = document.createElement("label");
pizzaNode.append(inputLabel);
inputLabel.innerText = statusArray[value];
let inputRadio = document.createElement("input");
inputLabel.append(inputRadio);
inputRadio.type = "radio";
inputRadio.name = orderedArticleID;
inputRadio.value = value.toString();
inputRadio.disabled = true;
if (value === status) {
inputRadio.checked = true;
}
}
}
window.setInterval (loadData, 2000);
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment