Feature/planqk demo direct links (#245)

* added sso-check on keycloak load and added wait for sso check to algorithms page

* chaned workflow for api queries

* re-added page guard

* removed root-url setting in navigation (is now set directly in algorithms)

* added logout workaround

* added fixme comment

* Update src/app/components/algorithms/algorithm-view/algorithm-view.component.ts

Co-authored-by: Fabian Bühler <buehler-fabian@posteo.de>

* removed logout workaround and moved algorithm parsing to subscribe

---------

Co-authored-by: Fabian Bühler <buehler-fabian@posteo.de>

src/app/components/algorithms/algorithm-view/algorithm-view.component.ts

@@ -2,18 +2,20 @@ import { Component, OnDestroy, OnInit } from '@angular/core';
 import { AlgorithmDto } from 'api-atlas/models/algorithm-dto';
 import { AlgorithmService } from 'api-atlas/services/algorithm.service';
 import { ActivatedRoute } from '@angular/router';
-import { Subscription } from 'rxjs';
+import { Observable, of, Subscription } from 'rxjs';
 import { ApplicationAreaDto } from 'api-atlas/models/application-area-dto';
 import { ApplicationAreasService } from 'api-atlas/services/application-areas.service';
 import { ProblemTypeService } from 'api-atlas/services/problem-type.service';
 import { ProblemTypeDto } from 'api-atlas/models/problem-type-dto';
 import { TagDto } from 'api-atlas/models/tag-dto';
 import { RevisionDto } from 'api-atlas/models/revision-dto';
 import { ApiConfiguration } from 'api-atlas/api-configuration';
+import { catchError, map, mergeMap, take } from 'rxjs/operators';
 import { BreadcrumbLink } from '../../generics/navigation-breadcrumb/navigation-breadcrumb.component';
 import { UtilService } from '../../../util/util.service';
 import { UiFeatures } from '../../../directives/qc-atlas-ui-repository-configuration.service';
 import { ChangePageGuard } from '../../../services/deactivation-guard';
+import { PlanqkPlatformLoginService } from '../../../services/planqk-platform-login.service';
 import {
   ComparedData,
   CompareVersionDialogComponent,
@@ -42,7 +44,9 @@ export class AlgorithmViewComponent implements OnInit, OnDestroy {
 
   links: BreadcrumbLink[] = [{ heading: '', subHeading: '' }];
 
-  private routeSub: Subscription;
+  private dataSubscription: Subscription | null = null;
+
+  private configuredApiUrl: string;
 
   constructor(
     private algorithmService: AlgorithmService,
@@ -51,37 +55,62 @@ export class AlgorithmViewComponent implements OnInit, OnDestroy {
     private route: ActivatedRoute,
     private utilService: UtilService,
     private config: ApiConfiguration,
-    public guard: ChangePageGuard
+    public guard: ChangePageGuard,
+    private planqkPlatformLoginService: PlanqkPlatformLoginService
   ) {}
 
   ngOnInit(): void {
-    this.routeSub = this.route.params.subscribe(({ algoId }) => {
-      this.algorithmService.getAlgorithm({ algorithmId: algoId }).subscribe(
-        (algo: AlgorithmDto) => {
-          this.algorithm = algo;
-          this.frontendAlgorithm = JSON.parse(
-            JSON.stringify(algo)
-          ) as AlgorithmDto;
-          let subheading = this.algorithm.computationModel
-            .toString()
-            .toLowerCase();
-          subheading = subheading[0].toUpperCase() + subheading.slice(1);
-          this.links[0] = {
-            heading: this.createBreadcrumbHeader(this.algorithm),
-            subHeading: subheading + ' Algorithm',
-          };
-          this.getApplicationAreasForAlgorithm(algoId);
-          this.getProblemTypesForAlgorithm(algoId);
-          this.getTagsForAlgorithm(algoId);
-          this.fetchRevisions();
-        },
-        () => {
+    this.dataSubscription = this.planqkPlatformLoginService
+      .isLoggedIn()
+      .pipe(
+        take(1),
+        mergeMap((loggedIn) => {
+          if (loggedIn) {
+            // Try planqk
+            this.configuredApiUrl = this.config.rootUrl;
+            this.config.rootUrl = 'https://platform.planqk.de/qc-catalog';
+          }
+          return this.loadAlgorithm();
+        }),
+        catchError(() => {
+          // Not available on PlanQK: Try on qc-atlas api
+          this.config.rootUrl = this.configuredApiUrl;
+          return this.loadAlgorithm();
+        }),
+        catchError(() => {
           this.utilService.callSnackBar(
             'Error! Algorithm could not be retrieved.'
           );
-        }
-      );
-    });
+          return of();
+        })
+      )
+      .subscribe((algo: AlgorithmDto) => {
+        const algoId = algo.id;
+        this.algorithm = algo;
+        this.frontendAlgorithm = JSON.parse(
+          JSON.stringify(algo)
+        ) as AlgorithmDto;
+        let subheading = this.algorithm.computationModel
+          .toString()
+          .toLowerCase();
+        subheading = subheading[0].toUpperCase() + subheading.slice(1);
+        this.links[0] = {
+          heading: this.createBreadcrumbHeader(this.algorithm),
+          subHeading: subheading + ' Algorithm',
+        };
+        this.getApplicationAreasForAlgorithm(algoId);
+        this.getProblemTypesForAlgorithm(algoId);
+        this.getTagsForAlgorithm(algoId);
+        this.fetchRevisions();
+      });
+  }
+
+  loadAlgorithm(): Observable<AlgorithmDto> {
+    return this.route.params.pipe(
+      mergeMap(({ algoId }) =>
+        this.algorithmService.getAlgorithm({ algorithmId: algoId })
+      )
+    );
   }
 
   changeTab(tabNumber: number): void {
@@ -91,8 +120,9 @@ export class AlgorithmViewComponent implements OnInit, OnDestroy {
       this.generalTab = false;
     }
   }
+
   ngOnDestroy(): void {
-    this.routeSub.unsubscribe();
+    this.dataSubscription?.unsubscribe();
   }
 
   saveAlgorithm(

src/app/components/navigation/navigation.component.ts

@@ -47,7 +47,6 @@ export class NavigationComponent implements OnInit {
         if (loggedIn) {
           this.bearerTokenSet = true;
           this.config.rootUrl = 'https://platform.planqk.de/qc-catalog';
-          this.reloadStartPage();
           this.utilService.callSnackBar(
             'Successfully logged into the PlanQK platform.'
           );

src/app/util/keycloak-init.ts

@@ -11,8 +11,11 @@ export const initializeKeycloak = (keycloak: KeycloakService) => (): Promise<
         clientId: 'planqk-login',
       },
       initOptions: {
+        onLoad: 'check-sso',
         checkLoginIframe: false,
+        enableLogging: true,
       },
       enableBearerInterceptor: false,
+      loadUserProfileAtStartUp: true,
     })
     .then((retValue) => retValue);