Iot Hub Browse.Component

@if (!fixedSubType && subtypeOptions.length > 0 && activeType !== ItemType.ALARM_RULE) { {{ 'iot-hub.type-filter-label' | translate }} @if (subtypeOptions.length >= 10) { search @if (filterSearch['subtype']) { close } } 8" (mouseenter)="getFilteredItems(subtypeOptions, 'subtype').length > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (opt of getFilteredItems(subtypeOptions, 'subtype'); track opt.key) { {{ getSubtypeLabel(opt.key) }} } } @if (activeType === ItemType.DEVICE) { @if (!fixedSubType && subtypeOptions.length > 0) {

} @if (vendorOptions.length > 0) { {{ 'iot-hub.vendor' | translate }} @if (vendorOptions.length >= 10) { search @if (filterSearch['vendor']) { close } } 8" (mouseenter)="getFilteredItems(vendorOptions, 'vendor').length > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (group of getGroupedFilterItems(vendorOptions, 'vendor'); track group.label) { @if (group.label) { {{ group.label | translate }} } @for (v of group.items; track v.key) { {{ v.key }} } }

} @if (hardwareTypeOptions.length > 0) { {{ 'iot-hub.hardware-type' | translate }} @if (hardwareTypeOptions.length >= 10) { search @if (filterSearch['hardwareType']) { close } } 8" (mouseenter)="getFilteredItems(hardwareTypeOptions, 'hardwareType').length > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (ht of getFilteredItems(hardwareTypeOptions, 'hardwareType'); track ht.key) { {{ ht.key }} }

} @if (connectivityGroups.length > 0) { {{ 'iot-hub.connectivity' | translate }} @if (allConnectivityCount >= 10) { search @if (filterSearch['connectivity']) { close } } 8" (mouseenter)="allConnectivityCount > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (group of getFilteredConnectivityGroups('connectivity'); track group.group) { {{ group.group }} @for (val of group.values; track val.key) { {{ val.key }} } } } } @else { @if (categoryOptions.length > 0) { @if (!fixedSubType && subtypeOptions.length > 0) {

} {{ 'iot-hub.category' | translate }} @if (categoryOptions.length >= 10) { search @if (filterSearch['category']) { close } } 8" (mouseenter)="getFilteredItems(categoryOptions, 'category').length > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (cat of getFilteredItems(categoryOptions, 'category'); track cat.key) { {{ cat.key }} } } } @if (useCaseOptions.length > 0) { @if (activeType === ItemType.DEVICE || (!fixedSubType && subtypeOptions.length > 0) || categoryOptions.length > 0) {

} {{ 'iot-hub.use-case' | translate }} @if (useCaseOptions.length >= 10) { search @if (filterSearch['useCase']) { close } } 8" (mouseenter)="getFilteredItems(useCaseOptions, 'useCase').length > 8 && (filterItemsHovered = true)" (mouseleave)="filterItemsHovered = false"> @for (group of getGroupedFilterItems(useCaseOptions, 'useCase'); track group.label) { @if (group.label) { {{ group.label | translate }} } @for (uc of group.items; track uc.key) { {{ uc.key }} } }

}

{{ 'iot-hub.filter' | translate }}close @if (hasActiveDropdownFilters()) {

@for (key of getActiveSubtypesArray(); track key) { {{ getSubtypeLabel(key) }} close } @for (key of getActiveCategoriesArray(); track key) { {{ key }} close } @for (key of getActiveHardwareTypesArray(); track key) { {{ key }} close } @for (key of getActiveConnectivityArray(); track key) { {{ key }} close } @for (v of getActiveVendorsArray(); track v) { {{ v }} close } @for (key of getActiveUseCasesArray(); track key) { {{ key }} close } {{ 'iot-hub.clear-all' | translate }} }

@if (textSearch) { close } @else { search } {{ sortOptions[selectedSortIndex].label | translate }} arrow_drop_down @for (option of sortOptions; track option.value; let i = $index) { {{ option.label | translate }} }

{{ 'iot-hub.results-count' | translate:{ count: totalElements } }} @if (hasActiveDropdownFilters()) { @for (key of getActiveSubtypesArray(); track key) { {{ getSubtypeLabel(key) }} close } @for (key of getActiveCategoriesArray(); track key) { {{ key }} close } @for (key of getActiveHardwareTypesArray(); track key) { {{ key }} close } @for (key of getActiveConnectivityArray(); track key) { {{ key }} close } @for (v of getActiveVendorsArray(); track v) { {{ v }} close } @for (key of getActiveUseCasesArray(); track key) { {{ key }} close } {{ 'iot-hub.clear-all' | translate }} } filter_list {{ 'iot-hub.filter' | translate }}@if (activeFilterCount) {: {{ activeFilterCount }}}

@if (hasError) {

{{ 'iot-hub.try-again' | translate }} } @if (!hasError && items.length === 0) {

@if (hasActiveFilters()) { {{ 'iot-hub.clear-all-filters' | translate }} } } @if (!hasError && items.length > 0) { @for (item of items; track item.id) { }

chevron_left @for (p of getPageNumbers(); track p) { {{ p + 1 }} } = getTotalPages() - 1" (click)="goToPage(pageIndex + 1)"> chevron_right

{{ 'iot-hub.items-per-page' | translate }}: @for (size of pageSizeOptions; track size) { {{ size }} }

} @if (isLoading) {

}

{{ 'iot-hub.network-server-unavailable' | translate }}

{{ 'iot-hub.no-items-found' | translate }}