Jira Ticket Extractor - Mise à jour

Nouvelles fonctionnalités

1. Labels des tickets

Les labels sont maintenant automatiquement extraits et affichés dans le tableau avec un design visuel distinctif (badges verts).

Affichage :

• Chaque label apparaît comme un badge individuel
• Labels triés et espacés pour une meilleure lisibilité
• Si aucun label n'est présent, affiche " - "

Statistiques :

• Labels différents : Nombre total de labels uniques dans l'extraction
• Avec labels : Nombre de tickets qui ont au moins un label

2. Go Live Date (Champ personnalisé)

Le système supporte maintenant l'extraction et l'édition de dates personnalisées comme la "Go Live Date".

Configuration :

1. Identifiez l'ID du champ personnalisé dans Jira :

   • Allez dans un ticket Jira
   • Cliquez sur le paramètre de la date "Go Live Date"
   • Regardez l'URL ou l'inspecteur d'éléments pour trouver l'ID (ex: customfield_10206)
   • Ou demandez à votre administrateur Jira

2. Configurez dans le formulaire d'extraction :

   • Dans le champ "Champs personnalisés", entrez : customfield_10206:Go Live Date
   • Format : customfield_ID:NomAffiché
   • Pour plusieurs champs, séparez par des virgules :

     customfield_10206:Go Live Date, customfield_10002:Production Date, customfield_10003:Release Date
     

Affichage automatique :

• Les colonnes personnalisées sont automatiquement ajoutées au tableau
• Les champs contenant "date" dans le nom sont automatiquement formatés
• La date est affichée au format français (ex: 15 jan 2025)

3. Édition des dates (Due Date & Go Live Date) ⭐ NOUVEAU

Vous pouvez maintenant modifier les dates directement depuis l'interface et les mettre à jour dans Jira !

Comment modifier les dates :

1. Extrayez d'abord les tickets avec les champs personnalisés configurés
2. Les colonnes de date sont maintenant éditables :
   • Due Date : toujours éditable
   • Go Live Date (ou tout champ personnalisé contenant "date") : éditable
3. Sélectionnez une nouvelle date dans le sélecteur de date
4. Cliquez sur le bouton "Update" pour enregistrer les modifications dans Jira

Fonctionnalités de mise à jour :

• Le bouton "Update" est désactivé tant que vous ne modifiez aucune date
• Dès que vous changez une date, le bouton s'active
• Le bouton affiche un spinner pendant la mise à jour
• Un message de confirmation apparaît après une mise à jour réussie
• Les modifications sont appliquées en temps réel dans Jira

Exemple :

1. Entrez : customfield_10206:Go Live Date
2. Cliquez sur "Lancer l'extraction"
3. Modifiez la Due Date ou Go Live Date dans le tableau
4. Cliquez sur "Update" pour envoyer à Jira

4. Roadmap Draw.io ⭐ NOUVEAU

Générez une roadmap visuelle au format Draw.io (.drawio) importable dans draw.io/diagrams.net !

Contenu de la roadmap :

• Ticket Key : Identifiant du ticket (ex: PROJ-123)
• Summary : Titre/description du ticket
• Status : Statut avec code couleur
• Assigné : Personne responsable du ticket
• Timeline :
  • Début = Due Date
  • Fin = Go Live Date (customfield_10206)

Comment utiliser :

1. Extrayez les tickets avec au moins la Due Date et idéalement la Go Live Date
2. Cliquez sur l'onglet "Roadmap" dans l'interface
3. Filtrez si nécessaire :
   • "Tous les tickets" : Affiche tout
   • "En cours uniquement" : Seulement les tickets en cours (In Progress)
   • "Avec dates uniquement" : Seulement les tickets qui ont des dates
4. Aperçu interactif : La roadmap est affichée directement dans l'interface
5. Téléchargez le .drawio : Cliquez sur "Télécharger le .drawio"
6. Importez dans Draw.io : Ouvrez le fichier sur app.diagrams.net

Fonctionnalités :

• Preview interactive dans l'interface
• Code couleur selon le statut :
  • 🟢 Vert : Done/Fermé/Résolu
  • 🔵 Bleu : En cours/Review
  • 🟡 Orange : To Do/Open/Backlog
  • 🔴 Rouge : Bloqué
  • ⚪ Gris : Autre
• Timeline avec dates sur l'axe horizontal
• Chaque ticket affiche : Key, Summary, Assigné, Statut
• Format XML Draw.io standard, compatible avec draw.io/diagrams.net

Exemple d'utilisation :

1. Configurez : customfield_10206:Go Live Date
2. Cliquez sur "Lancer l'extraction"
3. Onglet "Roadmap" → Vous voyez la timeline
4. Filtrez si nécessaire (ex: "En cours uniquement")
5. Cliquez sur "Roadmap Draw.io" pour télécharger
6. Importez le fichier sur app.diagrams.net

Tableau de bord mis à jour

Le tableau de statistiques affiche maintenant :

• Tickets : Nombre total de tickets extraits
• Statuts : Nombre de statuts différents
• Non assignés : Tickets sans assigné
• En retard : Tickets dépassés et non terminés
• Labels différents : Nombre de labels uniques
• Avec labels : Tickets ayant au moins un label

Tableau amélioré

Nouvelles colonnes :

• Due Date : Maintenant éditable avec un sélecteur de date
• Labels : Affiche tous les labels du ticket sous forme de badges
• Go Live Date (ou autres champs date) : Éditable si configuré
• Actions : Bouton "Update" pour envoyer les modifications à Jira
• Colonnes personnalisées : S'ajoutent automatiquement selon la configuration

Nouveaux onglets :

• Tableau : Vue tabulaire des tickets avec édition des dates
• Roadmap : Visualisation timeline des tickets et export Draw.io
• JSON Brut : Données JSON brutes

Recherche et filtrage

La barre de recherche fonctionne maintenant sur :

• Résumé, clé du ticket
• Statut, assigné, priorité
• Labels : Vous pouvez chercher un label spécifique
• Go Live Date et autres champs personnalisés

JSON brut

Les données JSON incluent maintenant :

• labels: Tableau de tous les labels du ticket
• Tous les champs personnalisés configurés

Exemple d'utilisation

Extraction simple avec labels :

- Username: votre@email.com
- API Token: votre-token
- Clé du projet: PROJ
- Champ personnalisé: (laisser vide pour n'extraire que les labels)

Extraction et édition avec Go Live Date :

- Username: votre@email.com
- API Token: votre-token
- Clé du projet: PROJ
- Champ personnalisé: customfield_10206:Go Live Date

Après extraction :

1. Modifiez les dates dans le tableau
2. Cliquez sur "Update" pour synchroniser avec Jira

Extraction avec plusieurs champs personnalisés :

- Champ personnalisé: customfield_10206:Go Live Date, customfield_10002:Production Date, customfield_10003:Release Version

Démarrage

# Installer les dépendances
npm install

# Démarrer le serveur
npm start

Puis ouvrez index.html dans votre navigateur.

Notes importantes

• Le serveur (server.js) extrait déjà les labels automatiquement - aucune configuration nécessaire
• Les champs personnalisés doivent être explicitement configurés via l'option "customFields"
• Les champs personnalisés de type date sont automatiquement reconnus et formatés
• Pour modifier des dates dans Jira, assurez-vous que votre utilisateur a les droits d'écriture sur les tickets
• Les dates sont envoyées à Jira au format ISO (YYYY-MM-DD)
• Le bouton "Update" envoie uniquement les champs modifiés pour optimiser les performances