convert help page into standalone component and add lazy loading

This commit is contained in:
2024-10-01 18:47:34 +02:00
parent 9ccb7a14b5
commit ee0eab22f8
3 changed files with 3 additions and 5 deletions

View File

@@ -13,10 +13,9 @@ const routes: Routes = [
{ path: "vis", component: VisualizationPageComponent }, { path: "vis", component: VisualizationPageComponent },
{ path: "dashboard", component: DashboardPageComponent }, { path: "dashboard", component: DashboardPageComponent },
{ path: "dashboard/:id", component: DashboardComponent }, { path: "dashboard/:id", component: DashboardComponent },
//{ path: "upload", component: UploadPageComponent },
{ path: "upload", loadComponent: () => import("./upload-page/upload-page.component").then(m => m.UploadPageComponent) }, { path: "upload", loadComponent: () => import("./upload-page/upload-page.component").then(m => m.UploadPageComponent) },
{ path: "grid", component: CustomizableGridComponent }, { path: "grid", component: CustomizableGridComponent },
{ path: "help", component: HelpPageComponent }, { path: "help", loadComponent: () => import("./help-page/help-page.component").then(m => m.HelpPageComponent) },
// { path: '**', component: PageNotFoundComponent } // { path: '**', component: PageNotFoundComponent }
]; ];

View File

@@ -6,7 +6,6 @@ import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { AppRoutingModule } from "./app-routing.module"; import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component"; import { AppComponent } from "./app.component";
import { HelpPageComponent } from "./help-page/help-page.component";
import { VisualizationPageComponent } from "./visualization-page/visualization-page.component"; import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
import { DatePickerComponent } from "./components/datepicker/date-picker.component"; import { DatePickerComponent } from "./components/datepicker/date-picker.component";
@@ -59,7 +58,6 @@ import { MainPageComponent } from "./main-page/main-page.component";
@NgModule({ declarations: [ @NgModule({ declarations: [
AppComponent, AppComponent,
HelpPageComponent,
VisualizationPageComponent, VisualizationPageComponent,
YAxisDefinitionComponent, YAxisDefinitionComponent,
QueryAutocompleteComponent, QueryAutocompleteComponent,

View File

@@ -3,7 +3,8 @@ import { Component, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'pdb-help-page', selector: 'pdb-help-page',
templateUrl: './help-page.component.html', templateUrl: './help-page.component.html',
styleUrls: ['./help-page.component.scss'] styleUrls: ['./help-page.component.scss'],
standalone: true
}) })
export class HelpPageComponent implements OnInit { export class HelpPageComponent implements OnInit {