Additional fixes

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.html

@@ -67,56 +67,6 @@
     </div>
   }
 }
-<ng-template #componentMode>
-  @if (buttonMode) {
-    <button color="primary"
-            matTooltip="{{buttonDisplayValue}}"
-            matTooltipPosition="above"
-            mat-stroked-button
-            (click)="toggleAlarmRuleFilterPanel($event)">
-      <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
-    </button>
-  } @else {
-    <div class="tb-form-panel tb-alarm-filter-config-component no-padding no-border" [formGroup]="alarmRuleFilterConfigForm">
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>alarm-rule.alarm-rule-type-list</div>
-        <tb-entity-subtype-list subscriptSizing="dynamic"
-                                formControlName="name"
-                                appearance="outline"
-                                [additionalClasses]="['tb-chips', 'flex']"
-                                [entityType]="entityType.CALCULATED_FIELD">
-        </tb-entity-subtype-list>
-      </div>
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>entity.entity-type</div>
-        <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
-          <mat-select formControlName="entityType" placeholder="{{ 'alarm-rule.any-type' | translate }}">
-            <mat-option>{{ 'alarm-rule.any-type' | translate }}</mat-option>
-            @for (type of listEntityTypes; track type) {
-              <mat-option [value]="type">
-                {{ entityTypeTranslations.get(type)?.type | translate }}
-              </mat-option>
-            }
-          </mat-select>
-        </mat-form-field>
-      </div>
-      @if (alarmRuleFilterConfigForm.get('entityType').value) {
-        <div class="tb-form-row column-xs">
-          <div class="fixed-title-width" translate>entity.entities</div>
-          <tb-entity-list appearance="outline"
-                          subscriptSizing="dynamic"
-                          class="flex flex-1"
-                          inlineField
-                          syncIdsWithDB
-                          labelText="{{'entity.entity-list' | translate}}"
-                          [entityType]="alarmRuleFilterConfigForm.get('entityType').value"
-                          formControlName="entities">
-          </tb-entity-list>
-        </div>
-      }
-    </div>
-  }
-</ng-template>
 <ng-template #alarmRuleFilterPanel>
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="alarmFilter"></ng-container>

ui-ngx/src/app/modules/home/components/alarm/alarm-comment-dialog.component.html

@@ -25,8 +25,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content style="padding: 0">

ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.html

@@ -72,61 +72,6 @@
     </div>
   }
 }
-<ng-template #componentMode>
-  @if (buttonMode) {
-    <button color="primary"
-            matTooltip="{{buttonDisplayValue}}"
-            matTooltipPosition="above"
-            mat-stroked-button
-            (click)="toggleAlarmFilterPanel($event)">
-      <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
-    </button>
-  } @else {
-    <div class="tb-form-panel tb-alarm-filter-config-component no-padding no-border" [formGroup]="alarmFilterConfigForm">
-      <div class="tb-form-row space-between column-xs">
-        <div class="fixed-title-width" translate>alarm.alarm-status-list</div>
-        <mat-chip-listbox multiple formControlName="statusList">
-          @for (searchStatus of alarmSearchStatuses; track searchStatus) {
-            <mat-chip-option [value]="searchStatus">
-              {{ alarmSearchStatusTranslationMap.get(searchStatus) | translate }}
-            </mat-chip-option>
-          }
-        </mat-chip-listbox>
-      </div>
-      <div class="tb-form-row space-between column-xs">
-        <div class="fixed-title-width" translate>alarm.alarm-severity-list</div>
-        <mat-chip-listbox multiple formControlName="severityList">
-          @for (alarmSeverity of alarmSeverities; track alarmSeverity) {
-            <mat-chip-option [value]="alarmSeverity">
-              {{ alarmSeverityTranslationMap.get(alarmSeverityEnum[alarmSeverity]) | translate }}
-            </mat-chip-option>
-          }
-        </mat-chip-listbox>
-      </div>
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>alarm.alarm-type-list</div>
-        <tb-entity-subtype-list subscriptSizing="dynamic"
-                                formControlName="typeList"
-                                appearance="outline"
-                                [additionalClasses]="['tb-chips', 'flex']"
-                                [entityType]="entityType.ALARM">
-        </tb-entity-subtype-list>
-      </div>
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>alarm.assignee</div>
-        <tb-alarm-assignee-select class="flex-1" inline="true"
-                                  [userMode]="userMode"
-                                  formControlName="assigneeId">
-        </tb-alarm-assignee-select>
-      </div>
-      @if (propagatedFilter) {
-        <mat-slide-toggle class="mat-slide" formControlName="searchPropagatedAlarms">
-          {{ 'alarm.search-propagated-alarms' | translate }}
-        </mat-slide-toggle>
-      }
-    </div>
-  }
-</ng-template>
 <ng-template #alarmFilterPanel>
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="alarmFilter"></ng-container>

ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.html

@@ -69,58 +69,6 @@
     </div>
   }
 }
-<ng-template #componentMode>
-  @if (buttonMode) {
-    <button color="primary"
-            matTooltip="{{buttonDisplayValue}}"
-            matTooltipPosition="above"
-            mat-stroked-button
-            (click)="toggleCfFilterPanel($event)">
-      <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
-    </button>
-  } @else {
-    <div class="tb-form-panel tb-calculated-fields-config-component no-padding no-border" [formGroup]="cfFilterForm">
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>calculated-fields.calculated-field-types</div>
-        <tb-string-items-list subscriptSizing="dynamic"
-                              formControlName="types"
-                              appearance="outline"
-                              fieldClass="flex"
-                              class="flex-1"
-                              placeholder="{{ !cfFilterForm.get('types').value?.length ? ('calculated-fields.any-type' | translate) : '' }}"
-                              [predefinedValues]="types">
-        </tb-string-items-list>
-      </div>
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>entity.entity-type</div>
-        <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
-          <mat-select formControlName="entityType" placeholder="{{ 'alarm-rule.any-type' | translate }}">
-            <mat-option>{{ 'alarm-rule.any-type' | translate }}</mat-option>
-            @for (type of listEntityTypes; track type) {
-              <mat-option [value]="type">
-                {{ entityTypeTranslations.get(type)?.type | translate }}
-              </mat-option>
-            }
-          </mat-select>
-        </mat-form-field>
-      </div>
-      @if (cfFilterForm.get('entityType').value) {
-        <div class="tb-form-row column-xs">
-          <div class="fixed-title-width" translate>entity.entities</div>
-          <tb-entity-list appearance="outline"
-                          subscriptSizing="dynamic"
-                          class="flex flex-1"
-                          inlineField
-                          syncIdsWithDB
-                          labelText="{{'entity.entity-list' | translate}}"
-                          [entityType]="cfFilterForm.get('entityType').value"
-                          formControlName="entities">
-          </tb-entity-list>
-        </div>
-      }
-    </div>
-  }
-</ng-template>
 <ng-template #calculatedFieldsFilterPanel>
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="calculatedFieldsFilter"></ng-container>

ui-ngx/src/app/modules/home/components/device/device-info-filter.component.html

@@ -53,42 +53,6 @@
     </div>
   }
 }
-<ng-template #componentMode>
-  @if (buttonMode) {
-    <button color="primary"
-            matTooltip="{{buttonDisplayValue}}"
-            matTooltipPosition="above"
-            mat-stroked-button
-            (click)="toggleDeviceFilterPanel($event)">
-      <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
-    </button>
-  } @else {
-    <div class="tb-device-filter-config-component tb-form-panel no-padding no-border" [formGroup]="deviceInfoFilterForm">
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>device-profile.device-profile</div>
-        <tb-device-profile-autocomplete
-          class="flex-1"
-          formControlName="deviceProfileId"
-          [inlineField]="true"
-          [displayAllOnEmpty]="true"
-          (deviceProfileChanged)="deviceProfileChanged($event)"
-          [editProfileEnabled]="false"
-          [addNewProfile]="false">
-        </tb-device-profile-autocomplete>
-      </div>
-      <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>device.device-state</div>
-        <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
-          <mat-select formControlName="active" placeholder="{{ 'device.any' | translate }}">
-            <mat-option>{{ 'device.any' | translate }}</mat-option>
-            <mat-option [value]="true">{{ 'device.active' | translate }}</mat-option>
-            <mat-option [value]="false">{{ 'device.inactive' | translate }}</mat-option>
-          </mat-select>
-        </mat-form-field>
-      </div>
-    </div>
-  }
-</ng-template>
 <ng-template #deviceFilterPanel>
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="deviceFilter"></ng-container>

ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/profile/asset-profile-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/profile/device-profile-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/profile/device/lwm2m/lwm2m-object-add-instances-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/profile/tenant-profile-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/resources/resources-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content style="position: relative; height: 500px;">

ui-ngx/src/app/modules/home/components/widget/dialog/embed-dashboard-dialog.component.html

@@ -26,8 +26,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div class="dashboard-state-dialog-content flex flex-1 flex-col" mat-dialog-content style="padding: 8px;">

ui-ngx/src/app/modules/home/components/widget/lib/maps-legacy/dialogs/select-entity-dialog.component.html

@@ -26,8 +26,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/widget/lib/rpc/persistent-add-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content class="add-dialog">

ui-ngx/src/app/modules/home/components/widget/lib/rpc/persistent-details-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-key-config-dialog.component.html

@@ -34,8 +34,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content style="padding: 0; height: 800px; overflow: auto;">

ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/dialogs/add-entities-to-edge-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/admin/general-settings.component.html

@@ -26,8 +26,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <mat-card-content>
@@ -72,8 +71,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <mat-card-content>

ui-ngx/src/app/modules/home/pages/admin/oauth2/clients/client-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content style="padding: 0">

ui-ngx/src/app/modules/home/pages/admin/security-settings.component.html

@@ -26,8 +26,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <mat-card-content>

ui-ngx/src/app/modules/home/pages/admin/send-test-sms-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content tb-toast toastTarget="sendTestSmsDialogContent">

ui-ngx/src/app/modules/home/pages/dashboard/import-dashboard-file-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content tb-toast toastTarget="makeDashboardPublicDialogContent">

ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div></div>
   }
   <div mat-dialog-content class="!p-0">

ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html

@@ -25,8 +25,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <mat-card-content style="padding-top: 16px">

ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content tb-toast toastTarget="activationLinkDialogContent">

ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html

@@ -29,8 +29,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/shared/components/image/image-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content>

ui-ngx/src/app/shared/components/image/upload-image-dialog.component.html

@@ -28,8 +28,7 @@
   @if (isLoading$ | async) {
     <mat-progress-bar color="warn" mode="indeterminate">
     </mat-progress-bar>
-  }
+  } @else {
-  @if (!(isLoading$ | async)) {
     <div style="height: 4px;"></div>
   }
   <div mat-dialog-content class="relative">