From aab053b71ce9cab5ae7243e61b36488370e68299 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 8 Mar 2023 16:17:13 +0200
Subject: [PATCH] UI: Change notification target

---
 .../target-notification-dialog.component.html | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/notification-center/targets-table/target-notification-dialog.component.html b/ui-ngx/src/app/modules/home/pages/notification-center/targets-table/target-notification-dialog.component.html
index 01b1cae08e..4c3583eeaf 100644
--- a/ui-ngx/src/app/modules/home/pages/notification-center/targets-table/target-notification-dialog.component.html
+++ b/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
-          required
-          formControlName="usersIds"
-          [entityType]="entityType.USER"
-          labelText="{{ 'user.user-list' | translate }}"
-          placeholderText="{{ 'user.user' | translate }}"
-          requiredText="{{ 'user.user-list-required' | translate }}"
-          *ngIf="targetNotificationForm.get('configuration.usersFilter.type').value === notificationTargetConfigType.USER_LIST">
-        </tb-entity-list>
-        <section
-          *ngIf="targetNotificationForm.get('configuration.usersFilter.type').value === notificationTargetConfigType.CUSTOMER_USERS">
-          <tb-entity-autocomplete
-            required
-            formControlName="customerId"
-            [entityType]="entityType.CUSTOMER">
-          </tb-entity-autocomplete>
-        </section>
+        <ng-container [ngSwitch]="targetNotificationForm.get('configuration.usersFilter.type').value">
+          <ng-container *ngSwitchCase="notificationTargetConfigType.USER_LIST">
+            <tb-entity-list
+              required
+              formControlName="usersIds"
+              [entityType]="entityType.USER"
+              labelText="{{ 'user.user-list' | translate }}"
+              placeholderText="{{ 'user.user' | translate }}"
+              requiredText="{{ 'user.user-list-required' | translate }}">
+            </tb-entity-list>
+          </ng-container>
+          <ng-container *ngSwitchCase="notificationTargetConfigType.CUSTOMER_USERS">
+            <tb-entity-autocomplete
+              required
+              formControlName="customerId"
+              [entityType]="entityType.CUSTOMER">
+            </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>