Skip to content
Snippets Groups Projects
Commit 70aeb09b authored by OZGCloud's avatar OZGCloud
Browse files

OZG-4527 OZG-4824 implement dark mode support

parent 113a7e9c
No related branches found
No related tags found
No related merge requests found
......@@ -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"
......
......@@ -29,6 +29,10 @@
&--active {
color: black;
&--dark-mode {
color: #c2c2c2;
}
}
}
......
......@@ -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 {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment