¿Cómo podemos ayudar?

Aplicación Git UI

 

monday-dev-banner (2).png

 

La integración con GitHub que ya conoces y te encanta puede integrarse con tus flujos de trabajo de monday dev, pero... ¿y si te dijéramos que puedes ver datos sincronizados en tiempo real de GitHub directamente en tu tablero? ¡Eso es lo que te ofrecemos con la app GitHub UI!

 

¿Qué es GitHub UI?

GitHub UI es una aplicación que puede agregarse como un widget dentro de tu vista de ficha del elemento para obtener una vista previa de los datos de tus repositorios de GitHub. Puedes personalizar la aplicación para ver todas las ramas, las confirmaciones (commits) y las solicitudes de extracción (pull requests) en GitHub, además del estado de CI/CD de cada una de tus tareas de desarrollo. Se sincroniza con tu cuenta de GitHub para mostrar solo datos en tiempo real. 

 

¿Cómo se configura?

Abre la ficha del elemento de cualquiera de los elementos de tu tablero y haz clic en el "+" para agregar Git UI desde el Centro de vistas de elementos. La app se abrirá como una nueva pestaña de Git UI.Ahora, simplemente haz clic en Conectar a GitHub. Group 64 (75).png

 

Nota: Si la app no está preconfigurada para el tablero en el que quieres usarla, simplemente haz clic en “+” y selecciona Git UI en el Centro de vistas del elemento. 

 

Se te redirigirá a la página de GitHub que se muestra a continuación, donde puedes hacer clic en Instalar para continuar. Group 64 (76).png

 

Tendrás la opción de sincronizar todos los repositorios o seleccionar repositorios específicos y luego deberás hacer clic en Instalar si aceptas las condiciones. 

 

Nota: Es importante mencionar que GitHub exige los permisos que se enumeran aquí. La aprobación de estos permisos no le otorga a monday.com acceso a datos sensibles dentro de tu cuenta de GitHub en ninguna circunstancia.

 

Group 64 (77).png

Cuando llegues a la próxima pantalla donde se enumeran los permisos, haz clic en Autorizar para continuar. Nuevamente, queremos que sepas que monday.com solo tendrá acceso a la información y actividad general de la cuenta, pero jamás tendrá acceso para leer los datos que cargues a GitHub. Group 64 (78).png

 

Haz clic en la “x” en la esquina superior derecha de la pantalla emergente para empezar a usar la aplicación en la ficha del elemento donde empezaste el flujo. 

 

¿Cómo funciona?

Con la columna ID del elemento, puedes conectar los elementos en tu tablero con incidencias y solicitudes de extracción en GitHub. Veamos cómo funciona.

 

Sugerencia: Si necesitas ayuda para agregar y configurar la columna ID del elemento, o si quieres obtener más información al respecto, consulta este artículo

 

La columna ID del elemento asignará automáticamente un número de ID aleatorio a cada uno de los elementos o subelementos en tu tablero. Puedes copiar este ID a tu portapapeles con solo hacer clic en el número, como se muestra a continuación. download (29).gif

 

Ahora puedes pegar el número de ID en el nombre o en la descripción de cualquier solicitud de extracción o incidencia. Con el número de ID generado por monday.com, se creará un enlace entre una solicitud de extracción o incidencia en GitHhub y el elemento correcto de monday dev.Group 64 (84).png 

Sugerencia: Si quieres conectar incidencias y solicitudes de extracción existentes, debes editarlas para agregar el ID del elemento. 

 

Ahora puedes ver la incidencia que creaste en la pestaña Incidencias en la ficha del elemento correspondiente. Group 64 (80).png

 

¿Qué información se muestra?

Los datos que se muestran en la aplicación GitHub UI se clasifican en pestañas que incluyen Pull requests, Issues, Ramas y Commits.

 

Solicitudes de extracción

La pestaña Pull requests enumera cada pull request en el estilo de un elemento de monday dev. Si bien no puedes interactuar con las columnas, toda la información importante está a la vista. Los pull request se muestran de forma vertical y la información relevante aparece de forma horizontal en las siguientes “columnas”:

 

¡Muéstrame las columnas! 
  • Título: el nombre de la solicitud de extracción, que también es un enlace directo al archivo en GitHub
  • Repositorio: el repositorio de donde vienen los cambios
  • Estado: el estado actual de la solicitud
  • Autor: el solicitante
  • Revisores: las personas o el equipo a cargo de revisar los cambios
  • Etiquetas: la etiqueta asociada con la solicitud de extracción
  • Cambios: un recuento en vivo de la cantidad de cambios hechos
  • Última actualización: una indicación en vivo de hace cuánto se hicieron los últimos cambios

 

