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

task-list.component.html

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    task-list.component.html 6.26 KiB
    <div class="content">
      <div
        class="list is-hoverable"
        [ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"
      >
        <a
          *ngFor="let task of analysis.tasks"
          class="list-item box small-box"
          [class.is-active]="task.token === token"
        >
          <div *ngIf="!task.info.startedAt">
            <div class="columns mb-0">
              <div class="column is-8">
                <span class="is-capitalized"
                  ><app-fa-solid-icon
                    icon="crosshairs"
                    *ngIf="task.info.target === 'drug-target'"
                  ></app-fa-solid-icon>
                  <app-fa-solid-icon
                    icon="capsules"
                    *ngIf="task.info.target === 'drug'"
                  ></app-fa-solid-icon>
                  {{ algorithmNames[task.info.algorithm] }}</span
                >
              </div>
              <div class="column">
                <app-fa-solid-icon
                  classString="is-pulled-right has-text-warning"
                  icon="pause"
                ></app-fa-solid-icon>
              </div>
            </div>
            <div class="columns mb-0">
              <div class="column is-8 pt-0 pb-0">
                <small
                  *ngIf="
                    task.stats.queueLength > 0 && task.stats.queuePosition === 1
                  "
                >
                  Queued: 1 other task to finish
                </small>
                <small
                  *ngIf="task.stats.queueLength > 0 && task.stats.queuePosition > 1"
                >
                  Queued: {{ task.stats.queuePosition }} other tasks to finish
                </small>
                <small
                  *ngIf="
                    task.stats.queueLength === 0 || task.stats.queuePosition === 0
                  "
                >
                  Execution imminent...
                </small>
              </div>
              <div class="column pt-0 pb-0">
                <a
                  (click)="analysis.removeTask(task.token)"
                  class="has-text-danger is-pulled-right"
                >
                  <app-fa-solid-icon icon="trash"></app-fa-solid-icon>
                </a>
              </div>
            </div>
          </div>
          <div *ngIf="!task.info.done && !task.info.failed && task.info.startedAt">
            <div class="columns mb-0">
              <div class="column is-8">
                <span class="is-capitalized"
                  ><app-fa-solid-icon
                    icon="crosshairs"
                    *ngIf="task.info.target === 'drug-target'"
                  ></app-fa-solid-icon>
                  <app-fa-solid-icon
                    icon="capsules"
                    *ngIf="task.info.target === 'drug'"
                  ></app-fa-solid-icon>
                  {{ algorithmNames[task.info.algorithm] }}</span
                >
              </div>
              <div class="column p-0">
                <div
                  class="control is-loading center"
                  alt="loading..."
                ></div>
              </div>
            </div>
            <div class="columns mb-0">
              <div class="column is-8 pt-0 pb-0">
                <small>Started {{ task.info.startedAt | date: "short" }}</small>
              </div>
              <div class="column pt-0 pb-0">
                <a
                  (click)="analysis.removeTask(task.token)"
                  class="has-text-danger is-pulled-right"
                >
                  <app-fa-solid-icon icon="trash"></app-fa-solid-icon>
                </a>
              </div>
            </div>
            <progress
              class="progress is-success"
              [value]="task.info.progress * 100"
              max="100"
            ></progress>
          </div>
          <div
            *ngIf="task.info.done"
          >
            <div class="columns mb-0" (click)="open(task.token)"
                 pTooltip="Show analysis results"
                 [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
                 tooltipPosition="top">
              <div class="column is-8">
                <span class="is-capitalized"
                  ><app-fa-solid-icon
                    icon="crosshairs"
                    *ngIf="task.info.target === 'drug-target'"
                  ></app-fa-solid-icon>
                  <app-fa-solid-icon
                    icon="capsules"
                    *ngIf="task.info.target === 'drug'"
                  ></app-fa-solid-icon>
                  {{ algorithmNames[task.info.algorithm] }}</span
                >
              </div>
              <div class="column">
                <app-fa-solid-icon
                  classString="is-pulled-right has-text-success"
                  icon="check"
                ></app-fa-solid-icon>
              </div>
            </div>
            <div class="columns mb-0">
              <div class="column is-8 pt-0 pb-0">
                <small>Finished {{ task.info.finishedAt | date: "short" }}</small>
              </div>
              <div class="column pt-0 pb-0">
                <a
                  (click)="analysis.removeTask(task.token)"
                  class="has-text-danger is-pulled-right"
                  pTooltip="Delete task"
                  [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
                  tooltipPosition="top"
                >
                  <app-fa-solid-icon icon="trash"></app-fa-solid-icon>
                </a>
              </div>
            </div>
          </div>
          <div *ngIf="task.info.failed">
            <div class="columns mb-0">
              <div class="column is-8">
                <span class="is-capitalized"
                  ><app-fa-solid-icon
                    icon="crosshairs"
                    *ngIf="task.info.target === 'drug-target'"
                  ></app-fa-solid-icon>
                  <app-fa-solid-icon
                    icon="capsules"
                    *ngIf="task.info.target === 'drug'"
                  ></app-fa-solid-icon>
                  {{ algorithmNames[task.info.algorithm] }}</span
                >
              </div>
              <div class="column">
                <app-fa-solid-icon
                  classString="is-pulled-right has-text-danger"
                  icon="exclamation-triangle"
                ></app-fa-solid-icon>
              </div>
            </div>
            <div class="columns mb-0">
              <div class="column is-8 pt-0 pb-0 has-text-danger">
                <small class="status-field">{{ task.info.status }}</small>
              </div>
              <div class="column pt-0 pb-0">
                <a
                  (click)="analysis.removeTask(task.token)"
                  class="has-text-danger is-pulled-right"
                >
                  <app-fa-solid-icon icon="trash"></app-fa-solid-icon>
                </a>
              </div>
            </div>
          </div>
        </a>
      </div>
    </div>