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:main
Branches Tags
AndreStork:main
AndreStork:1.0

18 Commits
4f64cb71eb ... main

Author SHA1 Message Date
Andrea
a579f2e995 Reso campo note del form di aggiunta obbligatorio 2025-12-04 09:28:43 +01:00
Andrea
d66cf4483b Fix non corrispondenza id campo "note" su funzione di handle del form 2025-12-04 09:12:36 +01:00
Andrea
ca08a3ced9 Aggiunto campo note nel form di aggiunta 2025-12-04 09:10:58 +01:00
Andrea
af1a64f2dc Aggiunta campo "note" 2025-12-04 09:09:26 +01:00
Andrea
084cbb2b5f Rimosso ID Pizza da form di aggiunta 2025-12-04 09:06:48 +01:00
Andrea
e67df056b6 Changed API URL to development HTTPS web server 2025-12-04 08:39:19 +01:00
AndreStork
67fbedba7d Secondo update link repository PizzaExpress 2025-11-28 08:47:00 +00:00
AndreStork
1161670865 Update link repository server 2025-11-28 08:20:46 +00:00
AndreStork
c983e0c99d Aggiunta licenza al progetto 2025-11-26 09:47:11 +00:00
AndreStork
ccb7c6dbed Aggiunta link download release server in README 2025-11-24 13:04:22 +01:00
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
6 changed files with 70 additions and 12 deletions
Expand all files Collapse all files

13
LICENSE Normal file
View File

@@ -0,0 +1,13 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.

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/EduProjects/PizzaExpress) ([release compilata](https://git.fiorencis.eu/EduProjects/PizzaExpress/releases))
## 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:

21
add.html Normal file
View File

@@ -0,0 +1,21 @@
<!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="name">Nome</label><br>
<input type="text" id="name" name="nome" required><br>
<label for="prezzo">Prezzo</label><br>
<input type="number" step="0.01" id="price" name="prezzo" required><br>
<label for="note">Note</label><br>
<input type="text" id="note" name="note" 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>

27
script.js
View File

@@ -1,4 +1,4 @@
const apiUrl = "http://localhost:5011"; const apiUrl = "https://localhost:7297"; // Inserire qui l'URL del web server Kestrel
function listPizze(){ function listPizze(){
let reply; let reply;
@@ -11,7 +11,7 @@ function listPizze(){
.then((response) => response.json()) .then((response) => response.json())
.then((pizze) => { .then((pizze) => {
// Creiamo la tabella // Creiamo la tabella
let table = '<table><tr><th>ID</th><th>Nome</th><th>Prezzo</th><th>Azioni</th></tr>'; let table = '<table><tr><th>ID</th><th>Nome</th><th>Prezzo</th><th>Note</th><th>Azioni</th></tr>';
// Aggiungiamo ogni pizza come riga della tabella // Aggiungiamo ogni pizza come riga della tabella
pizze.pizze.forEach(pizza => { pizze.pizze.forEach(pizza => {
@@ -19,6 +19,7 @@ function listPizze(){
<td>${pizza.id}</td> <td>${pizza.id}</td>
<td>${pizza.nome}</td> <td>${pizza.nome}</td>
<td>${pizza.prezzo.toFixed(2)}€</td> <td>${pizza.prezzo.toFixed(2)}€</td>
<td>${pizza.note}</td>
<td><button class="editBtn" onclick="editPizza(${pizza.id})">Modifica</button> <td><button class="editBtn" onclick="editPizza(${pizza.id})">Modifica</button>
<button class="delBtn" onclick="deletePizza(${pizza.id})">X</button></td> <button class="delBtn" onclick="deletePizza(${pizza.id})">X</button></td>
</tr>`; </tr>`;
@@ -84,14 +85,14 @@ function editPizza(id){
} }
} }
function addPizza(nome, id, prezzo){ function addPizza(nome, prezzo, note){
const myHeaders = new Headers(); const myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json"); myHeaders.append("Content-Type", "application/json");
const raw = JSON.stringify({ const raw = JSON.stringify({
"id": id,
"nome": nome, "nome": nome,
"prezzo": prezzo "prezzo": prezzo,
"note": note
}); });
const requestOptions = { const requestOptions = {
@@ -101,14 +102,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 prezzo = document.getElementById("price").value;
const note = document.getElementById("note").value;
addPizza(nome, prezzo, note);
} }

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;