mirror of
https://github.com/R0m1k3/noteflow.git
synced 2026-10-11 17:29:37 +02:00
Claude
17a088ec05
Implémentation d'un système d'expansion inline des notes au lieu de modals: - Les notes s'agrandissent directement dans la grille au clic - Mode compact: prévisualisation avec titre, contenu, image, premiers 3 todos - Mode étendu: édition complète avec titre, contenu, todos, image, actions - Auto-save avec debounce (1s) sur les modifications - Filtres Actives/Archivées pour organiser les notes - Système d'archivage avec endpoint API dédié Fonctionnalités inline: - expandNote(noteId): agrandir une note - collapseNote(): réduire la note étendue - saveNoteInline(noteId): sauvegarde auto avec debounce - archiveNote(noteId, archived): archiver/désarchiver - deleteNoteInline(noteId): supprimer depuis l'inline - Gestion complète des todos inline (add, toggle, delete) - Upload/suppression d'images inline - Fermeture avec Escape Event delegation pour performances: - Tous les événements gérés via delegation sur #notesGrid - Suppression de tous les attributs onclick/onchange (CSP compliant) - Click handlers: expand, collapse, archive, delete, image, todos - Change handlers: checkbox todos inline CSS moderne avec shadows: - .note-card.expanded: carte agrandie sur toute la largeur - Styles inline pour titre, contenu, todos, image, footer - Transitions fluides et hover effects - View filters avec background pills - Responsive grid layout Backend prêt: - GET /api/notes?archived=true/false - PUT /api/notes/:id/archive - Todos chargés avec chaque note - Migration auto colonne 'archived'