OZG-6988 add form component

Sub task: OZG-7446

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-container.component.html

@@ -24,7 +24,9 @@
 
 -->
 <h1 class="heading-1" data-test-id="statistik-header-text">Statistik</h1>
-@if (!evaluateAdditionalFields) {
+@if (evaluateAdditionalFields) {
+  <admin-statistik-fields-form data-test-id="statistik-fields-form"></admin-statistik-fields-form>
+} @else {
   <ods-button
     text="Weitere Felder auswerten"
     (clickEmitter)="onEvaluateAdditionalFields()"

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-container.component.spec.ts

@@ -31,6 +31,7 @@ describe('StatistikContainerComponent', () => {
   let fixture: ComponentFixture<StatistikContainerComponent>;
 
   const evaluateAdditionalFieldsTestId: string = getDataTestIdOf('weitere-felder-auswerten-button');
+  const statistikFieldsFormTestId: string = getDataTestIdOf('statistik-fields-form');
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
@@ -100,5 +101,23 @@ describe('StatistikContainerComponent', () => {
         });
       });
     });
+
+    describe('stastik fields form', () => {
+      it('should exists', () => {
+        component.evaluateAdditionalFields = true;
+
+        fixture.detectChanges();
+
+        existsAsHtmlElement(fixture, statistikFieldsFormTestId);
+      });
+
+      it('should NOT exists', () => {
+        component.evaluateAdditionalFields = false;
+
+        fixture.detectChanges();
+
+        notExistsAsHtmlElement(fixture, statistikFieldsFormTestId);
+      });
+    });
   });
 });

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-container.component.ts

@@ -24,12 +24,13 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { ButtonComponent } from '@ods/system';
+import { AdminStatistikFieldsFormComponent } from './statistik-fields-form/admin-statistik-fields-form.component';
 
 @Component({
   selector: 'admin-statistik-container',
   templateUrl: './statistik-container.component.html',
   standalone: true,
-  imports: [CommonModule, ButtonComponent],
+  imports: [CommonModule, ButtonComponent, AdminStatistikFieldsFormComponent],
 })
 export class StatistikContainerComponent {
   public evaluateAdditionalFields: boolean = false;

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-fields-form/admin-statistik-fields-form.component.html

+<p>admin-statistik-fields-form works!</p>

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-fields-form/admin-statistik-fields-form.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AdminStatistikFieldsFormComponent } from './admin-statistik-fields-form.component';
+
+describe('AdminStatistikFieldsFormComponent', () => {
+  let component: AdminStatistikFieldsFormComponent;
+  let fixture: ComponentFixture<AdminStatistikFieldsFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AdminStatistikFieldsFormComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AdminStatistikFieldsFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

alfa-client/libs/admin/statistik/src/lib/statistik-container/statistik-fields-form/admin-statistik-fields-form.component.ts

+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'admin-statistik-fields-form',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './admin-statistik-fields-form.component.html',
+})
+export class AdminStatistikFieldsFormComponent {}