convert main page into standalone component

This commit is contained in:
2024-09-29 13:51:06 +02:00
parent a6ae8e533e
commit 6dc5ba1a1e
3 changed files with 12 additions and 11 deletions

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 { MainPageComponent } from "./main-page/main-page.component";
import { HelpPageComponent } from "./help-page/help-page.component"; import { HelpPageComponent } from "./help-page/help-page.component";
import { UploadPageComponent } from "./upload-page/upload-page.component"; import { UploadPageComponent } from "./upload-page/upload-page.component";
import { VisualizationPageComponent } from "./visualization-page/visualization-page.component"; import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
@@ -57,10 +56,10 @@ import { DragDropModule } from "@angular/cdk/drag-drop";
import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-dialog.component"; import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-dialog.component";
import { FocusDirective } from "./focus.directive"; import { FocusDirective } from "./focus.directive";
import { MarkdownModule } from "ngx-markdown"; import { MarkdownModule } from "ngx-markdown";
import { MainPageComponent } from "./main-page/main-page.component";
@NgModule({ declarations: [ @NgModule({ declarations: [
AppComponent, AppComponent,
MainPageComponent,
HelpPageComponent, HelpPageComponent,
UploadPageComponent, UploadPageComponent,
VisualizationPageComponent, VisualizationPageComponent,
@@ -83,13 +82,16 @@ import { MarkdownModule } from "ngx-markdown";
ConfirmationDialogComponent, ConfirmationDialogComponent,
FocusDirective, FocusDirective,
], ],
bootstrap: [AppComponent], imports: [MarkdownModule.forRoot(), bootstrap: [AppComponent],
imports: [
MarkdownModule.forRoot(),
BrowserModule, BrowserModule,
AppRoutingModule, AppRoutingModule,
FormsModule, FormsModule,
ReactiveFormsModule, ReactiveFormsModule,
DatePickerComponent, DatePickerComponent,
DragDropModule, DragDropModule,
MainPageComponent,
MatAutocompleteModule, MatAutocompleteModule,
MatBadgeModule, MatBadgeModule,
MatButtonModule, MatButtonModule,

View File

@@ -1,15 +1,14 @@
import { Component, OnInit } from '@angular/core'; import { Component } from '@angular/core';
import { RouterLink } from '@angular/router';
@Component({ @Component({
selector: 'pdb-main-page', selector: 'pdb-main-page',
templateUrl: './main-page.component.html', templateUrl: './main-page.component.html',
styleUrls: ['./main-page.component.scss'] standalone: true,
imports: [
RouterLink
]
}) })
export class MainPageComponent implements OnInit { export class MainPageComponent {
constructor() { }
ngOnInit() {
}
} }