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

explorer-page.component.html

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    explorer-page.component.html 8.00 KiB
    <app-protein-analysis [(show)]="showAnalysisDialog"></app-protein-analysis>
    
    <div class="covex explorer">
    
      <div class="covex left-window">
        <div>
          <div class="covex bar-left">
    
            <div class="card bar-small">
              <header class="card-header">
                <p class="card-header-title">
              <span class="icon">
            <i class="fas fa-database" aria-hidden="true"></i>
          </span> Choose Dataset
                </p>
              </header>
              <div class="card-content">
                <app-select-dataset [datasetItems]="datasetItems"
                                    (selectDataset)="createNetwork($event)"></app-select-dataset>
              </div>
            </div>
    
            <div class="card bar-medium">
              <header class="card-header">
                <p class="card-header-title">
              <span class="icon">
            <i class="fas fa-info" aria-hidden="true"></i>
          </span> Network Overview
                </p>
              </header>
              <div class="card-content">
                <nav class="level" *ngIf="proteinData">
                  <div class="level-item has-text-centered">
                    <div>
                      <p class="heading">Viral<br>Proteins</p>
                      <p class="title"> {{ proteinData.effects.length }}</p>
                    </div>
                  </div>
                  <div class="level-item has-text-centered">
                    <div>
                      <p class="heading">Host<br>Proteins</p>
                      <p class="title">{{ proteinData.proteins.length }}</p>
                    </div>
                  </div>
                  <div class="level-item has-text-centered">
                    <div>
                      <p class="heading">Virus-Host<br>Interactions</p>
                      <p class="title">{{ proteinData.edges.length }}</p>
                    </div>
                  </div>
                </nav>
              </div>
            </div>
    
            <div class="card bar-small">
              <header class="card-header">
                <p class="card-header-title">
              <span class="icon">
            <i class="fas fa-search" aria-hidden="true"></i>
          </span> Query Protein
                </p>
              </header>
              <div class="card-content">
                <div class="field">
                  <div class="control">
                    <app-query-component [queryItems]="queryItems"
                                         (selectItem)="queryAction($event)"></app-query-component>
                  </div>
                </div>
              </div>