From 9f6b216c1c94df7dd3379de8a42e787a0d8e4b8c Mon Sep 17 00:00:00 2001
From: NikoAnderson <nikolaus.g.anderson@gmail.com>
Date: Mon, 20 Nov 2023 12:55:25 -0500
Subject: [PATCH] innerHTML for details non-name fields

---
 .../structure-details/structure-details.component.html        | 2 +-
 .../substance-codes/substance-codes.component.html            | 4 ++--
 .../substance-relationships.component.html                    | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/core/substance-details/structure-details/structure-details.component.html b/src/app/core/substance-details/structure-details/structure-details.component.html
index 6927bd995..6b2230b03 100644
--- a/src/app/core/substance-details/structure-details/structure-details.component.html
+++ b/src/app/core/substance-details/structure-details/structure-details.component.html
@@ -103,7 +103,7 @@ <h3>InChi:</h3>
       <h3>Systematic Names:</h3>
   <mat-list >
       <mat-list-item *ngFor = "let name of systematic">
-        {{name}}
+        <span [innerHTML] = "name"></span>
       </mat-list-item>
   </mat-list>
 </div>
diff --git a/src/app/core/substance-details/substance-codes/substance-codes.component.html b/src/app/core/substance-details/substance-codes/substance-codes.component.html
index 66f698ac7..bc3af3e93 100644
--- a/src/app/core/substance-details/substance-codes/substance-codes.component.html
+++ b/src/app/core/substance-details/substance-codes/substance-codes.component.html
@@ -17,8 +17,8 @@
           <mat-icon svgIcon="subdirectory_arrow_right" *ngIf="i > 0"></mat-icon>
           <a
             routerLink="/browse-substance"
-            [queryParams]='{ search: "root_codes_comments:\"" + (node | forwardSlash) + "\""}'>
-            {{node}}
+            [queryParams]='{ search: "root_codes_comments:\"" + (node | forwardSlash) + "\""}'
+            [innerHTML] = "node">
           </a>
         </div>
       </td>
diff --git a/src/app/core/substance-details/substance-relationships/substance-relationships.component.html b/src/app/core/substance-details/substance-relationships/substance-relationships.component.html
index 7744294c1..8594fe10c 100644
--- a/src/app/core/substance-details/substance-relationships/substance-relationships.component.html
+++ b/src/app/core/substance-details/substance-relationships/substance-relationships.component.html
@@ -16,7 +16,7 @@
           <img class="structure-image" appSubstanceImage [entityId]="relationship.relatedSubstance.refuuid">
           <div>
             <a class="substance-name" target = "_blank" style = "height: 18px;" [routerLink]="['/substances', relationship.relatedSubstance.refuuid]" >
-              {{relationship.relatedSubstance.name}}  <mat-icon class = "icon"  svgIcon="open_in_new"></mat-icon>
+              <span [innerHTML] = "relationship.relatedSubstance.name"></span> <mat-icon class = "icon"  svgIcon="open_in_new"></mat-icon>
             </a>
           </div>
         </div>
@@ -64,7 +64,7 @@ <h2 mat-dialog-title>Details</h2>
                   <img class="structure-image" appSubstanceImage [entityId]="relationship.mediatorSubstance.refuuid">
                   <div>
                     <a class="substance-name" target = "_blank" style = "height: 18px;" [routerLink]="['/substances', relationship.mediatorSubstance.refuuid]" >
-                      {{relationship.mediatorSubstance.name}}  <mat-icon class = "icon"  svgIcon="open_in_new"></mat-icon>
+                     <span [innerHTML] = "relationship.mediatorSubstance.name"></span>  <mat-icon class = "icon"  svgIcon="open_in_new"></mat-icon>
                     </a>
                   </div>
                 </div>