add uniprot linkout to mygeneinfo box

griffithlab · Oct 29, 2024 · 36e55e9 · 36e55e9
1 parent e3a0651
commit 36e55e9
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/client/src/app/components/genes/my-gene-info/my-gene-info.component.html b/client/src/app/components/genes/my-gene-info/my-gene-info.component.html
@@ -25,7 +25,23 @@
               {{ info.symbol }} (ID: {{ info._id }})
             </nz-descriptions-item>
             <nz-descriptions-item nzTitle="UniProtKB ID">
-              {{ info.uniprot['Swiss-Prot'] }}
+              @if (
+                info.uniprot['Swiss-Prot'] && info.uniprot['Swiss-Prot'].trim()
+              ) {
+                <cvc-link-tag
+                  href="https://www.uniprot.org/uniprotkb/{{
+                    info.uniprot['Swiss-Prot']
+                  }}/entry"
+                  tooltip="View in UniProt">
+                  {{ info.uniprot['Swiss-Prot'] }}
+                </cvc-link-tag>
+              } @else {
+                <span
+                  nz-typography
+                  nzType="secondary"
+                  >N/A</span
+                >
+              }
             </nz-descriptions-item>
           </nz-descriptions>
           <nz-descriptions
@@ -44,20 +60,28 @@
               {{ info.genomic_pos_hg19.end }}
             </nz-descriptions-item>
           </nz-descriptions>
-          <nz-descriptions 
+          <nz-descriptions
             nzBordered="true"
             nzSize="small"
             [nzColumn]="1">
             <nz-descriptions-item nzTitle="Aliases">
               {{ info.alias.join(', ') }}
             </nz-descriptions-item>
             <nz-descriptions-item nzTitle="Protein Domains">
-              <p nz-typography nzEllipsis nzExpandable [nzEllipsisRows]="3">
+              <p
+                nz-typography
+                nzEllipsis
+                nzExpandable
+                [nzEllipsisRows]="3">
                 {{ info.interproList.join(', ') }}
               </p>
             </nz-descriptions-item>
             <nz-descriptions-item nzTitle="Pathways">
-              <p nz-typography nzEllipsis nzExpandable [nzEllipsisRows]="3">
+              <p
+                nz-typography
+                nzEllipsis
+                nzExpandable
+                [nzEllipsisRows]="3">
                 {{ info.pathwayList.join(', ') }}
               </p>
             </nz-descriptions-item>

diff --git a/client/src/app/components/genes/my-gene-info/my-gene-info.module.ts b/client/src/app/components/genes/my-gene-info/my-gene-info.module.ts
@@ -7,6 +7,7 @@ import { NzGridModule } from 'ng-zorro-antd/grid'
 import { NzTableModule } from 'ng-zorro-antd/table'
 import { NzTypographyModule } from 'ng-zorro-antd/typography'
 import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions'
+import { CvcLinkTagModule } from '@app/components/shared/link-tag/link-tag.module'
 
 @NgModule({
   declarations: [CvcMyGeneInfoComponent],
@@ -19,6 +20,7 @@ import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions'
     NzTableModule,
     NzTypographyModule,
     NzDescriptionsModule,
+    CvcLinkTagModule,
   ],
   exports: [CvcMyGeneInfoComponent],
 })