firstCommit

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "Malshinon"
+    ]
+}

angular.json

@@ -23,6 +23,7 @@
               "src/assets"
             ],
             "styles": [
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
               "src/styles.css"
             ],
             "scripts": []
@@ -98,4 +99,4 @@
       }
     }
   }
-}
+}

package.json

@@ -18,6 +18,8 @@
     "@angular/platform-browser": "^14.2.0",
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
+    "bootstrap": "^3.4.1",
+    "bootstrap-autocomplete": "^2.3.7",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"

src/app/app-routing.module.ts

@@ -1,7 +1,24 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { ReportsComponent } from './reports/reports.component';
+import { AuthComponent } from './auth/auth.component';
+import { ReportStartComponent } from './reports/report-start/report-start.component';
+import { ReportDetailComponent } from './reports/report-detail/report-detail.component';
+import { ReportEditComponent } from './reports/report-edit/report-edit.component';
 
-const routes: Routes = [];
+const routes: Routes = [
+  { path: '', redirectTo: '/reports', pathMatch: 'full' },
+  {
+    path: 'reports', component: ReportsComponent, children: [
+      { path: '', component: ReportStartComponent },
+      { path: 'new', component: ReportEditComponent },
+      { path: ':id', component: ReportDetailComponent },
+      { path: ':id/edit', component: ReportEditComponent },
+    ]
+  },
+  { path: 'register', component: AuthComponent },
+
+];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],