Skip to content
Snippets Groups Projects
Commit 89cbf21b authored by AndiMajore's avatar AndiMajore
Browse files

merged with scrollable parameter tab

parents 3aebf0bf 4f99fcbb
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/app/components/analysis-panel/analysis-panel.component.html
+ 70
− 73
View file @ 89cbf21b
<div *ngIf="token"> <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"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
<app-fa-solid-icon icon="flask"></app-fa-solid-icon> <app-fa-solid-icon icon="flask"></app-fa-solid-icon>
...@@ -116,33 +119,30 @@ ...@@ -116,33 +119,30 @@
*ngIf="task && task.info.done" *ngIf="task && task.info.done"
[class.is-visible]="tab === 'meta'" [class.is-visible]="tab === 'meta'"
> >
<div *ngIf="task"> <div class="columns m-1">
<div class="columns m-1"> <div class="column content">
<div class="column content"> <h4 class="is-4 has-text-weight-bold">
<h4 class="is-4 has-text-weight-bold"> <app-fa-solid-icon
<app-fa-solid-icon icon="wrench"
icon="wrench" title="Algorithm"
title="Algorithm" ></app-fa-solid-icon>
></app-fa-solid-icon> {{
{{
["quick", "super", "connect", "connectSelected"].indexOf( ["quick", "super", "connect", "connectSelected"].indexOf(
task.info.algorithm task.info.algorithm
) === -1 ) === -1
? "Algorithm:" ? "Algorithm:"
: "Method:" : "Method:"
}} }}
{{ algorithmNames[task.info.algorithm] }} {{ algorithmNames[task.info.algorithm] }}
</h4> </h4>
</div>
</div> </div>
<div class="columns m-1"> </div>
<div class="column"> <div class="columns m-1">
<table class="table parameter-table"> <div class="column">
<tbody> <table class="table parameter-table">
<tbody>
<tr <tr
*ngIf=" *ngIf="result && result.geneInteractionDataset !== undefined"
result && result.geneInteractionDataset !== undefined
"
> >
<td>Protein-Protein Interaction Dataset</td> <td>Protein-Protein Interaction Dataset</td>
<td> <td>
...@@ -151,9 +151,7 @@ ...@@ -151,9 +151,7 @@
</td> </td>
</tr> </tr>
<tr <tr
*ngIf=" *ngIf="result && result.drugInteractionDataset !== undefined"
result && result.drugInteractionDataset !== undefined
"
> >
<td>Protein-Drug Interaction Dataset</td> <td>Protein-Drug Interaction Dataset</td>
<td> <td>
...@@ -191,9 +189,9 @@ ...@@ -191,9 +189,9 @@
</tr> </tr>
<tr <tr
*ngIf=" *ngIf="
task.info.parameters.includeIndirectDrugs !== undefined && task.info.parameters.includeIndirectDrugs !== undefined &&
task.info.target === 'drug' task.info.target === 'drug'
" "
> >
<td>Include indirect drugs</td> <td>Include indirect drugs</td>
<td> <td>
...@@ -213,9 +211,9 @@ ...@@ -213,9 +211,9 @@
</tr> </tr>
<tr <tr
*ngIf=" *ngIf="
task.info.parameters.includeNonApprovedDrugs !== task.info.parameters.includeNonApprovedDrugs !==
undefined && task.info.target === 'drug' undefined && task.info.target === 'drug'
" "
> >
<td>Include non-approved drugs</td> <td>Include non-approved drugs</td>
<td> <td>
...@@ -250,29 +248,29 @@ ...@@ -250,29 +248,29 @@
></app-fa-solid-icon> ></app-fa-solid-icon>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<div </div>
class="columns m-1" <div
*ngIf=" class="columns m-1"
['quick', 'super', 'connect', 'connectSelected'].indexOf( *ngIf="
task.info.algorithm ['quick', 'super', 'connect', 'connectSelected'].indexOf(
) > -1 task.info.algorithm
" ) > -1
> "
<div class="column"> >
<h4 class="is-4 has-text-weight-bold"> <div class="column">
<app-fa-solid-icon <h4 class="is-4 has-text-weight-bold">
icon="wrench" <app-fa-solid-icon
title="algorithm" icon="wrench"
></app-fa-solid-icon> title="algorithm"
Algorithm: ></app-fa-solid-icon>
{{ algorithmNames["multisteiner"] }} Algorithm:
</h4> {{ algorithmNames["multisteiner"] }}
<table class="table parameter-table"> </h4>
<tbody> <table class="table parameter-table">
<tbody>
<tr> <tr>
<td>Number of Trees</td> <td>Number of Trees</td>
<td>1</td> <td>1</td>
...@@ -285,25 +283,25 @@ ...@@ -285,25 +283,25 @@
<td>Hub Penality</td> <td>Hub Penality</td>
<td>1</td> <td>1</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<div </div>
class="columns m-1" <div
*ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1" class="columns m-1"
> *ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1"
<div class="column"> >
<h4 class="is-4 has-text-weight-bold"> <div class="column">
<app-fa-solid-icon <h4 class="is-4 has-text-weight-bold">
icon="wrench" <app-fa-solid-icon
title="algorithm" icon="wrench"
></app-fa-solid-icon> title="algorithm"
Algorithm: ></app-fa-solid-icon>
{{ algorithmNames["closeness"] }} Algorithm:
</h4> {{ algorithmNames["closeness"] }}
<table class="table parameter-table"> </h4>
<tbody> <table class="table parameter-table">
<tbody>
<tr> <tr>
<td>Include indirect drugs</td> <td>Include indirect drugs</td>
<td> <td>
...@@ -332,9 +330,8 @@ ...@@ -332,9 +330,8 @@
<td>Result Size</td> <td>Result Size</td>
<td>10</td> <td>10</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/app/components/analysis-panel/analysis-panel.component.scss
+ 2
− 0
View file @ 89cbf21b
...@@ -30,6 +30,8 @@ ...@@ -30,6 +30,8 @@
.parameter-table, .parameter-tab { .parameter-table, .parameter-tab {
width: 100% !important; width: 100% !important;
overflow-y: scroll;
height: 100%;
} }
.tab-content { .tab-content {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment