From e73a8d2cc72a2ea922689a622f78fe13665c7a73 Mon Sep 17 00:00:00 2001
From: Eric Hendrickson <28794814+eric-hendrickson@users.noreply.github.com>
Date: Thu, 6 Feb 2025 21:48:11 -0800
Subject: [PATCH 1/3] Edited query field to allow for dash when inputting EIN;
 also showing ein in XX-XXXXXXX format

---
 nonprofit/index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/nonprofit/index.html b/nonprofit/index.html
index cf91a2822..2a5900aca 100644
--- a/nonprofit/index.html
+++ b/nonprofit/index.html
@@ -55,6 +55,10 @@
     width: 64px;
     height: 64px;
   }
+
+  .ein-column {
+    min-width: 110px;
+  }
 </style>
 
 <h1 class="mb-1">Charity funding</h1>
@@ -114,7 +118,7 @@ <h3 class="mt-0 text-sm opacity-75 font-medium mb-0">Total Taxpayer Dollars</h3>
   <table id="nonprofitTable" class="">
     <thead>
       <tr>
-        <th data-field="ein">EIN</th>
+        <th class="ein-column" data-field="ein">EIN</th>
         <th data-field="name">501(c)(3) Name</th>
         <th data-field="contribTotal">Contributions Total</th>
         <th data-field="govtGrants">Government Grants</th>
@@ -282,8 +286,10 @@ <h3 class="mt-0 text-sm opacity-75 font-medium mb-0">Total Taxpayer Dollars</h3>
         rowsToRender.forEach(item => {
           const tr = $('<tr></tr>');
 
+          // Show the EIN with the standard "XX-XXXXXXX" format
+          const maskedEin = item.ein.substring(0, 2) + '-' + item.ein.substring(2);
           const officerLink = `<a href="../officers?nonprofit_kw=${item.ein}"">Principal Officers</a>`;
-          const proPublicaLink = `<a href="https://projects.propublica.org/nonprofits/organizations/${item.ein}/${item.xmlFileName}/full">${item.ein}</a><br/><span style="font-size: small">${officerLink}</span>`
+          const proPublicaLink = `<a href="https://projects.propublica.org/nonprofits/organizations/${item.ein}/${item.xmlFileName}/full">${maskedEin}</a><br/><span style="font-size: small">${officerLink}</span>`
 
           tr.append($('<td></td>').html(proPublicaLink));
           tr.append($('<td></td>').text(item.name));
@@ -311,7 +317,7 @@ <h3 class="mt-0 text-sm opacity-75 font-medium mb-0">Total Taxpayer Dollars</h3>
 
   // Applies the current filter and the current sort, then renders
   function applyFilterAndSort() {
-    const filterQuery = $('#filterInput').val();
+    const filterQuery = $('#filterInput').val().replace('-', '').trim();
     let filtered = filterData(nonprofitData, filterQuery);
 
     if (currentSortField) {

From 4f61e96bb4aa1e2dc9f5a7ea0733b16d603ad3d2 Mon Sep 17 00:00:00 2001
From: Eric Hendrickson <28794814+eric-hendrickson@users.noreply.github.com>
Date: Sat, 8 Feb 2025 18:56:21 -0800
Subject: [PATCH 2/3] Removed CSS class after finding out project uses
 Tailwind, updated column width using Tailwind

---
 nonprofit/index.html | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/nonprofit/index.html b/nonprofit/index.html
index 2a5900aca..42f05a33c 100644
--- a/nonprofit/index.html
+++ b/nonprofit/index.html
@@ -55,10 +55,6 @@
     width: 64px;
     height: 64px;
   }
-
-  .ein-column {
-    min-width: 110px;
-  }
 </style>
 
 <h1 class="mb-1">Charity funding</h1>
@@ -118,7 +114,7 @@ <h3 class="mt-0 text-sm opacity-75 font-medium mb-0">Total Taxpayer Dollars</h3>
   <table id="nonprofitTable" class="">
     <thead>
       <tr>
-        <th class="ein-column" data-field="ein">EIN</th>
+        <th class="w-[110px]" data-field="ein">EIN</th>
         <th data-field="name">501(c)(3) Name</th>
         <th data-field="contribTotal">Contributions Total</th>
         <th data-field="govtGrants">Government Grants</th>

From 1e2d5224b07bfd0c120d1fe0ba50ba7c00dc35dc Mon Sep 17 00:00:00 2001
From: Eric Hendrickson <28794814+eric-hendrickson@users.noreply.github.com>
Date: Sat, 8 Feb 2025 20:29:55 -0800
Subject: [PATCH 3/3] Rebased with xero's latest changes and updated the EIN
 searcher's replace to use xero's regex rather than string

---
 nonprofit/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/nonprofit/index.html b/nonprofit/index.html
index 42f05a33c..451543b92 100644
--- a/nonprofit/index.html
+++ b/nonprofit/index.html
@@ -313,7 +313,7 @@ <h3 class="mt-0 text-sm opacity-75 font-medium mb-0">Total Taxpayer Dollars</h3>
 
   // Applies the current filter and the current sort, then renders
   function applyFilterAndSort() {
-    const filterQuery = $('#filterInput').val().replace('-', '').trim();
+    const filterQuery = $('#filterInput').val().trim().replace(/[-\s]/g, '');
     let filtered = filterData(nonprofitData, filterQuery);
 
     if (currentSortField) {