Skip to content
Snippets Groups Projects
Select Git revision
  • a3e61fc6ca0400be89f187e0fb536fcae3792c1d
  • 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
24 results

prot-table.component.html

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    prot-table.component.html 2.03 KiB
    <p-table *ngIf="tableProteins.length > 0" selectionMode="multiple"
             [value]="tableProteins" [selection]="tableSelectedProteins" dataKey="uniprotAc"
             (selectionChange)="tableProteinSelection($event)" styleClass="table is-hoverable is-narrow drgstn">
      <ng-template pTemplate="header">
        <tr>
          <th class="checkbox-col">
            <p-tableHeaderCheckbox class="drgstn"></p-tableHeaderCheckbox>
          </th>
          <th [pSortableColumn]="'uniprotAc'">
            UniProt Code
            <p-sortIcon [field]="'uniprotAc'"></p-sortIcon>
          </th>
          <th [pSortableColumn]="'symbol'">
            Symbol
            <p-sortIcon [field]="'symbol'"></p-sortIcon>
          </th>
          <th [pSortableColumn]="'proteinName'">
            Name
            <p-sortIcon [field]="'proteinName'"></p-sortIcon>
          </th>
          <th *ngIf="tableHasScores" [pSortableColumn]="'score'">
            Score
            <span class="question-icon has-text-info has-tooltip tooltip-button"
                    [pTooltip]="tableProteinScoreTooltip" [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">
              <fa-icon [icon]="faQuestionCircle" class="icon"></fa-icon>
            </span>
            <p-sortIcon [field]="'score'"></p-sortIcon>
          </th>
          <th [pSortableColumn]="'isSeed'">
            Seed
            <p-sortIcon [field]="'isSeed'"></p-sortIcon>
          </th>
        </tr>
      </ng-template>
      <ng-template pTemplate="body" let-e>
        <tr>
          <td>
            <p-tableCheckbox [value]="e" class="drgstn"></p-tableCheckbox>
          </td>
          <td><a href="https://www.uniprot.org/uniprot/{{ e.uniprotAc }}" target="_blank">{{ e.uniprotAc }}</a></td>
          <td>{{e.symbol}}</td>
          <td>{{e.proteinName}}</td>
          <td *ngIf="tableHasScores">{{e.score | number}}</td>
          <td>
            <span *ngIf="e.isSeed">
                <fa-icon [icon]="faCheck" [classes]="['icon']"></fa-icon>
              Seed
            </span>
            <span *ngIf="!e.isSeed">
                <fa-icon [icon]="faTimes" [classes]="['icon']"></fa-icon>
            </span>
          </td>
        </tr>
      </ng-template>
    </p-table>