infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Schedule component (still no logic)

Browse Source 
Introduces new components for movie rating, duration, category, and empty schedule states. Updates the schedule view to use Angular Material tabs for date selection, dynamically showing movie info or an empty state. Also refines layout and styling for movie details and poster display.
This commit is contained in:
Piet Ostendorp
2025-10-29 01:01:19 +01:00
parent 0cd7c9156f
commit efc5e505e9
21 changed files with 141 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/app-module.ts
View File

@@ -1,22 +1,32 @@
import { CommonModule } from '@angular/common';
import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { AppRoutingModule } from './app-routing-module';
import { App } from './app';
import { PocModelComponent } from './poc-model-component/poc-model-component';
import { HomeComponent } from './home/home.component';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MainLayoutComponent } from './layouts/main-layout/main-layout.component';
import { MatIconModule } from '@angular/material/icon';
import { MatTabsModule } from '@angular/material/tabs';
import { HeaderComponent } from './header/header.component';
import { NavbarComponent } from './navbar/navbar.component';
import { ScheduleComponent } from './schedule/schedule.component';
import { HomeComponent } from './home/home.component';
import { MainComponent } from './main/main.component';
import { MovieScheduleInfoComponent } from './movie-schedule-info/movie-schedule-info.component';
import { MoviePosterComponent } from './movie-poster/movie-poster.component';
import { MovieScheduleTimesComponent } from './movie-schedule-times/movie-schedule-times.component';
import { MainLayoutComponent } from './layouts/main-layout/main-layout.component';
import { NavbarComponent } from './navbar/navbar.component';
import { PocModelComponent } from './poc-model-component/poc-model-component';
import { ScheduleComponent } from './schedule/schedule.component';
import { MovieDurationComponent } from './movie-duration/movie-duration.component';
import { MoviePerformanceComponent } from './movie-performance/movie-performance.component';
import { MoviePosterComponent } from './movie-poster/movie-poster.component';
import { MovieRatingComponent } from './movie-rating/movie-rating.component';
import { MovieScheduleInfoComponent } from './movie-schedule-info/movie-schedule-info.component';
import { MovieScheduleTimesComponent } from './movie-schedule-times/movie-schedule-times.component';
import { MovieCategoryComponent } from './movie-category/movie-category.component';
import { MovieScheduleEmptyComponent } from './movie-schedule-empty/movie-schedule-empty.component';
@NgModule({
declarations: [
@@ -31,13 +41,19 @@ import { MoviePerformanceComponent } from './movie-performance/movie-performance
MovieScheduleInfoComponent,
MoviePosterComponent,
MovieScheduleTimesComponent,
MoviePerformanceComponent
MoviePerformanceComponent,
MovieRatingComponent,
MovieDurationComponent,
MovieCategoryComponent,
MovieScheduleEmptyComponent
],
imports: [
AppRoutingModule,
BrowserModule,
CommonModule,
FormsModule
FormsModule,
MatIconModule,
MatTabsModule
],
providers: [
provideBrowserGlobalErrorListeners(),