diff --git a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.html b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.html
index e044f0b4..d0a0903f 100644
--- a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.html
+++ b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.html
@@ -2,10 +2,16 @@
-
{{ "DATATARGET.TEST_CONNECTION.TEST-CONNECTION" | translate }}
+
+
{{ "DATATARGET.TEST_CONNECTION.TEST-CONNECTION" | translate }}
+
+
-
@@ -77,8 +86,5 @@
{{ "DATATARGET.TEST_CONNECTION.RECEIVED-RESPONSE" | translate }}
-
diff --git a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.scss b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.scss
index c03d6211..7acb50f2 100644
--- a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.scss
+++ b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.scss
@@ -5,3 +5,13 @@
.min-height-400 {
min-height: 400px;
}
+
+::ng-deep.loading-wrapper {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.spinner-placeholder{
+ width: 80px;
+ height: 80px;
+}
diff --git a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.ts b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.ts
index 2fe7e7eb..df345871 100644
--- a/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.ts
+++ b/src/app/applications/datatarget/datatarget-test-connection/datatarget-test-connection.component.ts
@@ -11,6 +11,7 @@ import { DataTargetType } from "@shared/enums/datatarget-type";
import { PayloadDecoderMinimal } from "@payload-decoder/payload-decoder.model";
import { PayloadDecoderService } from "@payload-decoder/payload-decoder.service";
import { PayloadDeviceDatatargetService } from "@payload-decoder/payload-device-datatarget.service";
+import { TranslateService } from "@ngx-translate/core";
@Component({
selector: "app-datatarget-test-connection",
@@ -43,6 +44,7 @@ export class DatatargetTestConnectionComponent implements OnInit, OnDestroy {
constructor(
private deviceService: IoTDeviceService,
+ public translate: TranslateService,
private dataTargetService: DatatargetService,
private route: ActivatedRoute,
private payloadDecoderService: PayloadDecoderService,
@@ -99,7 +101,11 @@ export class DatatargetTestConnectionComponent implements OnInit, OnDestroy {
})
.subscribe(
response => {
- this.testResponse = response?.result ? JSON.stringify(response.result, null, 2) : "";
+ this.testResponse = response?.result
+ ? JSON.stringify(response.result, null, 2)
+ : this.dataTarget.type === DataTargetType.MQTT
+ ? this.translate.instant("DATATARGET.SEE-RESULT-IN-LOG")
+ : "";
this.decodedData = response?.decodedPayload ? JSON.stringify(response.decodedPayload, null, 2) : "";
this.loading = false;
},
diff --git a/src/assets/i18n/da.json b/src/assets/i18n/da.json
index 2414c9e3..007de412 100644
--- a/src/assets/i18n/da.json
+++ b/src/assets/i18n/da.json
@@ -245,6 +245,7 @@
"LATEST_MESSAGE": "Seneste besked",
"24H_STATUS": "Status (24 timer)",
"ADD-TO-OPENDATADK": "Send data til OpenDataDK",
+ "SEE-RESULT-IN-LOG": "// Se resultatet i loggen.",
"OPENDATA-DK": {
"TYPE": "OpenDataDK",
"NAME": "Open Data DK",