AndreStork/pizzaexpress-webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Compare commits

base: AndreStork:4f64cb71ebbea94942812cfad0d554e40f31563c
Branches Tags
AndreStork:main
AndreStork:1.0
...
compare: AndreStork:1.0
Branches Tags
AndreStork:main
AndreStork:1.0

8 Commits
4f64cb71eb ... 1.0

Author SHA1 Message Date
AndreStork
ba1a68a255 Aggiornamento link repository PizzaExpress su README.md 2025-11-20 08:00:51 +00:00
AndreStork
5702600095 Update README.md 2025-11-20 07:58:30 +00:00
AndreStork
306dd41e3b Small change to pizza add success message 2025-11-17 12:08:05 +01:00
Andrea
c4475a1458 Reso il messaggio di aggiunta pizza più chiaro 2025-11-13 09:24:40 +01:00
Andrea
85afdbdbbe Lieve aggiustamento form aggiunta 2025-11-13 09:24:10 +01:00
Andrea
5dec469c24 Fix aggiunta pizza non funzionante 2025-11-13 09:23:31 +01:00
Andrea
f38f06bef6 Implementazione form aggiunta 2025-11-13 09:10:46 +01:00
Andrea
a28fdb198b Controlli allineati al centro 2025-11-13 08:52:43 +01:00
5 changed files with 51 additions and 8 deletions
Expand all files Collapse all files

2
README.md
View File

@@ -1,3 +1,5 @@
Applicazione web per interfacciarsi a PizzaExpress, disponibile per il download su [questo repository](https://git.fiorencis.eu/SmerdoRepository/PizzaExpress)
## Informazioni su CORS
Per svariati motivi il web frontend potrebbe non riuscire ad effettuare richieste API ad altri endpoint per direttive CORS.
In caso di errori CORS assicurarsi che:

20
add.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aggiungi pizza</title>
<script src="script.js"></script>
</head>
<body>
<form id="addForm" onsubmit="handleAddPizza(event)" >
<label for="id">ID Pizza</label><br>
<input type="number" id="id" name="id" required><br>
<label for="name">Nome</label><br>
<input type="text" id="name" name="name" required><br>
<label for="prezzo">Prezzo</label><br>
<input type="number" step="0.01" id="price" name="price" required><br><br>
<input type="submit" value="Aggiungi">
</form>
</body>
</html>

6
index.html
View File

@@ -12,10 +12,14 @@
<h1>PizzaExpress</h1>
</header>
<main>
<button onclick="location.href='add.html'">+</button>
<div class="pageControls">
<div>
<button onclick="window.open('add.html', 'popup', 'width=400,height=300')">+</button>
<button onclick="listPizze()">Aggiorna</button>
<br><br>
</div>
<div id="tabellaPizze"></div>
</div>
</main>
</body>
</html>

18
script.js
View File

@@ -84,7 +84,7 @@ function editPizza(id){
}
}
function addPizza(nome, id, prezzo){
function addPizza(id, nome, prezzo){
const myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
@@ -101,14 +101,24 @@ function addPizza(nome, id, prezzo){
redirect: "follow"
};
fetch(apiUrl + "/api/pizze/" + id, requestOptions)
fetch(apiUrl + "/api/pizze", requestOptions)
.then((response) => response.text())
.then((result) => {
alert("Pizza aggiunta con successo!");
listPizze();
alert("Pizza aggiunta con successo! Aggiorna la lista per mostrarla in pagina.");
window.close();
})
.catch((error) => {
console.error(error)
alert("Errore nell'aggiunta, controllare la console per dettagli sull'errore.");
});
}
function handleAddPizza(event){
event.preventDefault();
const nome = document.getElementById("name").value;
const id = document.getElementById("id").value;
const prezzo = document.getElementById("price").value;
addPizza(id, nome, prezzo);
}

7
style.css
View File

@@ -30,6 +30,13 @@ button{
border-style: none;
}
.pageControls{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.editBtn{
background-color: aqua;
color: black;