From 7f789eb4af7c74057f2be2baaab4c38f11100e79 Mon Sep 17 00:00:00 2001
From: David Kennedy <david.kennedy@associates.cisa.dhs.gov>
Date: Wed, 16 Oct 2024 08:03:15 -0400
Subject: [PATCH] initial display of domains

---
 src/registrar/assets/js/get-gov.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/registrar/assets/js/get-gov.js b/src/registrar/assets/js/get-gov.js
index 337baf11c..8ad46c2f3 100644
--- a/src/registrar/assets/js/get-gov.js
+++ b/src/registrar/assets/js/get-gov.js
@@ -1929,6 +1929,8 @@ class MembersTable extends LoadTableBase {
           data.members.forEach(member => {
             const member_name = member.name;
             const member_display = member.member_display;
+            const domain_urls = member.domain_urls;
+            const domain_names = member.domain_names;
             const options = { year: 'numeric', month: 'short', day: 'numeric' };
             
             // Handle last_active values
@@ -1968,9 +1970,19 @@ class MembersTable extends LoadTableBase {
             if (member.is_admin)
               admin_tagHTML = `<span class="usa-tag margin-left-1 bg-primary">Admin</span>`
 
+            // domainsHTML block needs to be wrapped with hide/show toggle, Expand
+            let domainsHTML = '';
+            if (domain_urls.length > 0 && domain_names.length > 0) {
+              domainsHTML = "<ul>";
+              for (let i = 0; i < domain_urls.length; i++) {
+                  domainsHTML += `<li><a href="${domain_urls[i]}">${domain_names[i]}</a></li>`;
+              }
+              domainsHTML += "</ul>";
+            }
+
             row.innerHTML = `
               <th scope="row" role="rowheader" data-label="member email">
-                ${member_display} ${admin_tagHTML}
+                ${member_display} ${admin_tagHTML} ${domainsHTML}
               </th>
               <td data-sort-value="${last_active_sort_value}" data-label="last_active">
                 ${last_active_formatted}