diff --git a/src/app/app-module.ts b/src/app/app-module.ts index 2b87502..0c4640a 100644 --- a/src/app/app-module.ts +++ b/src/app/app-module.ts @@ -62,6 +62,7 @@ import { PurchaseSuccessComponent } from './purchase-success/purchase-success.co import { PurchaseFailedComponent } from './purchase-failed/purchase-failed.component'; import { TicketSmallComponent } from './ticket-small/ticket-small.component'; import { TicketListComponent } from './ticket-list/ticket-list.component'; +import { PricelistComponent } from './pricelist/pricelist.component'; @NgModule({ @@ -105,6 +106,7 @@ import { TicketListComponent } from './ticket-list/ticket-list.component'; PurchaseFailedComponent, TicketSmallComponent, TicketListComponent, + PricelistComponent, ], imports: [ AppRoutingModule, diff --git a/src/app/app-routing-module.ts b/src/app/app-routing-module.ts index d22e9df..484a4b7 100644 --- a/src/app/app-routing-module.ts +++ b/src/app/app-routing-module.ts @@ -8,6 +8,7 @@ import { ScheduleComponent } from './schedule/schedule.component'; import { TheaterOverlayComponent} from './theater-overlay/theater-overlay.component'; import { MovieImporterComponent } from './movie-importer/movie-importer.component'; import { AuthGuard } from './auth.guard'; +import { PricelistComponent } from './pricelist/pricelist.component'; const routes: Routes = [ // Seiten ohne Layout @@ -28,6 +29,7 @@ const routes: Routes = [ data: { roles: ['admin'] }, // Array von erlaubten Rollen. Derzeit gäbe es 'admin' und 'employee' }, { path: 'selection/performance/:id', component: TheaterOverlayComponent}, + { path: 'prices', component: PricelistComponent }, ], }, diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts index 5f2de5f..cdf7f7a 100644 --- a/src/app/navbar/navbar.component.ts +++ b/src/app/navbar/navbar.component.ts @@ -10,6 +10,7 @@ import { Component, inject, computed, OnInit } from '@angular/core'; export class NavbarComponent { navItems: { label:string, path:string }[] = [ {label: 'Programm', path: '/schedule'}, + {label: 'Preise', path: '/prices'}, {label: 'Film importieren', path: '/admin/movie-importer'}, ] diff --git a/src/app/pricelist/pricelist.component.css b/src/app/pricelist/pricelist.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pricelist/pricelist.component.html b/src/app/pricelist/pricelist.component.html new file mode 100644 index 0000000..71b129d --- /dev/null +++ b/src/app/pricelist/pricelist.component.html @@ -0,0 +1,99 @@ + + + + + + Kino Preisliste + + + +

Kino Preisliste

+ +
+ +
+

🍿 Popcorn

+
Klein3,50 €
+
Mittel5,00 €
+
Groß6,50 €
+
Extra Butter1,00 €
+
+ + +
+

🧀 Nachos

+
Portion4,50 €
+
Käse-Dip1,00 €
+
Salsa-Dip1,00 €
+
Guacamole1,50 €
+
+ + +
+

🥤 Getränke

+
Softdrink Klein2,80 €
+
Softdrink Mittel3,50 €
+
Softdrink Groß4,20 €
+
Wasser2,50 €
+
+ + +
+

🍬 Süßigkeiten

+
Schokoladentafel2,50 €
+
Gummibärchen2,20 €
+
Kindertüte3,00 €
+
+
+ + diff --git a/src/app/pricelist/pricelist.component.ts b/src/app/pricelist/pricelist.component.ts new file mode 100644 index 0000000..d359a0c --- /dev/null +++ b/src/app/pricelist/pricelist.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-pricelist', + standalone: false, + templateUrl: './pricelist.component.html', + styleUrl: './pricelist.component.css' +}) +export class PricelistComponent { + +}