From 8b1781d0547b0219fc8331b71ae8a76f137d5463 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Tue, 29 Oct 2024 16:26:10 +0100
Subject: [PATCH] OZG-6720 Spinner in form

---
 ...rganisationseinheit-form-container.component.html | 12 +++++++-----
 ...nisationseinheit-form-container.component.spec.ts |  3 ++-
 .../organisationseinheit-form-container.component.ts |  3 +++
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.html b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.html
index b8c7c6b0ff..097bae6dc2 100644
--- a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.html
+++ b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.html
@@ -1,8 +1,10 @@
 <ng-container *ngIf="organisationsEinheitStateResource$ | async as organisationsEinheitStateResource">
-  <h1 class="heading-1" data-test-id="organisations-form-container-headline">{{ organisationsEinheitStateResource.resource?.name }}</h1>
+    <ozgcloud-spinner [stateResource]="organisationsEinheitStateResource">
+        <h1 class="heading-1" data-test-id="organisations-form-container-headline">{{ organisationsEinheitStateResource.resource?.name }}</h1>
 
-  <admin-organisationseinheit-form
-    [organisationsEinheitStateResource]="organisationsEinheitStateResource"
-    data-test-id="organisations-form"
-  />
+        <admin-organisationseinheit-form
+          [organisationsEinheitStateResource]="organisationsEinheitStateResource"
+          data-test-id="organisations-form"
+        />
+    </ozgcloud-spinner>
 </ng-container>
\ No newline at end of file
diff --git a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.spec.ts b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.spec.ts
index 5c1c876863..0ade6df067 100644
--- a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.spec.ts
+++ b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.spec.ts
@@ -1,6 +1,7 @@
 import { AdminOrganisationsEinheitResource, OrganisationsEinheitFormContainerComponent } from '@admin-client/admin-settings';
 import { StateResource, createStateResource } from '@alfa-client/tech-shared';
 import { Mock, existsAsHtmlElement, getElementFromFixture, getMockComponent, mock } from '@alfa-client/test-utils';
+import { UiModule } from '@alfa-client/ui';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MockComponent } from 'ng-mocks';
 import { of } from 'rxjs';
@@ -28,7 +29,7 @@ describe('OrganisationsEinheitFormContainerComponent', () => {
     };
 
     await TestBed.configureTestingModule({
-      declarations: [OrganisationsEinheitFormContainerComponent, MockComponent(OrganisationsEinheitFormComponent)],
+      declarations: [OrganisationsEinheitFormContainerComponent, MockComponent(OrganisationsEinheitFormComponent), UiModule],
       providers: [{ provide: OrganisationsEinheitService, useValue: organisationsEinheitService }],
     }).compileComponents();
 
diff --git a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.ts b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.ts
index cc46ee5d86..d643c74a04 100644
--- a/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.ts
+++ b/alfa-client/libs/admin/settings/src/lib/organisationseinheit/organisationseinheit-form-container/organisationseinheit-form-container.component.ts
@@ -1,6 +1,7 @@
 import { StateResource } from '@alfa-client/tech-shared';
 import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
+import { OrganisationsEinheitListLinkRel } from '../organisations-einheit.linkrel';
 import { AdminOrganisationsEinheitResource } from '../organisations-einheit.model';
 import { OrganisationsEinheitService } from '../organisationseinheit.service';
 
@@ -16,4 +17,6 @@ export class OrganisationsEinheitFormContainerComponent implements OnInit {
   ngOnInit(): void {
     this.organisationsEinheitStateResource$ = this.organisationsEinheitService.get();
   }
+
+  protected readonly OrganisationsEinheitListLinkRel = OrganisationsEinheitListLinkRel;
 }
-- 
GitLab