How to list your Jira Tempo Teams and members in a Confluence page

Here a trick to list your Tempo Teams of your Jira Server in a Confluence Server page using the public Tempo API.

It’s very easy to do, but only possible in Server version of Confluence.

Just insert in the page a HTML Macro and fill with this Javascript/jQuery/Ajax/HTML code, That’s all!

Here the code:

<div id="teamsIDX">
<h1>Team List</h1>
</div>
<script>
(function() {

function getTempoTeams()
{
var user;
	// Documentation: https://tempoplugin.jira.com/wiki/spaces/JTMT/pages/78381258/Teams+REST+API+Guide#TeamsRESTAPIGuide-getAllTeams
     AJS.$.ajax({
        url: "/rest/tempo-teams/1/team",
        type: 'get',
        dataType: 'json',
        async: false,
        success: function(data) {
            groups = data;
        }
     });
     return groups;
}
 
function getTempoMembers( team_id)
{
var user;
	// Documentation: https://tempoplugin.jira.com/wiki/spaces/JTMT/pages/78381258/Teams+REST+API+Guide#TeamsRESTAPIGuide-getTeamMembersUsers
     AJS.$.ajax({
        url: "/rest/tempo-teams/2/team/"+ team_id +"/member",
        type: 'get',
        dataType: 'json',
        async: false,
        success: function(data) {
            members= data;
        }
     });
     return members;
}
 
var groups = getTempoTeams();
i = 0;
//while ( i < groups.length) {
while ( i < 3) {
	$('#teamsIDX').html($('#teamsIDX').html() + "
<b>" + groups[i].name + "</b>");
	var members = getTempoMembers(groups[i].id);
	j = 0;
	while ( j < members.length) {
		$('#teamsIDX').html($('#teamsIDX').html() + "
" + members[j].member.name + "");
		j++;
	}
	i++;
}
 
})();
</script>