Hilfe was ist diese converter funktion, hilfe. Sonst bisschen Kino übersicht 🚀

src/app/app-module.ts

@@ -31,6 +31,11 @@ import { MovieScheduleTimesComponent } from './movie-schedule-times/movie-schedu
 import { MovieCategoryComponent } from './movie-category/movie-category.component';
 import { MovieScheduleEmptyComponent } from './movie-schedule-empty/movie-schedule-empty.component';
 import { Header2Component } from './header-2/header-2.component';
+import { TheaterOverlayComponent } from './theater-overlay/theater-overlay.component';
+import { SeatComponent } from './seat/seat.component';
+import { SeatRowComponent } from './seat-row/seat-row.component';
+import {MatIconButton} from '@angular/material/button';
+import { TheaterLayoutComponent } from './theater-layout/theater-layout.component';
 
 
 @NgModule({
@@ -51,7 +56,11 @@ import { Header2Component } from './header-2/header-2.component';
     MovieDurationComponent,
     MovieCategoryComponent,
     MovieScheduleEmptyComponent,
-    Header2Component
+    Header2Component,
+    TheaterOverlayComponent,
+    SeatComponent,
+    SeatRowComponent,
+    TheaterLayoutComponent
   ],
   imports: [
     AppRoutingModule,
@@ -62,8 +71,9 @@ import { Header2Component } from './header-2/header-2.component';
     MatTabsModule,
     MatToolbarModule,
     MatProgressBarModule,
-    MatSnackBarModule
-],
+    MatSnackBarModule,
+    MatIconButton
+  ],
   providers: [
     provideBrowserGlobalErrorListeners(),
     provideHttpClient(

src/app/app-routing-module.ts

@@ -5,6 +5,7 @@ import { HomeComponent } from './home/home.component';
 import { MainLayoutComponent } from './layouts/main-layout/main-layout.component';
 import { MainComponent } from './main/main.component';
 import { ScheduleComponent } from './schedule/schedule.component';
+import { TheaterOverlayComponent} from './theater-overlay/theater-overlay.component';
 
 const routes: Routes = [
   // Seiten ohne Layout
@@ -18,6 +19,7 @@ const routes: Routes = [
     children: [
       { path: '', component: MainComponent },
       { path: 'schedule', component: ScheduleComponent },
+      { path: 'theater-overlay', component: TheaterOverlayComponent},
     ],
   },
 

src/app/http.service.ts

@@ -1,4 +1,4 @@
-import { Kinosaal, Vorstellung } from '@infinimotion/model-frontend';
+import {Kinosaal, Sitzplatz, Vorstellung} from '@infinimotion/model-frontend';
 import { HttpClient } from "@angular/common/http";
 import { inject, Injectable } from "@angular/core";
 import { Observable } from "rxjs";
@@ -65,4 +65,13 @@ export class HttpService {
   deletePerformace(id: number): Observable<void> {
     return this.http.delete<void>(`${this.baseUrl}vorstellung/${id}`);
   }
+
+
+
+  /* Show-Seats APIs*/
+
+  /* GET /api/show-seats/{show} */
+  getSeatsByShowId(show: number): Observable<{seats:Sitzplatz[], reserved:Sitzplatz[], booked:Sitzplatz[]}> {
+    return this.http.get<{seats:Sitzplatz[], reserved:Sitzplatz[], booked:Sitzplatz[]}>(`${this.baseUrl}show-seats/${show}`);
+  }
 }

src/app/navbar/navbar.component.ts

@@ -13,6 +13,6 @@ export class NavbarComponent {
 
   navItems:{label:string, path:string}[] = [
     {label: 'Schedule', path: '/schedule'},
-    {label: 'beispiel', path: ''},
+    {label: 'Kinosaal-test', path: '/theater-overlay'},
   ]
 }