fboeller
diff --git a/‎projects/bookings/src/app/app.component.ts
Lines changed: 0 additions & 32 deletions b/‎projects/bookings/src/app/app.component.ts
Lines changed: 0 additions & 32 deletions
diff --git a/‎projects/bookings/src/app/app.module.ts
Lines changed: 0 additions & 16 deletions b/‎projects/bookings/src/app/app.module.ts
Lines changed: 0 additions & 16 deletions
diff --git a/‎projects/train-platform/src/booking/booking-form/booking-form.component.css renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.css b/‎projects/train-platform/src/booking/booking-form/booking-form.component.css renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.css
diff --git a/‎projects/train-platform/src/booking/booking-form/booking-form.component.html renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.html b/‎projects/train-platform/src/booking/booking-form/booking-form.component.html renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.html
diff --git a/‎projects/train-platform/src/booking/booking-form/booking-form.component.ts renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.ts
Lines changed: 1 addition & 1 deletion b/‎projects/train-platform/src/booking/booking-form/booking-form.component.ts renamed to ‎projects/bookings/src/app/booking-form/booking-form.component.ts
Lines changed: 1 addition & 1 deletion
diff --git a/‎projects/bookings/src/app/booking.component.ts
Lines changed: 8 additions & 0 deletions b/‎projects/bookings/src/app/booking.component.ts
Lines changed: 8 additions & 0 deletions
diff --git a/‎projects/train-platform/src/booking/booking.module.ts renamed to ‎projects/bookings/src/app/booking.module.ts
Lines changed: 7 additions & 3 deletions b/‎projects/train-platform/src/booking/booking.module.ts renamed to ‎projects/bookings/src/app/booking.module.ts
Lines changed: 7 additions & 3 deletions
diff --git a/‎projects/train-platform/src/booking/booking.service.ts renamed to ‎projects/bookings/src/app/booking.service.ts b/‎projects/train-platform/src/booking/booking.service.ts renamed to ‎projects/bookings/src/app/booking.service.ts
diff --git a/‎projects/bookings/src/index.html
Lines changed: 1 addition & 1 deletion b/‎projects/bookings/src/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎projects/bookings/src/main.ts
Lines changed: 4 additions & 4 deletions b/‎projects/bookings/src/main.ts
Lines changed: 4 additions & 4 deletions
@@ -7,7 +7,7 @@ import { filter, map } from 'rxjs/operators';
 import { BookingService } from '../booking.service';
 
 @Component({
-  selector: 'app-booking-form',
+  selector: 'mf-booking-form',
   templateUrl: './booking-form.component.html',
   styleUrls: ['./booking-form.component.css'],
 })
 
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'mf-booking',
+  template: `<router-outlet></router-outlet>`,
+  styles: [],
+})
+export class BookingComponent {}
@@ -1,25 +1,29 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
 import { RouterModule } from '@angular/router';
 import { HotToastModule } from '@ngneat/hot-toast';
 import { TranslateModule } from '@ngx-translate/core';
 import { BookingFormComponent } from './booking-form/booking-form.component';
+import { BookingComponent } from './booking.component';
 
 @NgModule({
-  declarations: [BookingFormComponent],
+  declarations: [BookingComponent, BookingFormComponent],
   imports: [
+    BrowserModule,
     CommonModule,
     FormsModule,
-    RouterModule.forChild([
+    RouterModule.forRoot([
       {
         path: 'journey/:journeyId',
         component: BookingFormComponent,
         data: { title: 'Book journey' },
       },
     ]),
     HotToastModule.forRoot(),
-    TranslateModule.forChild(),
+    TranslateModule.forRoot(),
   ],
+  bootstrap: [BookingComponent],
 })
 export class BookingModule {}
@@ -8,6 +8,6 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-  <mf-root></mf-root>
+  <mf-booking></mf-booking>
 </body>
 </html>
@@ -1,12 +1,12 @@
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
+import { BookingModule } from './app/booking.module';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(BookingModule)
+  .catch((err) => console.error(err));