optimize imports

src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
-import { TestBed } from '@angular/core/testing';
+import {TestBed} from '@angular/core/testing';
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {

src/app/app.component.ts

@@ -1,12 +1,11 @@
 import {Component, inject} from '@angular/core';
-import { RouterOutlet } from '@angular/router';
 import {MainViewComponent} from './components/main-view/main-view.component';
 import {ShowService} from './services/show.service';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, MainViewComponent],
+  imports: [MainViewComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
 })

src/app/app.config.ts

@@ -7,12 +7,13 @@ import {initializeApp, provideFirebaseApp} from '@angular/fire/app';
 import {getFirestore, provideFirestore} from '@angular/fire/firestore';
 
 const firebaseConfig = {
-  apiKey: "AIzaSyDh7OjqpUdoVPzzzdPa8t_Pm4_UsanJC-c",
+  apiKey: "AIzaSyAI_7olJlCnHZ4ivhUuUZMtRuJS7tzXP0Y",
-  authDomain: "tv-serien-ff0ce.firebaseapp.com",
+  authDomain: "tv-site-71802.firebaseapp.com",
-  projectId: "tv-serien-ff0ce",
+  projectId: "tv-site-71802",
-  storageBucket: "tv-serien-ff0ce.firebasestorage.app",
+  storageBucket: "tv-site-71802.firebasestorage.app",
-  messagingSenderId: "38528604508",
+  messagingSenderId: "763313630033",
-  appId: "1:38528604508:web:e4070052d0495cf28e4999"
+  appId: "1:763313630033:web:5c235904650d473e864170",
+  measurementId: "G-7Y15VZF887"
 };
 
 export const appConfig: ApplicationConfig = {

src/app/app.routes.ts

@@ -1,3 +1,3 @@
-import { Routes } from '@angular/router';
+import {Routes} from '@angular/router';
 
 export const routes: Routes = [];

src/app/components/main-view/main-view.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { MainViewComponent } from './main-view.component';
+import {MainViewComponent} from './main-view.component';
 
 describe('MainViewComponent', () => {
   let component: MainViewComponent;

src/app/components/show-details/show-details.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { ShowDetailsComponent } from './show-details.component';
+import {ShowDetailsComponent} from './show-details.component';
 
 describe('ShowDetailsComponent', () => {
   let component: ShowDetailsComponent;

src/app/components/show-form/show-form.component.html

@@ -1,20 +1,5 @@
 <form name="newShowForm" #newShowForm="ngForm">
   <h2>Serie hinzufügen:</h2>
-  <div class="mb-2">
-    <label for="newShowID">ID:</label>
-    <input class="form-control"
-           id="newShowID"
-           #id="ngModel"
-           [class.is-invalid]="id.invalid && id.touched"
-           pattern="^\d+$"
-           name="newShowID"
-           type="text"
-           [(ngModel)]="show.uid"
-           placeholder="Hier die ID der Serie eingeben!"
-           required
-    >
-    <small class="text-danger" [class.d-none]="id.valid || id.untouched">Bitte geben Sie eine Zahl ein!</small>
-  </div>
   <div class="mb-2">
     <label for="newShowTitle">Titel:</label>
     <input class="form-control"

src/app/components/show-form/show-form.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { ShowFormComponent } from './show-form.component';
+import {ShowFormComponent} from './show-form.component';
 
 describe('ShowFormComponent', () => {
   let component: ShowFormComponent;

src/app/components/show-form/show-form.component.ts

@@ -1,8 +1,6 @@
 import {Component, inject} from '@angular/core';
-import {ShowService} from '../../services/show.service';
 import {Show} from '../../model/show';
 import {FormsModule} from '@angular/forms';
-import {Observable} from 'rxjs';
 import {addDoc, collection, Firestore} from '@angular/fire/firestore';
 
 @Component({

src/app/components/show-list/show-list.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { ShowListComponent } from './show-list.component';
+import {ShowListComponent} from './show-list.component';
 
 describe('ShowListComponent', () => {
   let component: ShowListComponent;

src/app/components/show-list/show-list.component.ts

@@ -1,4 +1,4 @@
-import {Component, EventEmitter, inject, Input, Output} from '@angular/core';
+import {Component, EventEmitter, inject, Output} from '@angular/core';
 import {Show} from '../../model/show';
 import {FormsModule} from '@angular/forms';
 import {ShowService} from '../../services/show.service';