OZG-4527 OZG-4736 show grey aktenzeichen icon if aktenzeichen empty

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html

@@ -2,7 +2,7 @@
 <mat-dialog-content>
 	<form class="form" [formGroup]="formService.form" (ngSubmit)="submit()">
 		<div class="content">
-			<mat-icon svgIcon="az" class="az_icon"></mat-icon>
+			<mat-icon svgIcon="az" class="az_icon" [class.az_icon--active]="formService.hasAktenzeichen()"></mat-icon>
 			<ozgcloud-text-editor
 				class="az_text"
 				data-test-id="aktenzeichen-edit-dialog-text-editor"
@@ -12,7 +12,13 @@
 				appearance="outline"
 				[formControlName]="AktenzeichenEditDialogFormservice.AKTENZEICHEN_FIELD">
 			</ozgcloud-text-editor>
-			<mat-icon *ngIf="isClipboardReadSupported()" svgIcon="copy_to_clipboard" color="primary" class="paste_icon" (click)="paste()"></mat-icon>
+			<mat-icon
+				*ngIf="isClipboardReadSupported()"
+				matTooltip="Text aus Zwischenablage einfügen"
+				svgIcon="copy_to_clipboard"
+				color="primary"
+				class="paste_icon"
+				(click)="paste()"></mat-icon>
 			<p class="hinweis">Bitte geben Sie ein Aktenzeichen ein. (max. 256 Zeichen)</p>
 		</div>
 	</form>

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss

+@import 'variables';
+
 .form {
 	width: 100%;
 
@@ -22,6 +24,10 @@
 
 .az_icon {
 	grid-area: az_icon;
+
+	&--active {
+		fill: black;
+	}
 }
 
 .az_text {
@@ -30,6 +36,7 @@
 
 .paste_icon {
 	grid-area: paste_icon;
+	cursor: pointer;
 }
 
 .hinweis {

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.formservice.ts

@@ -48,4 +48,8 @@ export class AktenzeichenEditDialogFormservice extends AbstractFormService {
 		this.form.controls[AktenzeichenEditDialogFormservice.AKTENZEICHEN_FIELD].setValue(aktenzeichen);
 	}
 
+	public hasAktenzeichen():boolean{
+		return this.getValue() != null;
+	}
+
 }
\ No newline at end of file