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

Compare commits

base: AndreStork:c983e0c99d113f1af0e982ceaa718d79d9848644
Branches Tags
AndreStork:main
AndreStork:1.0
..
compare: AndreStork:main
Branches Tags
AndreStork:main
AndreStork:1.0

8 Commits
c983e0c99d ... 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
3 changed files with 14 additions and 12 deletions
Expand all files Collapse all files

2
README.md
View File

@@ -1,4 +1,4 @@
Applicazione web per interfacciarsi a PizzaExpress, disponibile per il download su [questo repository](https://git.fiorencis.eu/SmerdoRepository/PizzaExpress) ([release compilata](https://git.fiorencis.eu/SmerdoRepository/PizzaExpress/releases)) 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.

9
add.html
View File

@@ -8,12 +8,13 @@
</head> </head>
<body> <body>
<form id="addForm" onsubmit="handleAddPizza(event)" > <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> <label for="name">Nome</label><br>
<input type="text" id="name" name="name" required><br> <input type="text" id="name" name="nome" required><br>
<label for="prezzo">Prezzo</label><br> <label for="prezzo">Prezzo</label><br>
<input type="number" step="0.01" id="price" name="price" required><br><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"> <input type="submit" value="Aggiungi">
</form> </form>
</body> </body>

15
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(id, nome, 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 = {
@@ -117,8 +118,8 @@ function handleAddPizza(event){
event.preventDefault(); event.preventDefault();
const nome = document.getElementById("name").value; const nome = document.getElementById("name").value;
const id = document.getElementById("id").value;
const prezzo = document.getElementById("price").value; const prezzo = document.getElementById("price").value;
const note = document.getElementById("note").value;
addPizza(id, nome, prezzo); addPizza(nome, prezzo, note);
} }