fix: edit charge - tax group is mandatory by backend, but cannot be set on UI

now no empty tax-group request is sent to backend from edit charge

Fixes: #1722

src/app/products/charges/edit-charge/edit-charge.component.html

@@ -101,15 +101,15 @@
 
           <mat-form-field fxFlex="48%">
             <mat-label>Tax Group</mat-label>
-            <mat-select *ngIf="chargeData.taxGroup" required formControlName="taxGroupId">
+            <mat-select *ngIf="chargeData.taxGroup" formControlName="taxGroupId">
               <mat-option *ngFor="let taxGroup of chargeData.taxGroupOptions" [value]="taxGroup.id">
                 {{ taxGroup.name }}
               </mat-option>
             </mat-select>
 
-            <mat-select *ngIf="!chargeData.taxGroup" required formControlName="taxGroupId">
-              <mat-option value="?">
-                Select Option
+            <mat-select *ngIf="!chargeData.taxGroup" formControlName="taxGroupId">
+              <mat-option *ngFor="let taxGroup of chargeData.taxGroupOptions" [value]="taxGroup.id">
+                {{ taxGroup.name }}
               </mat-option>
             </mat-select>
           </mat-form-field>

src/app/products/charges/edit-charge/edit-charge.component.ts

@@ -125,7 +125,7 @@ export class EditChargeComponent implements OnInit {
     if (this.chargeData.taxGroup) {
       this.chargeForm.addControl('taxGroupId', this.formBuilder.control({ value: this.chargeData.taxGroup.id }, Validators.required));
     } else {
-      this.chargeForm.addControl('taxGroupId', this.formBuilder.control({ value: '' }));
+      delete this.chargeData.taxGroupId;
     }
   }