fvtt-hamalron/TAROT_HAND_TAB.md

Onglet Main de Tarot - Fiche de Personnage

Description

Un nouvel onglet a été ajouté à la fiche de personnage permettant d'afficher de manière graphique et élégante les cartes de tarot possédées par le joueur.

Caractéristiques

Affichage Graphique

• Grille de Cartes : Les cartes sont affichées dans une grille responsive (auto-fill avec minimum 250px par carte)
• Cartes Détaillées : Chaque carte affiche :
  • Image de la carte
  • Nom de la carte
  • Symbole (Coupe, Épée, Denier, Bâton) avec code couleur
  • Valeur
  • Type (Atout, Figure, Numéro)
  • Description enrichie (HTML)

Interactions

• Drag & Drop : Les cartes peuvent être glissées depuis l'inventaire ou le compendium
• Vue Détaillée : Clic sur l'icône "œil" pour voir les détails de la carte
• Suppression : En mode édition, possibilité de supprimer une carte avec l'icône "poubelle"
• Effet de Survol : Les cartes se soulèvent légèrement au survol

État Vide

Lorsqu'aucune carte n'est présente, un message d'accueil invite le joueur à glisser des cartes depuis le répertoire d'items.

Styles et Thème

Code Couleur des Symboles

• Coupe : Bleu (#3498db)
• Épée : Rouge (#e74c3c)
• Denier : Or (#f39c12)
• Bâton : Vert (#2ecc71)

Design

• Cartes avec fond dégradé sombre et bordures arrondies
• Ombres portées pour effet de profondeur
• Animation au survol (translation verticale)
• Scrollbar personnalisée pour les descriptions longues
• Icônes Font Awesome pour une meilleure lisibilité

Structure Technique

Fichiers Créés

1. templates/personnage-tarot.hbs

   • Template Handlebars pour l'onglet Tarot
   • Affichage en grille des cartes
   • Gestion de l'état vide

2. styles/personnage-tarot.less

   • Styles LESS pour l'onglet
   • Design responsive
   • Animations et transitions

Fichiers Modifiés

1. module/applications/sheets/personnage-sheet.mjs

   • Ajout du PART "tarot"
   • Ajout de l'onglet dans #getTabs()
   • Préparation des données dans _preparePartContext()
   • Enrichissement des descriptions HTML

2. lang/en.json

   • Ajout des traductions :
     • HAMALRON.Label.tarotHand : "Tarot Hand"
     • HAMALRON.Label.cards : "Cards"
     • HAMALRON.Label.noTarotCards : "No Tarot Cards"
     • HAMALRON.Label.dragTarotHere : "Drag tarot cards here..."
     • HAMALRON.ViewDetails : "View Details"

3. styles/fvtt-hamalron.less

   • Import de personnage-tarot.less

Utilisation

Pour les Joueurs

1. Ouvrir la fiche de personnage
2. Cliquer sur l'onglet "Tarot Hand" (icône de cartes)
3. Glisser des cartes de tarot depuis :
   • Le répertoire d'items
   • Un compendium de tarots
   • L'inventaire

Pour les MJs

Les MJs peuvent utiliser le Gestionnaire de Deck de Tarot pour tirer des cartes et les distribuer aux joueurs via drag & drop.

Intégration

L'onglet s'intègre parfaitement avec :

• Le système de drag & drop existant de Foundry VTT
• La gestion d'items du personnage
• Le mode édition/lecture de la fiche
• Les autres onglets du personnage

Notes Techniques

• Les descriptions sont enrichies avec TextEditor.enrichHTML() pour supporter le formatage HTML
• Les cartes sont triées alphabétiquement par nom
• Le design est responsive et s'adapte aux différentes tailles d'écran
• Gestion propre de l'état vide avec message d'invitation