diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html index 04b5d3b4d8a9937a86f6aeabdc6d337ddd102941..f2125f3f41c44940ab7201d243fa54ad730ddaac 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html +++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html @@ -2,7 +2,7 @@ <form class="form" [formGroup]="formService.form" (ngSubmit)="onSubmit()"> <mat-dialog-content> <div class="content"> - <mat-icon svgIcon="az" class="az_icon" [class.az_icon--active]="hasAktenzeichen$ | async"></mat-icon> + <mat-icon svgIcon="az" class="az_icon" [class.az_icon--active]="hasAktenzeichen$ | async" [class.az_icon--active--dark-mode]="darkMode$ | async"></mat-icon> <ozgcloud-text-editor class="az_text" data-test-id="aktenzeichen-edit-dialog-text-editor" diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss index 3b176140eb99b79b51c4f56011c62915fe36ef43..438136448f2972cc113d5f705181b30374844970 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss +++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss @@ -29,6 +29,10 @@ &--active { color: black; + + &--dark-mode { + color: #c2c2c2; + } } } diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts index 805a7000f8fe83343363df5b8b1251ace28d3094..4b4a00865b7306d6157c61598e58aaa205d7befe 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts @@ -4,11 +4,11 @@ import { AktenzeichenEditDialogData } from './aktenzeichen-edit-dialog.data'; import { AktenzeichenEditDialogFormservice } from './aktenzeichen-edit-dialog.formservice'; import { VorgangService, VorgangWithEingangResource } from '@alfa-client/vorgang-shared'; import { COMMAND_ERROR_MESSAGES, CommandResource, hasError, isSuccessfulDone } from '@alfa-client/command-shared'; -import { createEmptyStateResource, hasContent, isClipboardReadSupported, isNotNull, StateResource } from '@alfa-client/tech-shared'; -import { filter, map, Observable, of, startWith, tap } from 'rxjs'; +import { createEmptyStateResource, hasContent, isClipboardReadSupported, StateResource } from '@alfa-client/tech-shared'; +import { map, Observable, of, startWith, tap } from 'rxjs'; import { SnackBarService } from '@alfa-client/ui'; import { AktenzeichenEditDialogMessages } from './aktenzeichen-edit-dialog.message'; -import { trim } from 'lodash-es'; +import { AppService } from '@alfa-client/app-shared'; @Component({ selector: 'alfa-aktenzeichen-edit-dialog', @@ -20,9 +20,10 @@ export class AktenzeichenEditDialogComponent implements OnInit { vorgang: VorgangWithEingangResource; - public setAktenzeichenPending$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource<CommandResource>()); - public hasAktenzeichen$: Observable<boolean>; - public isPasteSupported = false; + setAktenzeichenPending$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource<CommandResource>()); + darkMode$: Observable<boolean>; + hasAktenzeichen$: Observable<boolean>; + isPasteSupported = false; protected readonly AktenzeichenEditDialogFormservice = AktenzeichenEditDialogFormservice; @@ -30,6 +31,7 @@ export class AktenzeichenEditDialogComponent implements OnInit { public formService: AktenzeichenEditDialogFormservice, private readonly snackbarService: SnackBarService, private readonly vorgangService: VorgangService, + private appService: AppService, public dialogRef: MatDialogRef<AktenzeichenEditDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: AktenzeichenEditDialogData, ) { @@ -42,6 +44,7 @@ export class AktenzeichenEditDialogComponent implements OnInit { this.hasAktenzeichen$ = this.formService.valueChanges() .pipe(startWith(this.vorgang.aktenzeichen)) .pipe(map(hasContent)); + this.darkMode$ = this.appService.getDarkMode(); } public onCancel(): void {