Skip to content
Snippets Groups Projects
Select Git revision
  • master default protected
  • csv_export
  • ndex
  • v1.1.18-rc2
  • v1.1.17
  • v1.1.16
  • v1.1.16-rc12
  • v1.1.16-rc11
  • v1.1.16-rc10
  • v1.1.16-rc9
  • v1.1.16-rc8
  • v1.1.16-rc7
  • v1.1.16-rc4
  • v1.1.16-rc3
  • v1.1.16-rc1
  • v1.1.6-rc1
  • v1.1.15
  • v1.1.15-rc7
  • v1.1.15-rc6
  • v1.1.15-rc3
  • v1.1.15-rc1
  • v1.1.14
  • v1.1.13
23 results

info-tile.component.html

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    info-tile.component.html 3.96 KiB
    <div *ngIf="wrapper">
      <div>
        <p
          *ngIf="
            !wrapper.data.drugId &&
            wrapper.data.detailShowLabel &&
            wrapper.data.label
          "
          [ngClass]="{ 'text-normal': smallStyle }"
        >
          <b><span>Label:</span></b>
          <span class="is-capitalized"> {{ wrapper.data.label }}</span>
        </p>
        <p
          *ngIf="wrapper.data.proteinName"
          [ngClass]="{ 'text-normal': smallStyle }"
        >
          <b><span>Name:</span></b>
          <span class="is-capitalized"> {{ wrapper.data.proteinName }}</span>
        </p>
        <p *ngIf="wrapper.data.symbol" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>Symbol:</span></b>
          <span class="is-capitalized"> {{ wrapper.data.symbol }}</span>
        </p>
        <p
          *ngIf="wrapper.data.drugId || wrapper.data.disorderId"
          [ngClass]="{ 'text-normal': smallStyle }"
        >
          <b><span>Name:</span></b>
          <span class="is-capitalized"> {{ wrapper.data.label }}</span>
        </p>
        <p *ngIf="wrapper.data.icd10" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>ICD10:</span></b>
          <span class="is-capitalized">
            {{
              wrapper.data.icd10.length === 0 ||
              (wrapper.data.icd10.length === 1 &&
                wrapper.data.icd10[0].length === 0)
                ? "-"
                : wrapper.data.icd10
            }}</span
          >
        </p>
        <p *ngIf="wrapper.data.drugId" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>DrugBank:</span></b>
          <a
            href="https://go.drugbank.com/drugs/{{ wrapper.data.drugId }}"
            target="_blank"
          >
            <span class="is-capitalized"> {{ wrapper.data.drugId }}</span>
          </a>
        </p>
        <p
          *ngIf="wrapper.data.disorderId"
          [ngClass]="{ 'text-normal': smallStyle }"
        >
          <b><span>Mondo:</span></b>
          <a
            href="https://www.ebi.ac.uk/ols/ontologies/mondo/terms?iri=http%3A%2F%2Fpurl.obolibrary.org%2Fobo%2FMONDO_{{
              writeZeros(7 - ('' + wrapper.data.disorderId).length)
            }}{{ wrapper.data.disorderId }}"
            target="_blank"
          >
            <span class="is-capitalized"> MONDO:{{ wrapper.data.disorderId }}</span>
          </a>
        </p>
        <p *ngIf="wrapper.data.groupName" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>Group:</span></b>
          <span class="is-capitalized"> {{ wrapper.data.groupName }}</span>
        </p>
        <p *ngIf="wrapper.data.uniprotAc" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>Uniprot:</span></b>
          <a
            href="https://www.uniprot.org/uniprot/{{ wrapper.data.uniprotAc }}"
            target="_blank"
          >
            <span class="is-capitalized"> {{ wrapper.data.uniprotAc }}</span>
          </a>
        </p>
        <p *ngIf="wrapper.data.ensg" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>Ensembl:</span></b>
          <a
            *ngFor="let ensg of wrapper.data.ensg"
            href="https://www.ensembl.org/Homo_sapiens/Gene/Summary?g={{ ensg }}"
            target="_blank"
          >
            <span class="is-capitalized"> {{ ensg }}</span>
          </a>
        </p>
        <p *ngIf="wrapper.expression" [ngClass]="{ 'text-normal': smallStyle }">
          <b><span>Expression:</span></b>
          <span class="is-capitalized"> {{ wrapper.expression }}</span>
          <span
            class="icon has-text-info"
            pTooltip="Tissue expression data is provided by the GTEx project. Unit is expression per million."
            [tooltipStyleClass]="'drgstn drgstn-tooltip'"
            tooltipPosition="top"
            ><i class="fas fa-info-circle"></i
          ></span>
        </p>
      </div>
    
      <app-toggle
        *ngIf="wrapper.data.netexId && wrapper.data.netexId.startsWith('p')"
        [value]="analysis.inSelection(wrapper)"
        [smallStyle]="smallStyle"
        (valueChange)="
          $event ? analysis.addItems([wrapper]) : analysis.removeItems([wrapper])
        "
        textOn="Seed"
        textOff="Off"
        tooltipOn="Add protein to selection."
        tooltipOff="Remove protein from selection."
      ></app-toggle>
    </div>
    <div *ngIf="!wrapper" [ngClass]="{ 'text-normal': smallStyle }">
      Please select a node for further information.
    </div>