Skip to content
Snippets Groups Projects
Commit 46d2edce authored by AndiMajore's avatar AndiMajore
Browse files

updated playground options

parent de2978d5
No related branches found
No related tags found
No related merge requests found
Pipeline #63273 canceled
Stage: setup
Stage: check
Stage: build
Stage: deploy
Show whitespace changes
Inline Side-by-side
src/app/components/playground/sidebar/sidebar.component.html
+ 99
− 62
View file @ 46d2edce
......@@ -562,13 +562,6 @@
(onChange)="changeConfig('showLegend', $event)"
tooltip="Adds or removes the Legend."
></app-switch>
<app-dropdown
[items]="sidebarPosList"
[model]="getConfig('showSidebar')"
label="Panel-Sidebar Position"
tooltip="Set the side, where the sidebar should be located."
(onChange)="changeConfig('showSidebar', $event)"
></app-dropdown>
<app-dropdown
[items]="networkMenuPosList"
[model]="getConfig('showNetworkMenu')"
......@@ -576,6 +569,17 @@
tooltip="Set the side, where the network menu should be located."
(onChange)="changeConfig('showNetworkMenu', $event)"
></app-dropdown>
<app-dropdown
[items]="sidebarPosList"
[model]="getConfig('showSidebar')"
label="Panel-Sidebar Position"
tooltip="Set the side, where the sidebar should be located."
(onChange)="changeConfig('showSidebar', $event)"
></app-dropdown>
<div
[hidden]="
getConfig('showSidebar') != null && getConfig('showSidebar') === false"
style="padding-left: 12px">
<app-switch
label="Show Overview Panel"
[model]="
......@@ -603,10 +607,16 @@
tooltip="Adds or removes the node selector card to/from the right sidepanel."
></app-switch>
<app-switch
label="Show Simple Analysis"
[model]="getConfig('showSimpleAnalysis') === true"
label="Show Connect Genes"
[model]="getConfig('showConnectGenes') == null ||getConfig('showConnectGenes') === true"
(onChange)="changeConfig('showConnectGenes', $event)"
tooltip="Adds or removes the connect genes card card to/from the right sidepanel."
></app-switch>
<app-switch
label="Show Quick Drug Search"
[model]="getConfig('showSimpleAnalysis') == null || getConfig('showSimpleAnalysis') === true"
(onChange)="changeConfig('showSimpleAnalysis', $event)"
tooltip="Adds or removes the simple analysis card card to/from the right sidepanel."
tooltip="Adds or removes the quick drug search analysis card card to/from the right sidepanel."
></app-switch>
<app-switch
label="Show Advanced Analysis"
......@@ -617,6 +627,33 @@
(onChange)="changeConfig('showAdvAnalysis', $event)"
tooltip="Adds or removes the advanced analysis card to/from the right sidepanel."
></app-switch>
<div [hidden]="getConfig('showAdvAnalysis') != null &&
getConfig('showAdvAnalysis') === false" style="padding-left: 12px">
<app-switch
label="Drug Target Search"
[model]="getConfig('showAdvAnalysisContent') == null || getConfig('showAdvAnalysisContent').includes('drug-target-search')"
(onChange)="changeAdvAnalysisConfig('drug-target-search', $event)"
tooltip="Adds or removes the button for drug target algorithm execution from Analysis panel."
></app-switch>
<app-switch
label="Drug Search"
[model]="getConfig('showAdvAnalysisContent') == null || getConfig('showAdvAnalysisContent').includes('drug-search')"
(onChange)="changeAdvAnalysisConfig('drug-search', $event)"
tooltip="Adds or removes the button for drug search algorithm execution from Analysis panel."
></app-switch>
<app-switch
label="Enrichment: g:Profiler"
[model]="getConfig('showAdvAnalysisContent') == null ||getConfig('showAdvAnalysisContent').includes('enrichment-gprofiler')"
(onChange)="changeAdvAnalysisConfig('enrichment-gprofiler', $event)"
tooltip="Adds or removes the button redirecting to g:Profiler (https://biit.cs.ut.ee/gprofiler/) for gene enrichment analysis from the analysis panel."
></app-switch>
<app-switch
label="Enrichment: DIGEST"
[model]="getConfig('showAdvAnalysisContent') == null ||getConfig('showAdvAnalysisContent').includes('enrichment-digest')"
(onChange)="changeAdvAnalysisConfig('enrichment-digest', $event)"
tooltip="Adds or removes the button redirecting to DIGEST (https://digest.net) for gene enrichment analysis from the analysis panel."
></app-switch>
</div>
<app-switch
label="Show Selection"
[model]="
......@@ -637,6 +674,7 @@
</div>
</div>
</div>
</div>
<div class="accordion-item" [ngClass]="{
......@@ -726,32 +764,31 @@
<app-textinput
label="Network Menu Adjacent Drugs"
label="Network Menu 'Adjacent Drugs' button label"
[model]="getConfig('networkMenuButtonAdjacentDrugsLabel')"
(onChange)="changeConfig('networkMenuButtonAdjacentDrugsLabel',$event != null && $event.length > 0 ? $event : 'Drugs')"
tooltip="Sets the label of the adjacent drugs button in the side-mounted network menu."
></app-textinput>
<app-textinput
label="Network Menu Adjacent Disorders (protein)"
label="Network Menu 'Adjacent Disorders (protein)' button label"
[model]="getConfig('networkMenuButtonAdjacentDisordersProteinsLabel')"
(onChange)="changeConfig('networkMenuButtonAdjacentDisordersProteinsLabel',$event != null && $event.length > 0 ? $event : 'Disorders (protein)')"
tooltip="Sets the label of the adjacent disorders connecting proteins button in the side-mounted network menu."
></app-textinput>
<app-textinput
label="Network Menu Adjacent Disorders (drug)"
label="Network Menu 'Adjacent Disorders (drug)' button label"
[model]="getConfig('networkMenuButtonAdjacentDisordersDrugsLabel')"
(onChange)="changeConfig('networkMenuButtonAdjacentDisordersDrugsLabel',$event != null && $event.length > 0 ? $event : 'Disorders (drug)')"
tooltip="Sets the label of the adjacent disorders connecting drugs button in the side-mounted network menu."
></app-textinput>
<app-textinput
label="Network Menu Animation"
label="Network Menu 'Animation' button label"
[model]="getConfig('networkMenuButtonAnimationLabel')"
(onChange)="changeConfig('networkMenuButtonAnimationLabel',$event != null && $event.length > 0 ? $event : 'Animation')"
tooltip="Sets the label of the animation button in the side-mounted network menu."
></app-textinput>
</div>
</div>
</div>
......
src/app/components/playground/sidebar/sidebar.component.ts
+ 22
− 0
View file @ 46d2edce
......@@ -226,6 +226,27 @@ export class SidebarComponent implements OnInit {
this.configChangeEvent.emit(out)
}
changeAdvAnalysisConfig(name: string, value: boolean) {
let config = this.getConfig('showAdvAnalysisContent')
console.log(config)
if (config == null) {
config = ['drug-target-search', 'drug-search', 'enrichment-gprofiler', 'enrichment-digest']
}
console.log(config)
console.log(config.includes(name))
if (value) {
if (!config.includes(name))
config.push(name)
} else {
let idx = config.indexOf(name)
if (idx > -1)
config.splice(idx, 1)
}
console.log(config)
this.changeConfig("showAdvAnalysisContent", config)
}
changeGroups(name: string, value: any) {
let out = {}
// @ts-ignore
......@@ -322,6 +343,7 @@ export class SidebarComponent implements OnInit {
}
getConfig(param: string) {
// @ts-ignore
return this.config[param]
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment