Feature/197 edit open absences

[caebr]

Auf diesem Branch ist zusätzlich noch #208 und die Anzeige der Designation auf "Offene Absenzen" umgesetzt.

[hupf]

Ein paar verschachtelte subscribes, sieht sonst gut aus.

[hupf]

Hier hast du auch wieder verschachtelte subscribes. Theoretisch könnten auch mehrere FormGroups emitted werden, dann solltest du z.B. immer auf das neue valueChanges wechseln (und das alte unsubscriben). Zum Glück macht switchMap dies bereits von Haus aus.

Ich habe hier mal eine Alternative skizziert, mit zwei neuen Helpers, die wir im shared/utils/form.ts hinzufügen könnten:

function getControl(
  formGroup$: Observable<FormGroup>,
  controlName: string
): Observable<Option<AbstractControl>> {
  return this.formGroup$.pipe(
    map((formGroup) => {
      const control = formGroup.get(controlName);
      return control || null;
    })
  );
}

function getControlValueChanges<T>(
  formGroup$: Observable<FormGroup>,
  controlName: string
): Observable<T> {
  return getControl(this.formGroup$, controlName).pipe(
    switchMap((control) => (control ? control.valueChanges : empty())) // Mit dem empty()  sollte eigentlich kein Wert emitted werden, sondern das innere Observable einfach completen
  );
}

// Disable confirmation value select when unexcused
getControlValueChanges(this.formGroup$, "confirmationValue")
  .pipe(takeUntil(this.destroy$))
  .subscribe(this.updateAbsenceTypeIdDisabled.bind(this));

// Disable form when saving
combineLatest([
  getControl(this.formGroup$, "confirmationValue"),
  getControl(this.formGroup$, "absenceTypeId"),
  this.saving$,
])
  .pipe(takeUntil(this.destroy$))
  .subscribe(([confirmationValueControl, absenceTypeIdControl, saving]) => {
    if (saving) {
      confirmationValueControl.disable();
      absenceTypeIdControl?.disable();
    } else {
      confirmationValueControl.enable();
      this.updateAbsenceTypeIdDisabled(confirmationValueControl.value);
    }
  });

// Initially select excused state radio button
combineLatest([
  getControl(this.formGroup$, "confirmationValue").pipe(filter(notNull)),
  this.excusedState$,
])
  .pipe(takeUntil(this.destroy$))
  .subscribe(([confirmationValueControl, excusedState]) =>
    confirmationValueControl.setValue(excusedState.Key)
  );

[hupf]

1. Hier wäre ein combineLatest angebracht, mit den beiden Observables, dann ein einzelnes subscribe wo du beide Werte erhälst.
2. Aber der Wert vom excusedState$ wir hier gar nicht mehr gebraucht, das könntest du also noch entfernen.

[hupf]

Da wären wir dann beim combineLatest:

combineLatest([
  getControl(this.formGroup$, 'absenceTypeId').pipe(take(1)), // Das wäre der Helper von weiter oben
  this.excusedState$.pipe(take(1)),
]).subscribe(([absenceTypeIdControl, excusedState]) => {
  if (absenceTypeIdControl && excusedState) {
    confirmationValue === excusedState.Key
      ? absenceTypeIdControl.enable()
      : absenceTypeIdControl.disable();
  }
});

[hupf]

Wird das getIdsGroupedByPerson noch sonst wo verwendet? Sonst könnten wir es auch löschen...

[caebr]

Es wird noch in MyAbsencesReportSelectionService und EditAbsencesSelectionService verwendet.