change dataset explore for muliply datasets

deploy/datasets/query.js

@@ -306,10 +306,7 @@ const fetchSpatialDataFromKg = async ({ templateName, queryGeometry, queryArg, u
         return {
           name,
           templateSpace: templateName,
-          dataset: {
-            name: dataset[0].name,
-            externalLink: 'https://kg.humanbrainproject.eu/instances/Dataset/' + dataset[0].identifier,
-          },
+          dataset: dataset.map(ds => ds = {name: ds.name, externalLink: 'https://kg.humanbrainproject.eu/instances/Dataset/' + ds.identifier}),
           geometry: {
             type: 'point',
             space: 'real',

src/atlasViewer/atlasViewer.component.ts

@@ -79,7 +79,7 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit {
   public onhoverSegments$: Observable<string[]>
   public onhoverSegmentsForFixed$: Observable<string[]>
   public onhoverLandmarksForFixed$: Observable<any>
-  public onhoverLandmark$ : Observable<{landmarkName: string, externalUrl: string} | null>
+  public onhoverLandmark$ : Observable<{landmarkName: string, datasets: any} | null>
   private subscriptions: Subscription[] = []
 
   /* handlers for nglayer */
@@ -188,8 +188,8 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit {
           return `Landmark index could not be parsed as a number: ${landmark}`
         return  {
                   landmarkName: spatialDatas[idx].name,
-                  externalUrl: (spatialDatas[idx].dataset
-                      && spatialDatas[idx].dataset.externalLink)? spatialDatas[idx].dataset.externalLink : null
+                  datasets: (spatialDatas[idx].dataset
+                      && spatialDatas[idx].dataset.length)? spatialDatas[idx].dataset : null
                 }
       })
     )
@@ -484,9 +484,9 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit {
     }
   }
 
-  openLandmarkUrl(landmark) {
+  openLandmarkUrl(dataset) {
     this.rClContextualMenu.hide()
-    window.open(landmark.externalUrl, "_blank");
+    window.open(dataset.externalLink, "_blank")
   }
 
   @HostBinding('attr.version')

src/atlasViewer/atlasViewer.template.html

@@ -151,20 +151,25 @@
         <div body>
 
           <div
-            *ngIf="(onhoverSegmentsForFixed$ | async)?.length > 0 || (selectedRegions$ | async)?.length > 0 || (onhoverLandmarksForFixed$ | async)?.externalUrl.length > 0"
+            *ngIf="(onhoverSegmentsForFixed$ | async)?.length > 0 || (selectedRegions$ | async)?.length > 0"
             class="p-2">
             Search for data relating to:
           </div>
 
           <div *ngIf="(onhoverLandmarksForFixed$ | async) as onhoverLandmarksForFixed">
-            <div
-                    *ngIf="onhoverLandmarksForFixed && onhoverLandmarksForFixed.externalUrl && onhoverLandmarksForFixed.externalUrl.length > 0"
-                    class="ws-no-wrap text-left pe-all btn btn-sm btn-secondary btn-block mt-0"
-                    data-toggle="tooltip"
-                    data-placement="top"
-                    (click)="openLandmarkUrl(onhoverLandmarksForFixed)"
-                    [title]="onhoverLandmarksForFixed.landmarkName">
-                Explore dataset of {{ onhoverLandmarksForFixed.landmarkName }} <i class="fas fa-external-link-alt"></i>
+            <div *ngIf="onhoverLandmarksForFixed && onhoverLandmarksForFixed.datasets && onhoverLandmarksForFixed.datasets.length > 0">
+              <div class="p-2">
+                Explore datasets for {{onhoverLandmarksForFixed.landmarkName}}
+              </div>
+              <div
+                      *ngFor="let dataset of onhoverLandmarksForFixed.datasets"
+                      class="ws-no-wrap text-left pe-all btn btn-sm btn-secondary btn-block mt-0"
+                      data-toggle="tooltip"
+                      data-placement="top"
+                      (click)="openLandmarkUrl(dataset)"
+                      [title]="dataset.name">
+                {{ dataset.name }} <i class="fas fa-external-link-alt"></i>
+              </div>
             </div>
           </div>