From b02883e9599b42a26b483d320979a17dca0bf463 Mon Sep 17 00:00:00 2001
From: Michael Hartung <michi@Michaels-MacBook-Pro.local>
Date: Thu, 29 Jul 2021 14:37:54 +0200
Subject: [PATCH] reset selection button
---
.../explorer-page.component.html | 110 +++++++++++-------
src/app/services/analysis/analysis.service.ts | 2 +-
2 files changed, 68 insertions(+), 44 deletions(-)
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 79d4fb92..be119e36 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -642,37 +642,58 @@
[ngClass]="{ 'text-normal': 'smallStyle' }"
>
<div class="card-content overflow">
- <table class="table selection-table" *ngIf="analysis.getCount() > 0">
- <thead>
- <tr>
- <td>Label</td>
- <td>Group</td>
- <td *ngIf="myConfig.identifier !== 'symbol'">Symbol</td>
- <td *ngIf="myConfig.identifier !== 'uniprot'">Uniprot</td>
- <td>Actions</td>
- </tr>
- </thead>
- <tbody>
- <tr *ngFor="let p of analysis.getSelection()">
- <td><p class="is-capitalized">{{p.data.label}}</p></td>
- <td><p>{{myConfig.nodeGroups[p.data.group]['groupName']}}</p></td>
- <td *ngIf="myConfig.identifier !== 'symbol'"><p>{{p.data.symbol}}</p></td>
- <td *ngIf="myConfig.identifier !== 'uniprot'"><p>{{p.data.uniprotAc}}</p></td>
- <td>
- <button (click)="analysis.removeItems([p])" class="button is-small is-danger is-outlined has-tooltip"
- tooltipPosition="top" pTooltip="Remove from selection.">
- <i class="fa fa-trash"></i>
- </button>
- </td>
- </tr>
- </tbody>
- </table>
- <i *ngIf="analysis.getCount() === 0">
- Double-click on a node to select it for the analysis.
- </i>
+ <table
+ class="table selection-table"
+ *ngIf="analysis.getCount() > 0"
+ >
+ <thead>
+ <tr>
+ <td>Label</td>
+ <td>Group</td>
+ <td *ngIf="myConfig.identifier !== 'symbol'">Symbol</td>
+ <td *ngIf="myConfig.identifier !== 'uniprot'">Uniprot</td>
+ <td>Actions</td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr *ngFor="let p of analysis.getSelection()">
+ <td>
+ <p class="is-capitalized">{{ p.data.label }}</p>
+ </td>
+ <td>
+ <p>
+ {{ myConfig.nodeGroups[p.data.group]["groupName"] }}
+ </p>
+ </td>
+ <td *ngIf="myConfig.identifier !== 'symbol'">
+ <p>{{ p.data.symbol }}</p>
+ </td>
+ <td *ngIf="myConfig.identifier !== 'uniprot'">
+ <p>{{ p.data.uniprotAc }}</p>
+ </td>
+ <td>
+ <button
+ (click)="analysis.removeItems([p])"
+ class="
+ button
+ is-small is-danger is-outlined
+ has-tooltip
+ "
+ tooltipPosition="top"
+ pTooltip="Remove from selection."
+ >
+ <i class="fa fa-trash"></i>
+ </button>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <i *ngIf="analysis.getCount() === 0">
+ Double-click on a node to select it for the analysis.
+ </i>
</div>
- <!-- <footer class="card-footer" *ngIf="selectedAnalysisToken">
+ <!-- <footer class="card-footer" *ngIf="selectedAnalysisToken">
<a (click)="analysis.addSeeds(currentViewNodes)"
class="card-footer-item has-text-success" tooltipPosition="top" pTooltip="Add all visible seeds.">
@@ -717,8 +738,8 @@
</a>
</footer> -->
- <!-- <footer class="card-footer">
- <a (click)="analysis.invertSelection(currentViewNodes)" class="card-footer-item text-primary"
+ <footer class="card-footer">
+ <!-- <a (click)="analysis.invertSelection(currentViewNodes)" class="card-footer-item text-primary"
tooltipPosition="top" pTooltip="Invert the current selection.">
<span class="icon">
<i class="fa fa-sync"></i>
@@ -726,19 +747,22 @@
<span>
Invert
</span>
- </a>
- <a (click)="analysis.resetSelection()" class="card-footer-item text-danger"
- tooltipPosition="top" pTooltip="Remove all entries from the selection.">
- <span class="icon">
- <i class="fa fa-broom"></i>
- </span>
- <span>
- Reset
- </span>
- </a>
- </footer> -->
+ </a> -->
+ <a
+ *ngIf="analysis.getSelection().length"
+ (click)="analysis.resetSelection()"
+ class="card-footer-item text-danger"
+ tooltipPosition="top"
+ pTooltip="Remove all entries from the selection."
+ >
+ <span class="icon">
+ <i class="fa fa-broom"></i>
+ </span>
+ <span> Reset </span>
+ </a>
+ </footer>
- <!-- </div> -->
+ <!-- </div> -->
<!-- </div> -->
</div>
</div>
diff --git a/src/app/services/analysis/analysis.service.ts b/src/app/services/analysis/analysis.service.ts
index bcfaf5e8..305a4049 100644
--- a/src/app/services/analysis/analysis.service.ts
+++ b/src/app/services/analysis/analysis.service.ts
@@ -209,8 +209,8 @@ export class AnalysisService {
}*/
resetSelection() {
+ this.selectListSubject.next({items: Array.from(this.selectedItems.values()), selected: false});
this.selectedItems.clear();
- this.selectListSubject.next({items: [], selected: null});
}
idInSelection(nodeId: string): boolean {
--
GitLab