launch-analysis.component.html

<div class="modal" [class.is-active]="show">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p class="modal-card-title" *ngIf="target === 'drug'">
        <span class="icon"><i class="fa fa-capsules"></i></span>
        Find Drugs
      </p>
      <p class="modal-card-title" *ngIf="target === 'drug-target'">
        <span class="icon"><i class="fa fa-crosshairs"></i></span>
        Find Drug Targets
      </p>
      <button (click)="close()" class="delete" aria-label="close"></button>
    </header>
    <section class="modal-card-body">
      <div *ngIf="target === 'drug' && hasBaits">
        <div class="notification is-warning warning">
          You have selected <i class="fa fa-virus"></i> viral proteins.
          When finding drugs, make sure you have selected <i class="fa fa-dna"></i> host proteins only.
        </div>
      </div>

      <div *ngIf="!analysis.canLaunchTask()">
        <div class="notification is-warning warning">
          You can only run {{maxTasks}} tasks at once. Please wait for one of them to finish or delete it from the task
          list.
        </div>
      </div>

      <div *ngIf="algorithm === 'keypathwayminer' && hasBaits">
        <div class="notification is-warning warning">
          You have selected <i class="fa fa-virus"></i> viral proteins.
          If you want to use KeyPathwayMiner, please remove them because it cannot process them.
        </div>
      </div>

      <div class="tabs is-toggle is-small is-fullwidth is-rounded has-tooltip">
        <ul>
          <li [class.is-active]="algorithm === algo.slug" *ngFor="let algo of algorithms">
            <a (click)="algorithm = algo.slug" class="is-boxed is-medium">{{algo.name}}</a>
          </li>
        </ul>
      </div>

      <div *ngIf="algorithm==='trustrank'">
        <p class="help info">
          <span class="icon"><i class="fa fa-info"></i></span>
          <a href="https://en.wikipedia.org/wiki/TrustRank" target="_blank">TrustRank</a>
          is a node centrality measure that ranks nodes in a network based on how well they are connected to a
          (trusted) set of seed nodes (Gyöngyi, Garcia-Molina, and Pedersen 2004).
        </p>
        <div class="field" *ngIf="target === 'drug'">
          <label class="label">Indirect Drugs</label>
          <app-toggle textOn="Include" textOff="Ignore" tooltipOn="Include indirect drugs."
                      tooltipOff="Exclude indirect drugs from the result."
                      [(value)]="trustrankIncludeIndirectDrugs"></app-toggle>
        </div>
        <div class="field" *ngIf="target === 'drug'">
          <label class="label">Non-approved Drugs</label>
          <app-toggle textOn="Include" textOff="Ignore" tooltipOn="Include non-approved drugs."
                      tooltipOff="Exclude non-approved drugs from the result."
                      [(value)]="trustrankIncludeNonApprovedDrugs"></app-toggle>
        </div>
        <div class="field">
          <label class="label" for="trustrank-df">Damping Factor</label>
          <div class="control">
            <input [(ngModel)]="trustrankDampingFactor" id="trustrank-df" class="input" type="number"
                   placeholder="Damping factor"
                   min="0" max="1"
                   required>