49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Esercizio 4 - Todo App CRUD</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<a href="../index.html" style="position: absolute; top: 20px; left: 20px; text-decoration: none; color: #555; font-weight: bold;">← Dashboard</a>
|
||
|
||
<div class="app-container">
|
||
<h1>✅ Todo App CRUD</h1>
|
||
<p class="subtitle">GET, POST, PUT, DELETE - App completa</p>
|
||
|
||
<!-- SEZIONE SELEZIONE UTENTE -->
|
||
<div class="config-box">
|
||
<h2>👤 Seleziona Utente</h2>
|
||
<div class="input-group">
|
||
<input type="number" id="userId" min="1" max="40" value="1" placeholder="ID Utente (1-40)">
|
||
<button id="btnLoadTodos">Carica TODO</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SEZIONE AGGIUNTA TODO -->
|
||
<div id="addTodoSection" class="add-todo-box nascosto">
|
||
<h2>➕ Aggiungi Nuovo TODO</h2>
|
||
<div class="input-group">
|
||
<input type="text" id="todoInput" placeholder="Scrivi un nuovo TODO...">
|
||
<button id="btnAddTodo">Aggiungi</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- LOADING -->
|
||
<div id="loading" class="loading nascosto">
|
||
⏳ Caricamento...
|
||
</div>
|
||
|
||
<!-- COUNTER -->
|
||
<div id="counter" class="counter nascosto"></div>
|
||
|
||
<!-- LISTA TODO -->
|
||
<div id="todosContainer" class="todos-container"></div>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|