convert help page into standalone component and add lazy loading
This commit is contained in:
@@ -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 }
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user