js/app-homepage/iframe/team.js

export function populateTeammateList(userTokenData) {
    const userToken = userTokenData.token;
    const serverUrl = userTokenData.serverUrl;
    window.fetch(serverUrl + '/api/http/team-directory/memberships?profiles=me', {
        method: 'GET',
        headers: {
            'Authorization': 'Bearer ' + userToken,
            'Accept': 'application/json'
        }
    })
        .then(response => response.json())
        .then(data => {
                const teamId = data.data[0].team.id;
                window.fetch(serverUrl + '/api/http/team-directory/memberships?teams=' + teamId + '&\$fields=data(member(username,name))', {
                    method: 'GET',
                    headers: {
                        'Authorization': 'Bearer ' + userToken,
                        'Accept': 'application/json'
                    }
                })
                    .then(response => response.json())
                    .then(data => {
                            document.getElementById("authorize-button").style.display = "none";
                            const memberships = data.data;
                            const teammateListDiv = document.getElementById("teammate-list");
                            const ol = document.createElement("p");
                            teammateListDiv.appendChild(ol);

                            memberships.forEach((membership, i) => {
                                const name = membership.member.name;
                                const teammateText = document.createTextNode(name.firstName + ' ' + name.lastName);
                                const li = document.createElement("li");
                                li.appendChild(teammateText);
                                teammateListDiv.appendChild(li);
                            });
                        }
                    );
            }
        );
}