Adicionar painéis em páginas de backlog

Serviços do Azure DevOps

Aqui, adicionamos uma extensão simples do Hello World como um painel na lista de pendências do Portfólio, na lista de pendências do produto e na lista de pendências de iteração.

Dica

Confira a nossa documentação mais nova sobre desenvolvimento de extensões usando o Azure DevOps Extension SDK.

O painel personalizado abre no mesmo espaço que o painel de mapeamento abriria se fosse selecionado.

Há três tipos de listas de pendências que podem ser destinos para extensões de painel: listas de pendências de portfólio, listas de pendências de produto e listas de pendências de iteração. Para o modelo Agile, essa divisão é a seguinte. Isso também representa o Scrum e o CMMI. Para modelos personalizados, consulte seu processo para verificar quais itens pendentes são requisito ou categoria de portfólio.

Categoria de backlog	Ponto de contribuição
Portfólio (Epic, Feature)	ms.vss-work-web.portfolio-backlog-toolpane
Requisitos (história do usuário, item de lista de pendências do produto)	ms.vss-work-web.requirement-backlog-toolpane
Lista de pendências do Sprint	ms.vss-work-web.iteração-backlog-toolpane

Para obter mais informações, consulte o exemplo de extensão do Azure DevOps Services.

Atualizar o manifesto da extensão

Atualize o arquivo de manifesto de extensão com o seguinte código:

...
	"contributions": [
		{
			"id": "Fabrikam.HelloWorld.Backlogs.Panel",
			"type": "ms.vss-work-web.backlog-panel",
			"description": "Adds a 'Hello' panel to Product and Iteration backlog pages.",
			"targets": [
				"ms.vss-work-web.requirement-backlog-toolpane",
				"ms.vss-work-web.portfolio-backlog-toolpane",
				"ms.vss-work-web.iteration-backlog-toolpane"
			],
			"properties": {
				"title": "Hello Panel Pane",
				"name": "Hello Panel",
				"uri": "index.html",
				"registeredObjectId": "backlogPanelObject"
			}
		}
	],
	"scopes": [ 
		"vso.work" 
	]
... 

Contribuição

Para cada contribuição em sua extensão, o manifesto define

• o tipo de contribuição (painel de pendências nesse caso),
• a meta de contribuição (os requisitos, o portfólio e os backlogs de iteração neste caso),
• e as propriedades específicas de cada tipo de contribuição. Em relação aos painéis, temos

Propriedade	Description
title	Texto de ajuda que aparece no item de menu
nome	O que aparece na lista suspensa para seleção de painel
uri	Caminho (relativo ao URI base da extensão) da página a ser exibida no painel
identificadorDoObjetoRegistrado	ID do objeto registrado para o painel

Saiba mais sobre todos os locais em que você pode adicionar uma extensão em pontos de extensibilidade.

Escopos

Inclua os escopos que sua extensão requer. Nesse caso, precisamos vso.work acessar itens de trabalho.

Obter eventos de seleção

Para obter eventos de seleção (informações sobre quais itens de trabalho estão selecionados) implemente essa interface em seu objeto registrado.

...
	IContributedPanel {
		workItemSelectionChanged: (selectedWorkItems) => void;
	}
...

Próximas etapas

Empacotar, publicar e instalar ou

Testar e depurar