Add Kegg Branding

deployment/ing.yml

@@ -11,10 +11,10 @@ metadata:
 spec:
     tls:
         - hosts:
-          - uks.verdict.genericname.dev
+          - verdict.paccanarolab.org
           secretName: letsencrypt-prod
     rules:
-        - host: 'uks.verdict.genericname.dev'
+        - host: 'verdict.paccanarolab.org'
           http:
                 paths:
                     -

services/verdict-web/src/app/core/search/search-suggestions/search-suggestions.component.css

@@ -6,6 +6,20 @@
 	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 
+.kegg-description {
+	padding: 10px;
+}
+.kegg-logo {
+	display: inline-block;
+    background-image: url(/assets/external/kegg128.gif);
+    height: 22px;
+    width: 25px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    vertical-align: middle;
+}
+
 .list {
 	padding-top: 0px !important;
 }

services/verdict-web/src/app/core/search/search-suggestions/search-suggestions.component.html

@@ -1,3 +1,6 @@
+<div *ngIf="(query | async).typeId === 'PATHWAY'" class="kegg-description muted">
+	Loading results from <div class="kegg-logo"></div>...
+</div>
 <mat-list class="list">
 	<ng-container *ngIf="!isLoading; else loading">
 		<ng-container *ngFor="let item of searchResults; let last = last">

services/verdict-web/src/app/core/search/search-suggestions/search-suggestions.component.ts

@@ -10,12 +10,12 @@ import {
 	OnInit,
 } from '@angular/core';
 import { Router } from '@angular/router';
-import { Observable, Subject } from 'rxjs';
-import { filter, finalize, switchMap, takeUntil } from 'rxjs/operators';
+import { concat, forkJoin, Observable, Subject } from 'rxjs';
+import { distinctUntilChanged, filter, finalize, flatMap, map, mergeMap, switchMap, takeUntil } from 'rxjs/operators';
 import { Gene } from 'src/app/directory/gene/gene.model';
 import { Phenotype } from 'src/app/directory/phenotype/phenotype.model';
 
-import { ISearchQuery } from '../search-bar/search-bar.component';
+import { ISearchQuery, SearchIDs } from '../search-bar/search-bar.component';
 import { SearchResult, SearchResults } from '../search.model';
 import { SearchService } from '../search.service';
 
@@ -33,9 +33,8 @@ export class SearchSuggestionsComponent implements OnInit, OnDestroy {
 	$destroy = new Subject<void>();
 	isLoading = false;
 	searchResults: SearchResults = [];
-
 	constructor(
-		@Inject(SEARCH_QUERY) private query: Observable<ISearchQuery>,
+		@Inject(SEARCH_QUERY) public query: Observable<ISearchQuery>,
 		private searchService: SearchService,
 		private elementRef: ElementRef,
 		private router: Router,
@@ -62,6 +61,10 @@ export class SearchSuggestionsComponent implements OnInit, OnDestroy {
 				this.searchResults = results;
 				this.cd.detectChanges();
 			});
+
+		this.query.pipe(map((q: ISearchQuery) => q.typeId), distinctUntilChanged()).subscribe(() => {
+			this.searchResults = [];
+		});
 	}
 
 	@HostListener('document:click', [ '$event' ])

services/verdict-web/src/environments/environment.ts

@@ -6,7 +6,7 @@
 export const environment = {
 	production: false,
 	api: {
-		root: 'https://cors-anywhere.herokuapp.com/https://uks.verdict.genericname.dev/__',
+		root: 'https://cors-anywhere.herokuapp.com/https://verdict.paccanarolab.org/__',
 		phenotype: 'phenotype',
 		gene: 'gene',
 		search: 'search',