Add movie search and schedule header components

Introduces MovieSearchComponent, ScheduleHeaderComponent, and MovieScheduleNoSearchResultComponent for improved movie search and schedule display. Updates schedule and navbar to support search functionality and UI enhancements. Adds movie fetching to HttpService and refines layout and styles for better user experience.
This commit is contained in:
2025-11-05 01:04:56 +01:00
parent 5cf71a43ed
commit 0bd3887701
17 changed files with 174 additions and 12 deletions

View File

@@ -0,0 +1,5 @@
<div class="flex flex-col items-center justify-center py-12 text-gray-500 h-100 m-auto">
<mat-icon class="text-6xl mb-4 opacity-50" style="font-size: 50px; width: 50px; height: 50px;">search_off</mat-icon>
<p class="text-lg">Keine Vorstellungen gefunden</p>
<p class="text-sm">Für '{{ search() }}' finden am {{ date().toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric'} )}} kein Vorstellunge statt.</p>
</div>

View File

@@ -0,0 +1,12 @@
import { Component, input } from '@angular/core';
@Component({
selector: 'app-movie-schedule-no-search-result',
standalone: false,
templateUrl: './movie-schedule-no-search-result.component.html',
styleUrl: './movie-schedule-no-search-result.component.css'
})
export class MovieScheduleNoSearchResultComponent {
search = input.required<string>();
date = input.required<Date>();
}