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 ## Informazioni su CORS
Per svariati motivi il web frontend potrebbe non riuscire ad effettuare richieste API ad altri endpoint per direttive 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: 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>

12
index.html
View File

@@ -12,10 +12,14 @@
<h1>PizzaExpress</h1> <h1>PizzaExpress</h1>
</header> </header>
<main> <main>
<button onclick="location.href='add.html'">+</button> <div class="pageControls">
<button onclick="listPizze()">Aggiorna</button> <div>
<br><br> <button onclick="window.open('add.html', 'popup', 'width=400,height=300')">+</button>
<div id="tabellaPizze"></div> <button onclick="listPizze()">Aggiorna</button>
<br><br>
</div>
<div id="tabellaPizze"></div>
</div>
</main> </main>
</body> </body>
</html> </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(); const myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json"); myHeaders.append("Content-Type", "application/json");
@@ -101,14 +101,24 @@ function addPizza(nome, id, prezzo){
redirect: "follow" redirect: "follow"
}; };
fetch(apiUrl + "/api/pizze/" + id, requestOptions) fetch(apiUrl + "/api/pizze", requestOptions)
.then((response) => response.text()) .then((response) => response.text())
.then((result) => { .then((result) => {
alert("Pizza aggiunta con successo!"); alert("Pizza aggiunta con successo! Aggiorna la lista per mostrarla in pagina.");
listPizze(); window.close();
}) })
.catch((error) => { .catch((error) => {
console.error(error) console.error(error)
alert("Errore nell'aggiunta, controllare la console per dettagli sull'errore."); 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; border-style: none;
} }
.pageControls{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.editBtn{ .editBtn{
background-color: aqua; background-color: aqua;
color: black; color: black;