diff --git a/src/app/components/analysis-panel/analysis-panel.component.html b/src/app/components/analysis-panel/analysis-panel.component.html index 00baaf46e673139a199b38d5610e725d5ccc8a45..100ab091212351ef47ada2183022b5be8be4a22f 100644 --- a/src/app/components/analysis-panel/analysis-panel.component.html +++ b/src/app/components/analysis-panel/analysis-panel.component.html @@ -1,5 +1,8 @@ <div *ngIf="token"> - <div class="card analysis analysis-view" [ngClass]="{ fullscreen: fullscreen }"> + <div + class="card analysis analysis-view" + [ngClass]="{ fullscreen: fullscreen }" + > <header class="card-header"> <p class="card-header-title"> <app-fa-solid-icon icon="flask"></app-fa-solid-icon> @@ -116,33 +119,30 @@ *ngIf="task && task.info.done" [class.is-visible]="tab === 'meta'" > - <div *ngIf="task"> - <div class="columns m-1"> - <div class="column content"> - <h4 class="is-4 has-text-weight-bold"> - <app-fa-solid-icon - icon="wrench" - title="Algorithm" - ></app-fa-solid-icon> - {{ + <div class="columns m-1"> + <div class="column content"> + <h4 class="is-4 has-text-weight-bold"> + <app-fa-solid-icon + icon="wrench" + title="Algorithm" + ></app-fa-solid-icon> + {{ ["quick", "super", "connect", "connectSelected"].indexOf( task.info.algorithm ) === -1 ? "Algorithm:" : "Method:" - }} - {{ algorithmNames[task.info.algorithm] }} - </h4> - </div> + }} + {{ algorithmNames[task.info.algorithm] }} + </h4> </div> - <div class="columns m-1"> - <div class="column"> - <table class="table parameter-table"> - <tbody> + </div> + <div class="columns m-1"> + <div class="column"> + <table class="table parameter-table"> + <tbody> <tr - *ngIf=" - result && result.geneInteractionDataset !== undefined - " + *ngIf="result && result.geneInteractionDataset !== undefined" > <td>Protein-Protein Interaction Dataset</td> <td> @@ -151,9 +151,7 @@ </td> </tr> <tr - *ngIf=" - result && result.drugInteractionDataset !== undefined - " + *ngIf="result && result.drugInteractionDataset !== undefined" > <td>Protein-Drug Interaction Dataset</td> <td> @@ -191,9 +189,9 @@ </tr> <tr *ngIf=" - task.info.parameters.includeIndirectDrugs !== undefined && - task.info.target === 'drug' - " + task.info.parameters.includeIndirectDrugs !== undefined && + task.info.target === 'drug' + " > <td>Include indirect drugs</td> <td> @@ -213,9 +211,9 @@ </tr> <tr *ngIf=" - task.info.parameters.includeNonApprovedDrugs !== - undefined && task.info.target === 'drug' - " + task.info.parameters.includeNonApprovedDrugs !== + undefined && task.info.target === 'drug' + " > <td>Include non-approved drugs</td> <td> @@ -250,29 +248,29 @@ ></app-fa-solid-icon> </td> </tr> - </tbody> - </table> - </div> + </tbody> + </table> </div> - <div - class="columns m-1" - *ngIf=" - ['quick', 'super', 'connect', 'connectSelected'].indexOf( - task.info.algorithm - ) > -1 - " - > - <div class="column"> - <h4 class="is-4 has-text-weight-bold"> - <app-fa-solid-icon - icon="wrench" - title="algorithm" - ></app-fa-solid-icon> - Algorithm: - {{ algorithmNames["multisteiner"] }} - </h4> - <table class="table parameter-table"> - <tbody> + </div> + <div + class="columns m-1" + *ngIf=" + ['quick', 'super', 'connect', 'connectSelected'].indexOf( + task.info.algorithm + ) > -1 + " + > + <div class="column"> + <h4 class="is-4 has-text-weight-bold"> + <app-fa-solid-icon + icon="wrench" + title="algorithm" + ></app-fa-solid-icon> + Algorithm: + {{ algorithmNames["multisteiner"] }} + </h4> + <table class="table parameter-table"> + <tbody> <tr> <td>Number of Trees</td> <td>1</td> @@ -285,25 +283,25 @@ <td>Hub Penality</td> <td>1</td> </tr> - </tbody> - </table> - </div> + </tbody> + </table> </div> - <div - class="columns m-1" - *ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1" - > - <div class="column"> - <h4 class="is-4 has-text-weight-bold"> - <app-fa-solid-icon - icon="wrench" - title="algorithm" - ></app-fa-solid-icon> - Algorithm: - {{ algorithmNames["closeness"] }} - </h4> - <table class="table parameter-table"> - <tbody> + </div> + <div + class="columns m-1" + *ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1" + > + <div class="column"> + <h4 class="is-4 has-text-weight-bold"> + <app-fa-solid-icon + icon="wrench" + title="algorithm" + ></app-fa-solid-icon> + Algorithm: + {{ algorithmNames["closeness"] }} + </h4> + <table class="table parameter-table"> + <tbody> <tr> <td>Include indirect drugs</td> <td> @@ -332,9 +330,8 @@ <td>Result Size</td> <td>10</td> </tr> - </tbody> - </table> - </div> + </tbody> + </table> </div> </div> </div> diff --git a/src/app/components/analysis-panel/analysis-panel.component.scss b/src/app/components/analysis-panel/analysis-panel.component.scss index 9a219fab5c3f0b8d9df6070ef1fbb7641bc655ee..da40983a429e5870b025c069f7c7b59f7ffcabed 100644 --- a/src/app/components/analysis-panel/analysis-panel.component.scss +++ b/src/app/components/analysis-panel/analysis-panel.component.scss @@ -30,6 +30,8 @@ .parameter-table, .parameter-tab { width: 100% !important; + overflow-y: scroll; + height: 100%; } .tab-content {