async connectedCallback()

in static/js/components/volunteers-list.js [8:26]

• 17 lines of code
• 5 McCabe index (conditional complexity)

  async connectedCallback() {
    const whimsyPeople = await fetchJSON('https://whimsy.apache.org/public/public_ldap_people.json');
    const localPeople = await fetchJSON('/data/people.json');
    this.querySelectorAll('li').forEach(li => {
      const d = this._parseEntry(li.textContent);

      // set volunteer information
      const name = whimsyPeople.people[d.id]?.name ? whimsyPeople.people[d.id]?.name : d.id;
      const localinfo = localPeople[d.id];
      li.innerHTML = `
        <b>${localinfo?.website ? '<a class="name" rel="nofollow" href="' + localinfo.website + '">' + name + '</a>' : name }</b>
        (${d.id})
        - ${d.roles}
        ${localinfo?.region ? '- ' + localinfo.region : ''}
        ${localinfo?.speaks ? '- languages spoken: ' + localinfo.speaks : ''}
        <br/><span class='projects'><em>projects: </em><person-projects asfid="${d.id}"></person-projects></span>
      `;
    })
  }