UI: Change notification target

ui-ngx/src/app/modules/home/pages/notification-center/targets-table/target-notification-dialog.component.html

@@ -55,23 +55,25 @@
             </mat-option>
           </mat-select>
         </mat-form-field>
-        <tb-entity-list
+        <ng-container [ngSwitch]="targetNotificationForm.get('configuration.usersFilter.type').value">
-          required
+          <ng-container *ngSwitchCase="notificationTargetConfigType.USER_LIST">
-          formControlName="usersIds"
+            <tb-entity-list
-          [entityType]="entityType.USER"
+              required
-          labelText="{{ 'user.user-list' | translate }}"
+              formControlName="usersIds"
-          placeholderText="{{ 'user.user' | translate }}"
+              [entityType]="entityType.USER"
-          requiredText="{{ 'user.user-list-required' | translate }}"
+              labelText="{{ 'user.user-list' | translate }}"
-          *ngIf="targetNotificationForm.get('configuration.usersFilter.type').value === notificationTargetConfigType.USER_LIST">
+              placeholderText="{{ 'user.user' | translate }}"
-        </tb-entity-list>
+              requiredText="{{ 'user.user-list-required' | translate }}">
-        <section
+            </tb-entity-list>
-          *ngIf="targetNotificationForm.get('configuration.usersFilter.type').value === notificationTargetConfigType.CUSTOMER_USERS">
+          </ng-container>
-          <tb-entity-autocomplete
+          <ng-container *ngSwitchCase="notificationTargetConfigType.CUSTOMER_USERS">
-            required
+            <tb-entity-autocomplete
-            formControlName="customerId"
+              required
-            [entityType]="entityType.CUSTOMER">
+              formControlName="customerId"
-          </tb-entity-autocomplete>
+              [entityType]="entityType.CUSTOMER">
-        </section>
+            </tb-entity-autocomplete>
+          </ng-container>
+        </ng-container>
       </section>
       <section *ngIf="targetNotificationForm.get('configuration.type').value === notificationTargetType.SLACK">
         <label class="tb-title">{{ 'notification.recipient-type' | translate }}</label>