Temps de lecture : 6 min

Fonctionnalité

monday-dev-banner (2).png

L'intégration GitHub que vous connaissez et aimez déjà peut être intégrée dans vos travaux monday dev. Et si nous vous disions que vous pouvez visualiser les données synchronisées en temps réel depuis GitHub directement dans votre tableau ? C'est exactement ce que nous voulons vous présenter avec l'application GitHub UI.

Qu'est-ce que GitHub UI ?

GitHub UI est une application qui peut être ajoutée en tant que widget dans votre vue Fiche élément pour prévisualiser les données de vos référentiels GitHub. Vous pouvez personnaliser l'application pour afficher toutes vos branches GitHub, vos engagements, vos demandes de retrait et le statut CI/CD pour chacune de vos tâches de développement. Elle est synchronisée avec votre compte GitHub pour vous montrer uniquement les données en temps réel.

Comment la configurer ?

Ouvrez la fiche de l'élément de l'un des éléments de votre tableau et cliquez sur le « + » pour ajouter. Git UI depuis le Centre de vue des éléments. L'application s'ouvrira dans un nouvel onglet Git UI. Ensuite, cliquez simplement sur Connecter à GitHub. Group 64 (75).png

Remarque : si l'application n'a pas été préconfigurée pour le tableau sur lequel vous souhaitez l'utiliser, appuyez simplement sur le '+' et sélectionnez « Git UI » dans le Centre de vue des éléments.

Vous serez redirigé vers la page GitHub illustrée ci-dessous, où vous pourrez cliquer sur « Installer » pour continuer. Group 64 (76).png

Vous avez ensuite la possibilité de synchroniser tous les référentiels ou de sélectionner des référentiels spécifiques, puis de cliquer sur « Installer » si vous acceptez les conditions.

Remarque : il est important de noter que les autorisations énumérées ici sont requises par GitHub. En aucun cas, l'approbation de ces autorisations ne permet à monday.com d'accéder aux données sensibles de votre compte GitHub.

Group 64 (77).png

Lorsque vous accédez à l'écran suivant listant les autorisations, cliquez sur « Autoriser » pour continuer. Une fois encore, nous tenons à vous préciser que monday.com n'aura accès qu'aux informations et à l'activité générales du compte, mais ne pourra jamais lire les données que vous téléchargez sur GitHub. Group 64 (78).png

Cliquez sur le « x » dans le coin supérieur droit de l'écran contextuel pour commencer à utiliser l'application directement dans la fiche de l'élément où vous avez commencé le flux.

Comment cela fonctionne-t-il ?

À l'aide de la colonne ID de l'élément, vous pouvez lier les éléments de votre tableau aux problèmes et aux demandes de retrait dans GitHub. Voyons ensemble comment ça marche.

Conseil : si vous avez besoin d'aide pour ajouter et configurer la colonne ID de l'élément ou si vous voulez en savoir plus, consultez cet article.

La colonne d'identification des éléments attribue automatiquement un numéro d'identification aléatoire à chaque élément ou sous-élément de votre tableau. Vous pouvez copier cet identifiant dans votre presse-papiers en cliquant simplement sur le numéro, comme indiqué ci-dessous. download (29).gif

Vous pouvez désormais coller le numéro d'identification dans le nom ou la description d'une demande de retrait ou d'un problème. L'utilisation du numéro d'identification généré par monday.com permettra de créer le lien entre une demande de retrait ou un problème dans GitHub et le bon élément de monday dev. Group 64 (84).png

Conseil : vous pouvez connecter des problèmes et des demandes de retrait existants en les modifiant pour ajouter l'ID de l'élément.

Vous pouvez maintenant voir le problème que vous avez créé sous l'onglet « Problèmes » dans la fiche de l'élément correspondant. Group 64 (80).png

Quelles informations s'affichent ?

Les données affichées dans l'application GitHub UI sont classées en trois onglets :Demandes de retraits, Problèmes et Engagements.

Pull requests

L'onglet « Demandes de retraits » liste chaque demande dans le style d'un élément de monday dev. Bien que vous ne puissiez pas interagir avec les colonnes, toutes les informations importantes sont visibles. Les demandes sont listées verticalement et les informations pertinentes sont listées horizontalement sous les « colonnes » suivantes :

Montrez-moi les colonnes !

Titre - le nom de la demande de retrait, qui est également un lien direct vers le fichier dans GitHub.
Référentiel - de quel référentiel proviennent les changements
Statut - l'état d'avancement de la demande
Auteur - le demandeur
Relecteurs - les personnes ou l'équipe chargées d'examiner les changements
Étiquettes - l'étiquette associée à la demande de retrait
Modifications - un décompte en temps réel du nombre de modifications apportées
Dernière mise à jour - une indication en temps réel de la date à laquelle les dernières modifications ont été effectuées

