/** * Progetto JS - Blog Dashboard (Pagina Lista Post) * * API Base URL: http://localhost:5000/api * Risorse usate: /posts, /users * * In questa pagina si usano: * - GET → Leggere i post e gli utenti * - DELETE → Eliminare un post * * ============================================= * FASE 1 — VISUALIZZARE I POST * ============================================= * * 1. Metti a posto il file index.html con la struttura base (manca qualcosa) * 2. Al caricamento della pagina, recupera i post e gli utenti dall'API * 3. Mostra i post in una tabella con le colonne indicate nel file HTML * 4. Per ogni post, mostra il nome dell'autore (recuperato dagli utenti) * e tronca il contenuto a 50 caratteri + "..." se è più lungo * 5. Aggiungi un pulsante "Elimina" per ogni post (colonna Azioni) al click * * Suggerimenti per l'implementazione: * - Crea una funzione async "caricaPosts()" che fa un fetch GET a /api/posts * e salva i post in una variabile globale (es. "posts") * - Crea una funzione async "caricaUtenti()" che fa un fetch GET a /api/users * e salva gli utenti in una variabile globale (es. "utenti") * - Crea una funzione "mostraPosts(postsDaMostrare)" che mostra i post nella tabella */ /** * ============================================= * FASE 2 — FILTRI * ============================================= * * 1. Popola il dropdown di filtro autore (#authorFilter) con i nomi degli utenti già recuperati * 2. Fai in modo che quando l'utente scrive qualcosa nell'input di ricerca o seleziona un autore dal dropdown, i post mostrati si filtrino di conseguenza * 3. Il filtro per titolo deve cercare i post il cui titolo contiene il testo inserito (non deve essere una corrispondenza esatta) * * Suggerimenti per l'implementazione: * - Crea una funzione "popolaFiltroAutori()" che aggiunge un