Skip to content
Snippets Groups Projects
Commit 4f99fcbb authored by Hartung, Michael's avatar Hartung, Michael
Browse files

analysis parameter scrollable

parent 8795be30
No related branches found
No related tags found
No related merge requests found
<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>
...@@ -53,20 +56,47 @@ ...@@ -53,20 +56,47 @@
</button> </button>
</p> </p>
<div class="control dropdown" ngbDropdown> <div class="control dropdown" ngbDropdown>
<button ngbDropdownToggle <button
ngbDropdownToggle
class="button is-rounded is-small is-outlined highlight-primary" class="button is-rounded is-small is-outlined highlight-primary"
type="button" (click)="showMenu = !showMenu" type="button"
[class]="{'dropdown-toggle-enabled': showMenu}" (focusout)="hideMenu()"> (click)="showMenu = !showMenu"
<app-fa-solid-icon icon="bars" classString="only-item-in-button"></app-fa-solid-icon> [class]="{ 'dropdown-toggle-enabled': showMenu }"
(focusout)="hideMenu()"
>
<app-fa-solid-icon
icon="bars"
classString="only-item-in-button"
></app-fa-solid-icon>
</button> </button>
<ul ngbDropdownMenu class="dropdown-content dropdown-list" <ul
[style]="{'display':showMenu ? 'inline-block':'none'}"> ngbDropdownMenu
<li ngbDropdownItem pTooltip="Display end-user license agreement (EULA)." tooltipPosition="left" class="dropdown-content dropdown-list"
[tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'" [style]="{ display: showMenu ? 'inline-block' : 'none' }"
(click)="showEULA()"><a>Show EULA</a></li> >
<li ngbDropdownItem pTooltip="Opens Drugst.One website" tooltipPosition="left" <li
[tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"><a target="_blank" ngbDropdownItem
href="https://drugst.one/home">About Drugst.One</a></li> pTooltip="Display end-user license agreement (EULA)."
tooltipPosition="left"
[tooltipStyleClass]="
'drgstn drgstn-tooltip drgstn-tooltip-left'
"
(click)="showEULA()"
>
<a>Show EULA</a>
</li>
<li
ngbDropdownItem
pTooltip="Opens Drugst.One website"
tooltipPosition="left"
[tooltipStyleClass]="
'drgstn drgstn-tooltip drgstn-tooltip-left'
"
>
<a target="_blank" href="https://drugst.one/home"
>About Drugst.One</a
>
</li>
</ul> </ul>
</div> </div>
<p class="control"> <p class="control">
...@@ -110,7 +140,6 @@ ...@@ -110,7 +140,6 @@
*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">
...@@ -134,9 +163,7 @@ ...@@ -134,9 +163,7 @@
<table class="table parameter-table"> <table class="table parameter-table">
<tbody> <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>
...@@ -145,9 +172,7 @@ ...@@ -145,9 +172,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>
...@@ -331,7 +356,6 @@ ...@@ -331,7 +356,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="tab-content" [class.is-visible]="tab === 'network'"> <div class="tab-content" [class.is-visible]="tab === 'network'">
<!-- network start --> <!-- network start -->
......
...@@ -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% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment