seat coloring based on seatState 🦏

src/app/seat/seat.component.ts

@@ -11,4 +11,16 @@ import {Sitzkategorie} from '@infinimotion/model-frontend';
 export class SeatComponent {
   seatState = input.required<TheaterSeatState>();
   seatCategory = input.required<Sitzkategorie>();
+
+  getSeatStateColor(): any {
+    switch (this.seatState()) {
+      case TheaterSeatState.RESERVED:
+        return {'color': 'orange'};
+      case TheaterSeatState.BOOKED:
+        return {'color': 'red'};
+      default:
+      case TheaterSeatState.AVAILABLE:
+        return {'color': 'black'};
+    }
+  }
 }