feat: configurable main page

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

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

src/app/app-config.service.ts

@@ -35,6 +35,13 @@
   }
 }
 
+export enum MainPageOptions {
+  DATASETS = "/datasets",
+  PROPOSALS = "/proposals",
+  INSTRUMENTS = "/instruments",
+  SAMPLES = "/samples",
+}
+
 export interface AppConfigInterface {
   skipSciCatLoginPageEnabled?: boolean;
   accessTokenPrefix: string;
@@ -44,7 +51,7 @@
   datasetReduceEnabled: boolean;
   datasetDetailsShowMissingProposalId: boolean;
   datafilesActionsEnabled: boolean;
   datafilesActions: any[];
   editDatasetSampleEnabled: boolean;
   editMetadataEnabled: boolean;
   editPublishedData: boolean;
@@ -106,6 +113,7 @@
   datasetDetailComponent?: DatasetDetailComponentConfig;
   labelsLocalization?: LabelsLocalization;
   dateFormat?: string;
+  defaultMainPage?: string;
 }
 
 @Injectable({
@@ -123,15 +131,27 @@
         .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 &&
+      Object.keys(MainPageOptions).includes(config.defaultMainPage)
+    ) {
+      config.defaultMainPage = MainPageOptions[config.defaultMainPage];
+    } else {
+      config.defaultMainPage = MainPageOptions.DATASETS;
+    }
+
+    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 { DummyComponent } from "./dummy.component";
 
 export const routes: Routes = [
   {
@@ -13,7 +15,8 @@ export const routes: Routes = [
     children: [
       {
         path: "",
-        redirectTo: "/datasets",
+        canActivate: [MainPageGuard],
+        component: DummyComponent,
         pathMatch: "full",
       },
       {

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

@@ -0,0 +1,45 @@
+// dummy.component.ts
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-dummy",
+  template: `
+    <div class="dummy-wrapper">
+      <div class="spinner"></div>
+      <p>Redirecting, please wait...</p>
+    </div>
+  `,
+  styles: [
+    `
+      .dummy-wrapper {
+        display: flex;
+        flex-direction: column;
+        al0ign-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 DummyComponent {}

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

@@ -0,0 +1,18 @@
+import { Injectable } from "@angular/core";
+import { CanActivate, Router } from "@angular/router";
+import { AppConfigService } from "app-config.service";
+
+@Injectable({ providedIn: "root" })
+export class MainPageGuard implements CanActivate {
+  constructor(
+    private router: Router,
+    private appConfigService: AppConfigService,
+  ) {}
+
+  canActivate(): boolean {
+    const defaultMainPage = this.appConfigService.getConfig().defaultMainPage;
+
+    this.router.navigate([defaultMainPage]);
+    return false;
+  }
+}