Skip to content
Snippets Groups Projects
Select Git revision
  • 8fce40c90645804ce15736e128cab73cd50d8dc0
  • main default protected
  • arts-xml-data-2.6
  • arts-xml-data-2.4
  • arts-xml-data-2.2
  • arts-xml-data-2.0
6 results

ChangeLog

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>