Browse Source

fix(iot-hub): add guide button to big card layout (DEVICE cards use big layout, not compact)

pull/15508/head
Andrii Shvaika 6 months ago
parent
commit
0e6029b512
  1. 12
      ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html

12
ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html

@ -107,11 +107,23 @@
} @else if (isInstalled()) { } @else if (isInstalled()) {
@if (isSameVersion()) { @if (isSameVersion()) {
<span class="tb-iot-hub-card-installed-chip"><tb-icon>check</tb-icon>{{ 'iot-hub.installed' | translate }}</span> <span class="tb-iot-hub-card-installed-chip"><tb-icon>check</tb-icon>{{ 'iot-hub.installed' | translate }}</span>
@if (hasInstallGuide()) {
<button class="tb-iot-hub-card-guide-btn" (click)="onGuideClick($event)"
[matTooltip]="'iot-hub.view-setup-guide' | translate" matTooltipPosition="above">
<tb-icon>description</tb-icon>
</button>
}
<button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)"> <button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)">
<tb-icon>mdi:trash-can-outline</tb-icon> <tb-icon>mdi:trash-can-outline</tb-icon>
</button> </button>
} @else { } @else {
<button class="tb-iot-hub-card-update-btn" (click)="onUpdateClick($event)">{{ 'iot-hub.update' | translate }}</button> <button class="tb-iot-hub-card-update-btn" (click)="onUpdateClick($event)">{{ 'iot-hub.update' | translate }}</button>
@if (hasInstallGuide()) {
<button class="tb-iot-hub-card-guide-btn" (click)="onGuideClick($event)"
[matTooltip]="'iot-hub.view-setup-guide' | translate" matTooltipPosition="above">
<tb-icon>description</tb-icon>
</button>
}
<button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)"> <button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)">
<tb-icon>mdi:trash-can-outline</tb-icon> <tb-icon>mdi:trash-can-outline</tb-icon>
</button> </button>

Loading…
Cancel
Save