querz nodes

src/app/components/query-tile/query-tile.component.html

 <div class="content">
-  <ng-select [items]="queryItems" bindLabel="id" bindValue="data" [virtualScroll]="true" class="custom"
-             placeholder="Search..." [hideSelected]="true" [searchFn]="querySearch" (change)="select($event)" pTooltip="Find proteins in the network." tooltipPosition="top">
+  <ng-select [items]="queryItems" bindLabel="label" bindValue="data" [virtualScroll]="true" class="custom"
+             placeholder="Search..." [hideSelected]="true" [searchFn]="querySearch" (change)="select($event)" pTooltip="Find nodes in the network." tooltipPosition="top">
     <ng-template ng-option-tmp let-item="item">
-      <b *ngIf="item.data.netexId && item.data.netexId.startsWith('p')"> {{item.data.name}}</b>
-      <span><small *ngIf="item.data.netexId && item.data.netexId.startsWith('p')">Protein</small> | </span>
-      <span *ngIf="item.data.netexId && item.data.netexId.startsWith('p')"><small>AC: <b>{{item.data.uniprotAc}}</b></small> </span>
+      <p>{{item.data.label}}</p>
     </ng-template>
   </ng-select>
 </div>

src/app/components/query-tile/query-tile.component.ts

@@ -15,7 +15,13 @@ export class QueryTileComponent {
   querySearch(term: string, item: Wrapper) {
     term = term.toLowerCase();
     const data = item.data as Node;
-    return data.symbol.toLowerCase().indexOf(term) > -1 || data.uniprotAc.toLowerCase().indexOf(term) > -1;
+    if (data.netexId === undefined) {
+      return data.label.toLowerCase().indexOf(term) > -1 || data.id.toLowerCase().indexOf(term) > -1 
+    } else {
+      data.ensg = data.ensg.map(x => x.toLowerCase())
+      return data.symbol.toLowerCase().indexOf(term) > -1 || data.uniprotAc.toLowerCase().indexOf(term) > -1 || 
+        data.label.toLowerCase().indexOf(term) > -1 || data.ensg.includes(term) || data.id.toLowerCase().indexOf(term) > -1 ;
+    }
   }
 
   select(item) {

src/app/services/analysis/analysis.service.ts

@@ -157,12 +157,12 @@ export class AnalysisService {
 
   public invertSelection(nodes) {
     const newSelection = [];
-    nodes.forEach((node) => {
-      if (!this.inSelection(node)) {
-        newSelection.push(node);
+    nodes.forEach((node: Node) => {
+      const wrapper = getWrapperFromNode(node);
+      if (!this.inSelection(wrapper)) {
+        newSelection.push(wrapper);
       }
     });
-    console.log(nodes)
     this.selectedItems.clear();
     for (const wrapper of newSelection) {
       this.selectedItems.set(wrapper.nodeId, wrapper);

src/theme-styles.scss

@@ -187,7 +187,6 @@ a:hover {
 }
 
 
-
 .p-tooltip-text, .p-tooltip-arrow {
   background: var(--drgstn-tooltip) !important;
   border-radius: 2px !important;