Group 64 (83).png

Remarque : si un collaborateur utilise la même adresse électronique avec GitHub et avec monday dev, l'application GitHub UI applique la photo de profil de monday dev de l'utilisateur dans les colonnes « Auteur » et « Relecteurs ».

Problèmes

L'onglet «« Problèmes » répertorie tous les problèmes qui ont été étiquetés avec le même ID d'élément. Ils sont structurés comme des éléments, tout comme les demandes de retrait, et sont organisés selon les colonnes suivantes :

Montrez-moi les colonnes !

Titre - le nom du problème, qui est également un lien direct vers le fichier dans GitHub.
Référentiel - de quel référentiel provient le problème
Nombre - combien de problèmes sont présents
Statut - l'état d'avancement de la résolution du problème
Auteur - le créateur du problème
Personnes assignées - les individus ou l'équipe qui sont assignés à la résolution du problème.
Étiquettes - l'étiquette associée à la question
Créé à - l'heure ou la date à laquelle le problème s'est produit
Dernière mise à jour - une indication en temps réel de la date à laquelle le problème s'est produit

Group 64 (85).png

Branches

L'onglet « Branches » montre toutes les branches liées à un élément donné de votre tableau. Elles sont organisées dans les colonnes suivantes :

Montrez-moi les colonnes !

Nom - le nom de fichier de la branche, directement lié à la branche dans GitHub
Référentiel - de quel référentiel provient cette branche
Auteur - le créateur de la branche
Branche de base - la branche d'origine
Validations - combien de validations ont été effectuées sur cette branche ?
Dernière mise à jour - une indication en temps réel de la date à laquelle les dernières modifications ont été effectuées
Demande de retrait - un lien pour créer une nouvelle demande de retrait ou un lien vers la demande de retrait existante dans GitHub

Group 64 (81).png

Nous avons inclus un script qui crée automatiquement une branche connectée à votre élément, ce qui signifie que vous n'avez pas besoin de saisir manuellement l'ID de l'élément pour connecter les deux.

Conseil : vous pouvez créer une nouvelle demande de retrait en cliquant sur le bouton bleu « Créer un PR » sous la colonne « Demande de retrait » de l'onglet « Branches ». Vous la verrez apparaître instantanément dans GitHub ainsi que dans votre onglet « Demandes de retrait » !

Engagements

L'onglet « Engagements » montre toutes les branches liées à un élément donné de votre tableau. Elles sont organisées dans les colonnes suivantes :

Montrez-moi les colonnes !

Message - le message concernant cet engagement
Référentiel - de quel référentiel provient cet engagement
Branche - sur quelle branche cet engagement est situé
Auteur - le créateur de la branche
Créé à - l'heure de création

Group 64 (82).png

Résumez vos données

Alors que la liste détaillée de tous vos problèmes, demandes de retrait et branches vous fournit des détails spécifiques, la vue « Résumé » vous montre une répartition visuelle des données agrégées dans votre application GitHub.

Pour afficher le résumé de votre application, cliquez sur le menu latéral dans le coin supérieur droit de votre application, puis sur « Paramètres », comme indiqué ci-dessous. Group 64 (87).png

Cliquez sur le menu déroulant sous Sélectionner la vue Git UI et sélectionnez Résumé. Maintenant vous pouvez voir toutes vos données organisées par :

Demandes de retrait - le nombre de demandes et une représentation de type batterie de leurs statuts
Problèmes - le nombre de problèmes et une représentation de type batterie de leurs statuts
Parties prenantes - le nombre de parties prenantes et leurs photos de profil monday
Durée - le temps total pendant lequel toutes ces données ont été ouvertes

Group 64 (88).png

Conseil : vous pouvez survoler n'importe quel graphique batterie pour voir quel statut chaque couleur représente et combien d'éléments sont étiquetés avec chaque statut. Si vous survolez une photo de profil, le nom de la partie prenante s'affiche, et si vous survolez la durée, vous pouvez voir les dates de début et de fin de cette période.

Si vous avez la moindre question, n'hésitez pas à contacter notre équipe ici. Nous sommes disponibles 24h/24, 7j/7 et sommes toujours heureux de vous aider.

Appli Git UI

Qu'est-ce que GitHub UI ?

Comment la configurer ?

Comment cela fonctionne-t-il ?

Quelles informations s'affichent ?

Résumez vos données

Commentaires