Como podemos ajudar?

App GitHub UI

 

monday-dev-banner (2).png

 

A integração com o GitHub que você já conhece e ama pode ser integrada aos seus fluxos de trabalho do monday dev. Mas e se disséssemos que você pode visualizar dados sincronizados em tempo real do GitHub diretamente dentro do seu quadro? Isso é exatamente o que queremos apresentar a você com aplicativo GitHub UI!

 

O que é GitHub UI?

GitHub UI é um aplicativo que pode ser adicionado como um widget dentro da sua visualização de cartão de elemento para visualizar dados de seus repositórios do GitHub. Você pode personalizar o aplicativo para mostrar todas as suas filiais, compromissos, solicitações de pull do GitHub e o status CI/CD para cada uma de suas tarefas de desenvolvimento. Ele é sincronizado com sua conta do GitHub para mostrar apenas dados em tempo real. 

 

Como configurar

Abra o cartão do elemento de qualquer um dos elementos no seu quadro e clique em "+" para adicionar o Git UI a partir da central de visualização de elementos. O app será aberto como uma nova aba Git UI. Agora basta clicar em Conectar ao GitHub. Group 64 (75).png

 

Nota: se o app não tiver sido pré-configurado para o quadro no qual você deseja usá-lo, basta pressionar '+' e selecionar Git UI a partir da central de visualização de elementos. 

 

Você será redirecionado para a página do GitHub exibida abaixo, onde pode clicar em Instalar para continuar. Group 64 (76).png

 

Em seguida, é dada a opção de sincronizar todos os repositórios ou selecionar repositórios específicos. Em seguida, clique em Instalar se concordar com os termos. 

 

Nota: é importante notar que as permissões listadas aqui são exigidas pelo GitHub. Em nenhuma circunstância , a aprovação dessas permissões concede monday.com acesso a dados confidenciais dentro de sua conta do GitHub.

 

Group 64 (77).png

Quando você alcançar as seguintes permissões de listagem de tela, clique em Autorizar para continuar. Mais uma vez, queremos que você note que a monday.com só terá acesso a informações e atividades gerais da conta, mas nunca terá acesso para ler os dados que você carrega no GitHub. Group 64 (78).png

 

Clique no "x" no canto superior direito da tela pop-up para começar a usar o aplicativo exatamente no cartão de item onde você começou o fluxo! 

 

Como funciona?

Usando a coluna de ID de elementos, você pode conectar os itens do seu quadro a problemas e puxar solicitações no GitHub. Vamos ver como funciona.

 

Dica: Se você precisar de ajuda para adicionar e configurar a Coluna de ID do elemento ou quiser saber mais sobre ela, confira este artigo

 

A Coluna de ID do elemento atribuirá automaticamente um número de identificação aleatório a cada um dos elementos ou subelementos no seu quadro. Você pode copiar esta ID para sua área de transferência simplesmente clicando no número, como mostrado abaixo. download (29).gif

 

Agora você pode colar o número de identificação no nome ou descrição de qualquer solicitação de pull ou problema. Usando o número de ID gerado pela monday.com criará o link entre uma solicitação de pull ou um problema no GitHub e o elemento monday.com certo.Group 64 (84).png 

Dica: você pode conectar problemas existentes e puxar solicitações editando-os para adicionar a ID do elemento. 

 

Agora você pode ver o problema que você criou na aba Problemas no cartão do elemento relevante. Group 64 (80).png

 

Quais informações são exibidas?

Os dados exibidos no aplicativo GitHub UI são categorizados em abas que incluem solicitações de pull, problemas, filiais e commits

 

Solicitações de extração

A aba de solicitações de pull lista cada solicitação de pull no estilo de um elemento do monday dev. Embora você não possa interagir com as colunas, todas as informações importantes são visíveis. As solicitações são listadas verticalmente e as informações relevantes são listadas horizontalmente nas seguintes colunas:

 

Mostre-me as colunas! 
  • Título - o nome da solicitação de pull, que também é um link direto para o arquivo no GitHub
  • Repositório - de qual repositório as alterações são
  • Status - o status de trabalho da solicitação
  • Autor - o solicitante
  • Revisores - os indivíduos ou equipe que está definido para rever as mudanças
  • Etiquetas - a etiqueta associada à solicitação de pull
  • Alterações - uma contagem ao vivo do número de alterações feitas
  • Última atual - uma indicação ao vivo de quanto tempo atrás as últimas mudanças foram feitas

 

