From fe9fcf6b447a94aead5cb5cf5926bdfbf33029d0 Mon Sep 17 00:00:00 2001
From: yuanzhou <yuanzhou19@gmail.com>
Date: Mon, 10 Oct 2022 17:39:17 -0400
Subject: [PATCH] Remove single quote from card name

---
 templates/component_cards.html | 13 ++++++++-----
 templates/profile.html         |  4 ++++
 templates/register.html        |  4 ++++
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/templates/component_cards.html b/templates/component_cards.html
index 86d3b55..097d3be 100755
--- a/templates/component_cards.html
+++ b/templates/component_cards.html
@@ -30,7 +30,8 @@ <h6 class="card-subtitle mb-2 text-muted"></h6>
 </div>
 </div>
 
-<div data-name="Demonstration Project - Children's Hospital of Philadelphia">
+<!-- Remove single quote from data-name to ensure parsing match -->
+<div data-name="Demonstration Project - Childrens Hospital of Philadelphia">
 <div class="card">
 <div class="card-body">
 <h5 class="card-title">Demonstration Project - Children's Hospital of Philadelphia</h5>
@@ -45,8 +46,8 @@ <h6 class="card-subtitle mb-2 text-muted"></h6>
 </div>
 </div>
 
-
-<div data-name="Demonstration Project - Lurie Children's">
+<!-- Remove single quote from data-name to ensure parsing match -->
+<div data-name="Demonstration Project - Lurie Childrens">
 <div class="card">
 <div class="card-body">
 <h5 class="card-title">Demonstration Project - Lurie Children's</h5>
@@ -256,7 +257,8 @@ <h6 class="card-subtitle mb-2 text-muted">Tissue Mapping Center</h6>
 </div>
 </div>
 
-<div data-name="TMC - Children's Hospital of Philadelphia">
+<!-- Remove single quote from data-name to ensure parsing match -->
+<div data-name="TMC - Childrens Hospital of Philadelphia">
 <div class="card">
 <div class="card-body">
 <h5 class="card-title">TMC - Children's Hospital of Philadelphia</h5>
@@ -272,7 +274,8 @@ <h6 class="card-subtitle mb-2 text-muted">Tissue Mapping Center</h6>
 </div>
 
 
-<div data-name="TMC - Children's Hospital of Philadelphia Heart">
+<!-- Remove single quote from data-name to ensure parsing match -->
+<div data-name="TMC - Childrens Hospital of Philadelphia Heart">
 <div class="card">
 <div class="card-body">
 <h5 class="card-title">TMC - Children's Hospital of Philadelphia Heart</h5>
diff --git a/templates/profile.html b/templates/profile.html
index fea1abb..50cc2b7 100755
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -44,6 +44,10 @@ <h1>HuBMAP User Profile Update</h1>
 
         $("#id_component").change(function() {
             let id = $(this).children("option:selected").val();
+
+            // Remove the single quote
+            id = id.replaceAll("'", "");
+            
             // All cards are hidden by default
             if (id === '----') {
                 $("#active_card").html('');
diff --git a/templates/register.html b/templates/register.html
index 443f7d6..aafb767 100755
--- a/templates/register.html
+++ b/templates/register.html
@@ -33,6 +33,10 @@ <h1>HuBMAP New User Registration</h1>
 
         $("#id_component").change(function() {
             let id = $(this).children("option:selected").val();
+
+            // Remove the single quote
+            id = id.replaceAll("'", "");
+
             // All cards are hidden by default
             if (id === '----') {
                 $("#active_card").html('');