Iot Hub Item Detail Dialog.Component

@if (isCompactLayout()) { {{ getCompactIcon() }} } {{ item.name }} {{ getTypeIcon() }} {{ typeTranslations.get(item.type) | translate }} download {{ item.totalInstallCount | shortNumber }} {{ 'iot-hub.installs' | translate }} update v {{ item.version }} @if (preview) { warning {{ 'iot-hub.unpublished-preview' | translate }} } @if (item.publishedTime) { today {{ item.publishedTime | date:'mediumDate' }} }

@if (isInstalled()) { @if (hasUpdate()) { {{ 'iot-hub.update-to-version' | translate:{ version: item.version } }} } @else { check {{ 'iot-hub.installed' | translate }} v{{ installedItem.version }} } } close

close

@if (isCompactLayout()) {

@if (item.description) {

}

} @else {

1"> @if (item.type === ItemType.SOLUTION_TEMPLATE && carouselImages.length > 1) { @for (imageUrl of carouselImages; track imageUrl) { } chevron_left @for (img of carouselImages; track img; let i = $index) {

} chevron_right

} @else { @if (getPreviewUrl(); as url) { } @else { {{ getTypeIcon() }} } }

@if (item.description) {

}

}

@if (showCreator) { {{ 'iot-hub.creator' | translate }}

@if (getCreatorAvatarUrl(); as avatarUrl) { } @else { person } @if (item.creatorVerified) { verified } {{ item.creatorDisplayName }}

} @if (getSubtypeLabel(); as subtypeLabel) { {{ 'iot-hub.type' | translate }} {{ subtypeLabel }}

} @if (item.type === ItemType.DEVICE) { @if (item.dataDescriptor?.hardwareType) { {{ 'iot-hub.hardware-type' | translate }} {{ item.dataDescriptor.hardwareType }}

} @if (item.dataDescriptor?.connectivity?.length) { {{ 'iot-hub.connectivity' | translate }} @for (conn of item.dataDescriptor.connectivity; track conn) { {{ conn }} }

} } @else { @if (item.categories?.length) { {{ 'iot-hub.category' | translate }} @for (cat of item.categories; track cat) { {{ cat }} }

} } @if (item.useCases?.length) { {{ 'iot-hub.use-cases' | translate }} @for (uc of item.useCases; track uc) { {{ uc }} }

} @if ((isInstalled() || installedItemsCount > 0) && mode !== 'add') { {{ 'iot-hub.manage' | translate }} @if (item.type === ItemType.SOLUTION_TEMPLATE) { info_outlinemdi:trash-can-outline } @else { @if (installedItemsCount > 0) { inventory_2 {{ 'iot-hub.installed-items' | translate }}: {{ installedItemsCount }} } @else { mdi:trash-can-outline {{ 'iot-hub.remove' | translate }} } }

} @if (hasDetails()) { {{ 'iot-hub.details' | translate }}mdi:dots-horizontal-circle-outline }

@if (item.type === ItemType.RULE_CHAIN && getNodes().length) { @for (node of getNodes(); track node.name) { {{ node.name }} }

} @if (readmeContent || shouldShowChangelog()) { @if (readmeContent) { } @if (shouldShowChangelog()) {

{{ 'iot-hub.changelog' | translate }}

} }

{{ 'action.close' | translate }} @if (mode === 'add' && !isInstalled()) { {{ 'action.add' | translate }} } @if (!isInstalled() && mode !== 'add') { @if (item.type === ItemType.DEVICE) { {{ 'iot-hub.connect-device' | translate }} } @else { {{ 'iot-hub.install' | translate }} } } @if (isInstalled() && mode !== 'add') { @if (item.type === ItemType.SOLUTION_TEMPLATE) { {{ 'iot-hub.goto-main-dashboard' | translate }} } @else { {{ 'iot-hub.open-item-type' | translate:{ type: getTypeLabel() } }} } }

{{ 'iot-hub.details' | translate }} @if (getSubtypeLabel(); as subtypeLabel) { {{ 'iot-hub.type' | translate }} {{ subtypeLabel }}

} @if (item.type === ItemType.DEVICE) { @if (item.dataDescriptor?.hardwareType) { {{ 'iot-hub.hardware-type' | translate }} {{ item.dataDescriptor.hardwareType }}

} @if (item.dataDescriptor?.connectivity?.length) { {{ 'iot-hub.connectivity' | translate }} @for (conn of item.dataDescriptor.connectivity; track conn) { {{ conn }} }

} } @else { @if (item.categories?.length) { {{ 'iot-hub.category' | translate }} @for (cat of item.categories; track cat) { {{ cat }} }

} } @if (item.useCases?.length) { {{ 'iot-hub.use-cases' | translate }} @for (uc of item.useCases; track uc) { {{ uc }} }

}