Group 64 (83).png

 

Nota: Si un miembro del equipo usa la misma dirección de e-mail con GitHub y con monday dev, la app GitHub UI aplicará la foto de perfil de monday dev del usuario en las columnas Autor y Revisores

 

Incidencias

La pestaña Issues muestra una lista de todas las propuestas etiquetadas con el mismo ID del elemento. Se muestran como elementos, al igual que los pull request, y se organizan en las siguientes columnas:

 

¡Muéstrame las columnas! 
  • Título: el nombre de la incidencia, que también es un enlace directo al archivo en GitHub
  • Repositorio: el repositorio de donde viene la incidencia
  • Número: cuántos issues hay presentes
  • Estado: el estado actual de la incidencia
  • Autor: el creador de la incidencia
  • Titulares: las personas o el equipo a cargo de solucionar la incidencia
  • Etiquetas: la etiqueta asociada con la incidencia
  • Creado el: la hora o la fecha en la que se creó la incidencia
  • Última actualización: una indicación en vivo de hace cuánto tiempo se creó la incidencia

 

Group 64 (85).png

 

Ramas

La pestaña Ramas muestra todas las ramas relacionadas con un elemento determinado en tu tablero. Se organizan en las siguientes columnas: 

 

¡Muéstrame las columnas! 
  • Nombre: el nombre de archivo de la rama, enlazado directamente con la rama en GitHub
  • Repositorio: el repositorio de donde viene la rama
  • Autor: el creador de la rama
  • Rama base: la rama fuente 
  • Commits: cuántas commits (confirmaciones) tiene esta rama
  • Última actualización: una indicación en vivo de hace cuánto se hicieron los últimos cambios
  • Solicitud de extracción: un enlace para crear una solicitud de extracción nueva o un enlace a una existente en GitHub

 

Group 64 (81).png

Incluimos un código que crea automáticamente una rama conectada a tu elemento, lo que significa que no necesitas ingresar manualmente tu ID del elemento para conectar ambas cosas. 

 

Sugerencia: puedes crear un nuevo pull request haciendo clic en el botón Crear PR debajo de la columna Pull request en la pestaña Ramas. Verás que aparece instantáneamente en GitHub y en la pestaña "Pull requests".

 

Commits

La pestaña Commits muestra todas las ramas relacionadas con cualquier elemento determinado en su tablero. Se organizan en las siguientes columnas: 

 

¡Muéstrame las columnas! 
  • Mensaje: el mensaje de este commit
  • Repositorio: de qué repositorio proviene este commit
  • Rama: en qué rama se encuentra este commit
  • Autor: el creador de la rama
  • Creado en: la fecha de creación

 

Group 64 (82).png

Resume tus datos

Mientras que la lista detallada de todos tus issues, pull requests y ramas te muestra detalles específicos, la vista de Resumen te mostrará un desglose visual de los datos agregados en tu app de GitHub. 

Para mostrar el resumen de tu app, haz clic en el menú de tres puntos en la esquina superior derecha de tu app y luego haz clic en Ajustes, como se muestra a continuación. Group 64 (87).png

 

Haz clic en el menú desplegable en Seleccionar vista de interfaz de usuario de Git y selecciona Resumen. Ahora puedes ver todos tus datos organizados en:

  • Solicitudes de extracción: la cantidad de solicitudes y una representación al estilo gráfico de batería del estado de cada una
  • Incidencias: la cantidad de incidencias y una representación al estilo gráfico de batería del estado de cada una
  • Partes interesadas: la cantidad de partes interesadas y sus fotos de perfil de monday.com
  • Duración: la cantidad total de tiempo durante el cual estos datos estuvieron abiertos

Group 64 (88).png

 

Sugerencia: Puedes pasar el cursor sobre cualquiera de los gráficos de batería para ver qué estado representa cada color y cuántos elementos están etiquetados con cada estado. Si pasas el cursor sobre una foto de perfil, se muestra el nombre de la parte interesada, y puedes pasar el cursor sobre la duración para ver las fechas de inicio y finalización de este periodo.

 

Si tienes preguntas, comunícate con nuestro equipo aquí. Estamos disponibles las 24 horas, los 7 días de la semana, y será un gusto ayudarte.