diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html index 5ee5463c3f..2033801e0c 100644 --- a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html +++ b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html @@ -77,6 +77,15 @@ @case ('instruction') {
+ @if (gatewayDockerComposeAvailable) { +
+ {{ 'iot-hub.device-install-gateway-docker-compose' | translate }} + +
+ } diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.scss b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.scss index 2a764ccb12..cd17092788 100644 --- a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.scss +++ b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.scss @@ -123,6 +123,22 @@ min-height: 120px; } +// Gateway download bar +.tb-gateway-download-bar { + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 16px; + margin-bottom: 16px; + background: #e3f2fd; + border-radius: 8px; + + span { + font-size: 14px; + color: rgba(0, 0, 0, 0.87); + } +} + // Instruction view .tb-device-install-instruction { ::ng-deep tb-markdown { diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts index 97f0b61a41..fda2ade211 100644 --- a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts +++ b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts @@ -240,6 +240,18 @@ export class TbDeviceInstallDialogComponent extends DialogComponent