analysis parameter layout

src/app/app.module.ts

@@ -34,7 +34,7 @@ import {
   faRulerVertical, faDna, faMicroscope, faBook, faPause, faTrash, faSpinner, faExclamationTriangle, faPlus,
   faExpand, faInfo, faRocket, faAngleDown, faSearch, faFastForward, faExternalLinkAlt, faTasks, faFilter,
   faMinus, faUpload, faAngleDoubleDown, faSync, faBroom, faAngleDoubleUp, faChild, faHeadSideMask, faBiohazard,
-  faBullseye, faSeedling, faSyncAlt, faCompress, faKey, faInfoCircle
+  faBullseye, faSeedling, faSyncAlt, faCompress, faKey, faInfoCircle, faWrench
 } from '@fortawesome/free-solid-svg-icons';
 import { TooltipModule } from 'primeng/tooltip';
 import { NetworkMenuComponent } from './components/network/network-menu/network-menu.component';
@@ -100,7 +100,7 @@ export class AppModule {
       faSpinner, faExclamationTriangle, faPlus, faExpand, faInfo, faRocket, faAngleDown, faSearch,
       faFastForward, faExternalLinkAlt, faTasks, faFilter, faMinus, faUpload, faAngleDoubleDown,
       faSync, faBroom, faAngleDoubleUp, faChild, faHeadSideMask, faBiohazard, faBullseye, faSeedling, 
-      faSyncAlt, faExpand, faCompress, faKey, faInfoCircle);
+      faSyncAlt, faExpand, faCompress, faKey, faInfoCircle,faWrench);
     const NetworkExpander = createCustomElement(ExplorerPageComponent, { injector });
     // Register the custom element with the browser.
     customElements.define('drugst-one', NetworkExpander);

src/app/components/analysis-panel/analysis-panel.component.html

@@ -47,21 +47,31 @@
         [class.is-visible]="tab === 'meta'"
       >
         <div *ngIf="task">
-          <p
+          <div class="columns m-1">
+            <div class="column content">
+              <h4
+                class="is-4 has-text-weight-bold"
                 *ngIf="
-              task.info.algorithm !== 'quick' && task.info.algorithm !== 'super'
+                  task.info.algorithm !== 'quick' &&
+                  task.info.algorithm !== 'super'
                 "
               >
+              <span class="icon">
+                <i class="fas fa-wrench" aria-hidden="true"></i>
+              </span>
                 Algorithm:
-            <strong class="has-text-normal">{{
-              algorithmNames[task.info.algorithm]
-            }}</strong>
-          </p>
-          <div>
+                {{ algorithmNames[task.info.algorithm] }}
+              </h4>
+            </div>
+          </div>
+          <div class="columns m-1">
+            <div class="column">
               <table class="table is-narrow">
                 <tbody>
                   <tr
-                  *ngIf="result && result.geneInteractionDataset !== undefined"
+                    *ngIf="
+                      result && result.geneInteractionDataset !== undefined
+                    "
                   >
                     <td>Protein-Protein Interaction Dataset</td>
                     <td>
@@ -70,7 +80,9 @@
                     </td>
                   </tr>
                   <tr
-                  *ngIf="result && result.drugInteractionDataset !== undefined"
+                    *ngIf="
+                      result && result.drugInteractionDataset !== undefined
+                    "
                   >
                     <td>Protein-Drug Interaction Dataset</td>
                     <td>
@@ -145,6 +157,7 @@
                 </tbody>
               </table>
             </div>
+          </div>
           <div
             *ngIf="
               task.info.algorithm === 'quick' || task.info.algorithm === 'super'
@@ -241,7 +254,9 @@
                 <button
                   class="button is-rounded has-tooltip is-small"
                   pTooltip="Normalize the scores"
-                  [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
+                  [tooltipStyleClass]="
+                    'drgstn drgstn-tooltip drgstn-tooltip-top'
+                  "
                   tooltipPosition="top"
                   [class.is-primary]="tableNormalize"
                   (click)="toggleNormalization(true)"
@@ -257,7 +272,9 @@
                 <button
                   class="button is-rounded has-tooltip is-small"
                   pTooltip="Disable normalization of the scores."
-                  [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
+                  [tooltipStyleClass]="
+                    'drgstn drgstn-tooltip drgstn-tooltip-top'
+                  "
                   tooltipPosition="top"
                   [class.is-primary]="!tableNormalize"
                   (click)="toggleNormalization(false)"
@@ -319,7 +336,6 @@
             ></app-prot-table>
           </div>
         </div>
-
       </div>
     </div>
   </div>

src/app/components/analysis-panel/analysis-panel.component.ts

@@ -175,6 +175,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
 
       if (this.task && this.task.info.done) {
         this.result = await this.netex.getTaskResult(this.token);
+        console.log(this.result)
         const nodeAttributes = this.result.nodeAttributes || {};
 
         this.networkHandler.activeNetwork.seedMap = nodeAttributes.isSeed || {};

src/app/main-network.ts

@@ -57,7 +57,6 @@ export class ProteinNetwork {
     }
 
     for (const edge of this.edges) {
-      console.log(edge)
       edges.push(mapCustomEdge(edge, config));
     }