📁 Documentation Interactive - Eventually

1. Fiches d’index rapides

📁 Arborescence du projet
🧠 Liste des fonctions (avec fichier associé)
  • main.js
  • cartes.js
  • categories.js
  • config.js
  • corbeille.js
  • filters.js
  • modification.js
  • palette.js
  • palettesData.js
  • ui.js
  • uiCategories.js
  • /DB>
    • indexedDB.js
      • ouvrirDB
      • importerCategories
      • getCategories
      • getCategorieByNom
      • getCartes
      • getCarteById
      • ajouterCategorie
      • ajouterCarte
      • modifierCategorie
      • modifierCarte
      • supprimerCategorie
      • supprimerCarte
      • exporterCartes
      • importerCartes
      • lireStore
      • lireParCle
      • ecrireDansStore
      • supprimerDansStore
      • deplacerCarteDansCorbeille
  • /utils
    • helpers.js
      • getTextColor
      • rgbToHex
      • getNomCouleur
  • 2. Vue par composante

    🟩 COMPOSANTES MAJEURES

    📝 Cartes

    🟦 Carte individuelle

    Fichiers impliqués :

    cartes.js
    ui.js
    cartes.css

    Commentaires :

    📄 Code
    🔃 Comportement au clic / modification / suppression

    Fichiers impliqués :

    cartes.js
    ui.js

    Commentaires :

    📄 Code
    🏷️ Tags / Couleur de la carte

    Fichiers impliqués :

    cartes.js
    ui.js
    cartes.css

    Commentaires :

    📄 Code
    👁️ Affichage conditionnel (filtre, catégorie active, etc.)

    Fichiers impliqués :

    ui.js
    main.js

    Commentaires :

    📄 Code

    🧾 Modales

    ➕ Modale de création de carte

    Fichiers impliqués :

    index.html
    main.js
    cartes.js
    ui.js
    modales.css

    Commentaires :

    📄 Code
    📝 Modale de modification de carte

    Fichiers impliqués :

    index.html
    cartes.js
    ui.js

    Commentaires :

    📄 Code
    🎨 Modale de création de catégorie

    Fichiers impliqués :

    index.html
    categories.js
    ui.js
    modales.css

    Commentaires :

    📄 Code
    🧭 Modale de choix de type de catégorie

    Fichiers impliqués :

    index.html
    categories.js
    ui.js

    Commentaires :

    📄 Code
    🧩 Modale de gestion (import/export)

    Fichiers impliqués :

    index.html
    ui.js
    indexedDB.js

    Commentaires :

    📄 Code
    🗑️ Modale de la corbeille

    Fichiers impliqués :

    index.html
    corbeille.js
    ui.js

    Commentaires :

    📄 Code
    📑 Modale de visualisation d’une carte

    Fichiers impliqués :

    index.html
    ui.js
    modales.css

    Commentaires :

    📄 Code

    🗂 Catégories

    📁 Affichage des catégories principales / enfants

    Fichiers impliqués :

    categories.js
    ui.js
    index.html

    Commentaires :

    📄 Code
    ➕ Ajout / édition / suppression de catégorie

    Fichiers impliqués :

    categories.js
    ui.js
    modales.css

    Commentaires :

    📄 Code
    🎨 Couleur des catégories (héritée ou personnalisée)

    Fichiers impliqués :

    categories.js
    palettesData.js
    ui.js

    Commentaires :

    📄 Code
    📌 Choix d'une catégorie parent

    Fichiers impliqués :

    categories.js
    ui.js
    main.js

    Commentaires :

    📄 Code

    🗑 Corbeille

    📦 Affichage des cartes supprimées

    Fichiers impliqués :

    corbeille.js
    ui.js
    index.html

    Commentaires :

    📄 Code
    🔁 Restauration / suppression définitive

    Fichiers impliqués :

    corbeille.js
    indexedDB.js
    ui.js

    Commentaires :

    📄 Code
    🔄 Affichage différencié / filtrage

    Fichiers impliqués :

    corbeille.js
    ui.js
    corbeille.css

    Commentaires :

    📄 Code

    🟨 INTERFACE & NAVIGATION

    🍔 Menu hamburger

    Fichiers impliqués :

    index.html
    main.js
    ui.js

    Commentaires :

    📄 Code
    🟨 Boutons "Par catégories / Par cartes"

    Fichiers impliqués :

    index.html
    main.js
    ui.js

    Commentaires :

    📄 Code
    🧭 Navigation mobile vs desktop (adaptatif)

    Fichiers impliqués :

    main.js
    ui.js
    index.html

    Commentaires :

    📄 Code

    📐 Layout / Structure

    🔀 Double panneau (catégories + cartes)

    Fichiers impliqués :

    index.html
    main.js
    ui.js
    disposition.css

    Commentaires :

    📄 Code
    📱 Vue dédiée en mobile

    Fichiers impliqués :

    index.html
    main.js
    disposition.css

    Commentaires :

    📄 Code
    🪟 Comportement responsive

    Fichiers impliqués :

    disposition.css
    mediaqueries.css
    index.html

    Commentaires :

    📄 Code

    🎨 Styles & Visuels

    🎨 Palette de couleurs (sélection, aperçu, application dynamique)

    Fichiers impliqués :

    palette.js
    palettesData.js
    index.html

    Commentaires :

    📄 Code
    🖌️ Styles dynamiques (ex. : couleur de fond selon catégorie)

    Fichiers impliqués :

    ui.js
    cartes.js
    cartes.css

    Commentaires :

    📄 Code
    🔖 Tags visuels (avec couleurs)

    Fichiers impliqués :

    cartes.js
    ui.js
    cartes.css

    Commentaires :

    📄 Code
    📚 Charte graphique intégrée (si applicable)

    Fichiers impliqués :

    styles.css
    palette.js
    index.html

    Commentaires :

    📄 Code

    🧠 Mécaniques fonctionnelles

    🧠 Chargement depuis IndexedDB

    Fichiers impliqués :

    indexedDB.js
    main.js
    ui.js

    Commentaires :

    📄 Code
    💾 Sauvegarde / mise à jour / suppression

    Fichiers impliqués :

    indexedDB.js
    cartes.js
    categories.js

    Commentaires :

    📄 Code
    📥 Import/export (fichiers .json, .zip, etc.)

    Fichiers impliqués :

    indexedDB.js
    ui.js

    Commentaires :

    📄 Code
    🔄 Synchronisation UI / base de données

    Fichiers impliqués :

    ui.js
    main.js
    indexedDB.js

    Commentaires :

    📄 Code
    🕹️ Gestion de l’état global

    Fichiers impliqués :

    main.js
    ui.js

    Commentaires :

    📄 Code

    🧰 Utilitaires techniques

    🕶️ Masquage / affichage de sections dynamiquement

    Fichiers impliqués :

    ui.js
    main.js

    Commentaires :

    📄 Code
    🧪 Logiques de validation

    Fichiers impliqués :

    cartes.js
    categories.js

    Commentaires :

    📄 Code
    🎯 Rappel de focus / scroll vers élément (modif carte)

    Fichiers impliqués :

    ui.js
    cartes.js
    main.js

    Commentaires :

    📄 Code
    🧭 Historique de navigation / retour sur dernière carte vue

    Fichiers impliqués :

    ui.js
    main.js

    Commentaires :

    📄 Code