OZG-531 styling for pending commands spinner

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/anhaenge/anhaenge.component.scss

@@ -4,3 +4,7 @@
 	max-width: 100%;
 	align-items: flex-start;
 }
+
+p {
+	color: #999;
+}

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect/vorgang-redirect.component.html

 <ng-container *ngIf="redirectStateResource$ | async as redirectStateResource">
-	<mat-spinner *ngIf="redirectStateResource.loaded"></mat-spinner>
 
+	<div *ngIf="pendingCommandsStateResource$ | async as pendingCommandsStateResource" class="spinner">
+		<p>Vorgang wird weitergeleitet</p>
+		<mat-spinner
+				*ngIf="redirectStateResource.loaded || pendingCommandsHasRedirectCommand(pendingCommandsStateResource); else form"
+				class="spinner"></mat-spinner>
+	</div>
+
+	<ng-template #form>
 		<form *ngIf="!redirectStateResource.loaded" class="form" [formGroup]="formService.form" (submit)="submit()">
 
 			<goofy-client-text-editor
@@ -25,4 +32,5 @@
 			</goofy-client-button-with-spinner>
 
 		</form>
+	</ng-template>
 </ng-container>

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect/vorgang-redirect.component.scss

 .form {
 	display: flex;
 	flex-direction: column;
+	position: relative;
+	max-width: 320px;
+	width: 100%;
 
 	::ng-deep {
 		mat-form-field {
 			width: 100%;
-			max-width: 320px;
 		}
 	}
 }
+
+.spinner {
+	display: inline-flex;
+	flex-direction: column;
+	align-items: center;
+
+	.mat-spinner {
+		margin: 8px;
+	}
+
+	p {
+		color: #999;
+	}
+}

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect/vorgang-redirect.component.ts

@@ -14,12 +14,10 @@ import { VorgangRedirectFormService } from './vorgang-redirect.formservice';
 })
 export class VorgangRedirectComponent implements OnChanges {
 
-	@Input() private vorgang: VorgangResource;
-	@Input() private pendingCommandsStateResource$: Observable<StateResource<CommandListResource>>;
-
 	readonly formServiceClass = VorgangRedirectFormService;
-
 	redirectStateResource$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource());
+	@Input() private vorgang: VorgangResource;
+	@Input() private pendingCommandsStateResource$: Observable<StateResource<CommandListResource>>;
 
 	constructor(public formService: VorgangRedirectFormService) { }
 
@@ -32,4 +30,8 @@ export class VorgangRedirectComponent implements OnChanges{
 	submit(): void {
 		this.redirectStateResource$ = this.formService.submit();
 	}
+
+	pendingCommandsHasRedirectCommand(pendingCommandsStateResource: StateResource<CommandListResource>) {
+		console.log(pendingCommandsStateResource.resource)
+	}
 }