feat: configurable main page

package.json

@@ -9,6 +9,7 @@
     "watch": "ng build --watch --configuration default",
     "test": "ng test --watch=false --source-map=false",
     "lint": "ng lint",
+    "lint:errors": "ng lint --quiet",
     "lint:fix": "ng lint --fix",
     "betterer": "betterer",
     "cypress:open": "cypress open",

src/app/app-config.service.spec.ts

@@ -9,6 +9,10 @@ import { of } from "rxjs";
 import { MockHttp } from "shared/MockStubs";
 
 const appConfig: AppConfigInterface = {
+  defaultMainPage: {
+    nonAuthenticatedUser: "DATASETS",
+    authenticatedUser: "DATASETS",
+  },
   skipSciCatLoginPageEnabled: false,
   accessTokenPrefix: "",
   addDatasetEnabled: true,

src/app/app-config.service.ts

@@ -35,6 +35,18 @@
   }
 }
 
+export enum MainPageOptions {
+  DATASETS = "/datasets",
+  PROPOSALS = "/proposals",
+  INSTRUMENTS = "/instruments",
+  SAMPLES = "/samples",
+}
+
+export class MainPageConfiguration {
+  nonAuthenticatedUser: keyof typeof MainPageOptions;
+  authenticatedUser: keyof typeof MainPageOptions;
+}
+
 export interface AppConfigInterface {
   skipSciCatLoginPageEnabled?: boolean;
   accessTokenPrefix: string;
@@ -44,7 +56,7 @@
   datasetReduceEnabled: boolean;
   datasetDetailsShowMissingProposalId: boolean;
   datafilesActionsEnabled: boolean;
   datafilesActions: any[];
   editDatasetSampleEnabled: boolean;
   editMetadataEnabled: boolean;
   editPublishedData: boolean;
@@ -106,6 +118,17 @@
   datasetDetailComponent?: DatasetDetailComponentConfig;
   labelsLocalization?: LabelsLocalization;
   dateFormat?: string;
+  defaultMainPage?: MainPageConfiguration;
+}
+
+function isMainPageConfiguration(obj: any): obj is MainPageConfiguration {
+  const validKeys = Object.keys(MainPageOptions);
+  return (
+    obj &&
+    typeof obj === "object" &&
+    validKeys.includes(obj.nonAuthenticatedUser) &&
+    validKeys.includes(obj.authenticatedUser)
+  );
 }
 
 @Injectable({
@@ -123,15 +146,39 @@
         .pipe(timeout(2000))
         .toPromise();
       this.appConfig = Object.assign({}, this.appConfig, config);
     } catch (err) {
       console.log("No config available in backend, trying with local config.");
       try {
         const config = await this.http.get("/assets/config.json").toPromise();
         this.appConfig = Object.assign({}, this.appConfig, config);
       } catch (err) {
         console.error("No config provided.");
       }
     }
+
+    const config: AppConfigInterface = this.appConfig as AppConfigInterface;
+    if (
+      "defaultMainPage" in config &&
+      isMainPageConfiguration(config.defaultMainPage)
+    ) {
+      config.defaultMainPage.nonAuthenticatedUser = Object.keys(
+        MainPageOptions,
+      ).includes(config.defaultMainPage.nonAuthenticatedUser)
+        ? config.defaultMainPage.nonAuthenticatedUser
+        : "DATASETS";
+      config.defaultMainPage.authenticatedUser = Object.keys(
+        MainPageOptions,
+      ).includes(config.defaultMainPage.authenticatedUser)
+        ? config.defaultMainPage.authenticatedUser
+        : "DATASETS";
+    } else {
+      config.defaultMainPage = {
+        nonAuthenticatedUser: "DATASETS",
+        authenticatedUser: "DATASETS",
+      } as MainPageConfiguration;
+    }
+
+    this.appConfig = config;
   }
 
   getConfig(): AppConfigInterface {

src/app/app-routing/app-routing.module.ts

@@ -5,6 +5,8 @@ import { ErrorPageComponent } from "shared/modules/error-page/error-page.compone
 import { AppLayoutComponent } from "_layout/app-layout/app-layout.component";
 import { AppMainLayoutComponent } from "_layout/app-main-layout/app-main-layout.component";
 import { ServiceGuard } from "./service.guard";
+import { MainPageGuard } from "./main-page";
+import { RedirectingComponent } from "./redirecting.component";
 
 export const routes: Routes = [
   {
@@ -13,7 +15,8 @@ export const routes: Routes = [
     children: [
       {
         path: "",
-        redirectTo: "/datasets",
+        canActivate: [MainPageGuard],
+        component: RedirectingComponent,
         pathMatch: "full",
       },
       {

src/app/app-routing/main-page.ts

@@ -0,0 +1,33 @@
+import { Injectable } from "@angular/core";
+import { CanActivate, Router } from "@angular/router";
+import {
+  AppConfigService,
+  MainPageConfiguration,
+  MainPageOptions,
+} from "app-config.service";
+import { AuthService } from "shared/services/auth/auth.service";
+
+@Injectable({ providedIn: "root" })
+export class MainPageGuard implements CanActivate {
+  constructor(
+    private router: Router,
+    private appConfigService: AppConfigService,
+    private authService: AuthService,
+  ) {}
+
+  canActivate(): boolean {
+    const defaultMainPage: MainPageConfiguration =
+      this.appConfigService.getConfig().defaultMainPage;
+
+    const userLoggedIn = this.authService.isAuthenticated();
+
+    this.router.navigate([
+      MainPageOptions[
+        userLoggedIn
+          ? defaultMainPage.authenticatedUser
+          : defaultMainPage.nonAuthenticatedUser
+      ],
+    ]);
+    return false;
+  }
+}

src/app/app-routing/redirecting.component.ts

@@ -0,0 +1,46 @@
+// dummy.component.ts
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-redirecting",
+  template: `
+    <div class="redirecting-wrapper">
+      <div class="redirecting-logo"></div>
+      <div class="spinner"></div>
+      <p>Redirecting, please wait...</p>
+    </div>
+  `,
+  styles: [
+    `
+      .redirecting-wrapper {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100vh;
+        font-family: Arial, sans-serif;
+        color: #444;
+      }
+
+      .spinner {
+        border: 4px solid #f3f3f3;
+        border-top: 4px solid #3f51b5;
+        border-radius: 50%;
+        width: 40px;
+        height: 40px;
+        animation: spin 1s linear infinite;
+        margin-bottom: 10px;
+      }
+
+      @keyframes spin {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    `,
+  ],
+})
+export class RedirectingComponent {}

src/assets/config.json

@@ -248,5 +248,9 @@
         }
       }
     }
-  }
+  },
+  "defaultMainPage": {
+    "nonAuthenticatedUser": "DATASETS",
+    "authenticatedUser": "DATASETS"
+  },
 }