ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html
@if (isCompactLayout()) {
{{ getPlaceholderIcon() }}
@if (showSubtype && getSubtypeLabel(); as subtypeLabel) { {{ subtypeLabel }} }
@if (showCreator) { @if (item.creatorVerified) { verified } @else { person } {{ item.creatorDisplayName }}· } download{{ item.totalInstallCount | shortNumber }}
@if (mode === 'add') { @if (isInstalled()) { check{{ 'iot-hub.installed' | translate }} } @else { {{ 'action.add' | translate }} } } @else if (isInstalled()) { @if (isSameVersion()) { check{{ 'iot-hub.installed' | translate }} @if (hasInstallGuide()) { description } mdi:trash-can-outline } @else { {{ 'iot-hub.update' | translate }} @if (hasInstallGuide()) { description } mdi:trash-can-outline } } @else { {{ (item.type === ItemType.DEVICE ? 'iot-hub.connect' : 'iot-hub.install') | translate }} } } @else {
@if (getPreviewUrl(); as previewUrl) { } @else { {{ getPlaceholderIcon() }} }
@if (showSubtype && getSubtypeLabel(); as subtypeLabel) { {{ subtypeLabel }} }
@if (showCreator) { @if (item.creatorVerified) { verified } @else { person } {{ item.creatorDisplayName }}· } download {{ item.totalInstallCount | shortNumber }} @if (mode === 'add') { @if (isInstalled()) { check{{ 'iot-hub.installed' | translate }} } @else { {{ 'action.add' | translate }} } } @else if (isInstalled()) { @if (isSameVersion()) { check{{ 'iot-hub.installed' | translate }} @if (hasInstallGuide()) { description } mdi:trash-can-outline } @else { {{ 'iot-hub.update' | translate }} @if (hasInstallGuide()) { description } mdi:trash-can-outline } } @else { {{ (item.type === ItemType.DEVICE ? 'iot-hub.connect' : 'iot-hub.install') | translate }} }
}