Group 64 (83).png

 

Nota: se um membro da equipe usar o mesmo endereço de e-mail no GitHub e no monday dev, o app GitHub UI aplicará a imagem de perfil do usuário no monday dev nas colunas Autor e Revisores

 

Problemas

A aba Problemas lista todos os problemas que foram rotulados com o mesmo ID do elemento. Eles são estruturados como elementos, assim como as solicitações de pull são, e são organizados pelas seguintes colunas:

 

Mostre-me as colunas! 
  • Título - o nome do problema, que também é um link direto para o arquivo no GitHub
  • Repositório - de qual repositório o problema vem
  • Número - a quantidade de problemas presentes
  • Status - o status de trabalho do problema
  • Autor - o criador do problema
  • Atribuídos - os indivíduos ou equipe atribuída para resolver o problema
  • Etiquetas - a etiqueta associada ao problema
  • Criado em - a hora ou data em que o problema foi criado
  • Última atualização - uma indicação ao vivo de quanto tempo o problema foi criado

 

Group 64 (85).png

 

Filiais

A aba Branches mostra todas as filiais relacionadas a qualquer elemento em seu quadro. Elas estão organizadas nas seguintes colunas: 

 

Mostre-me as colunas! 
  • Nome - o nome do arquivo da filial, diretamente vinculado à filial no GitHub
  • Repositório - de onde é o repositório deste ramo
  • Autor - o criador da filial
  • Filial base - a filial originária 
  • Compromissos - quantos compromissos houve para esta filial
  • Última atualização - uma indicação ao vivo de quanto tempo atrás as últimas mudanças foram feitas
  • Solicitação de pull- um link para criar uma nova solicitação de pull ou um link para a solicitação de pull existente no GitHub

 

Group 64 (81).png

Incluímos um script que cria automaticamente uma filial conectada ao seu elemento, o que significa que você não terá que inserir manualmente o ID do elemento para fazer a conexão. 

 

Dica: você pode criar uma nova solicitação de pull clicando no botão Criar PR na coluna Solicitação de pull na aba Filiais. Você verá que ele aparecerá instantaneamente no GitHub, bem como na sua guia "Solicitações de pull"!

 

Commits

A aba Commits mostra todas as filiais relacionadas a qualquer elemento em seu quadro. Elas estão organizadas nas seguintes colunas: 

 

Mostre-me as colunas! 
  • Mensagem - a mensagem sobre este commit
  • Repositório - a qual repositório pertence esta filial
  • Filial - a filial na qual este commit está localizado
  • Autor - o criador da filial
  • Criado às - o horário da criação

 

Group 64 (82).png

Resuma seus dados

Embora a lista itemizada de todos os seus problemas, solicitações de pull e filiais forneça detalhes específicos, a visualização Resumo mostrará uma descrição visual dos dados agregados em seu aplicativo GitHub! 

Para mostrar o resumo do seu aplicativo, clique no menu de três pontos no canto superior direito do aplicativo e clique em Configurações, como exibido abaixo. Group 64 (87).png

 

Clique no menu suspenso em Selecione visualização do Git UI e selecione Resumo. Agora você pode ver todos os seus dados organizados em:

  • Solicitações de pull - o número de solicitações e uma representação no estilo bateria de seus status
  • Problemas - o número de problemas e uma representação no estilo bateria de seus status
  • Partes interessadas - o número de partes interessadas e suas fotos de perfil da monday.com
  • Duração - a quantidade total de tempo que todos esses dados ficaram abertos

Group 64 (88).png

 

Dica: você pode passar o mouse sobre qualquer um dos gráficos de bateria para ver qual status de cada cor representa e quantos elementos são rotulados com cada status. Se você passar o mouse sobre uma imagem de perfil, o nome do interessado será exibido, e se você passar o mouse sobre a duração, você poderá ver as datas de início e término para este período!

 

Se você tiver alguma dúvida, entre em contato com nossa equipe por aqui. Estamos disponíveis 24 horas e prontos para ajudar!