IOT-27 add datapackage to iot-device-detail

Author: ncjej

src/app/my-applications/iot-devices/iot-device-detail/iot-device-detail.component.html

@@ -146,6 +146,33 @@ <h4>{{ 'IOTDEVICE.LORA.SKIPFCNTCHECK' | translate }}</h4>
                 </div>
             </div>
         </ng-container>
+        <div class="col-12 py-4">
+            <mat-expansion-panel>
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        <ng-container *ngIf="device.latestReceivedMessage?.sentTime; then sentTime; else noSentTime">    
+                        </ng-container>
+                        <ng-template #sentTime>
+                            <p>
+                                {{'IOTDEVICE.LATEST-DATAPACKAGE' | translate}} {{device.latestReceivedMessage?.sentTime | date:'medium'}}
+                            </p>
+                        </ng-template>
+                        <ng-template #noSentTime>
+                            <p>
+                                {{'IOTDEVICE.NO-DATAPACKAGE' | translate}}
+                            </p>
+                        </ng-template>
+                    </mat-panel-title>
+                </mat-expansion-panel-header>
+                    <ng-container *ngIf="device.latestReceivedMessage?.rawData">    
+                        <code>
+                            <pre>
+                                {{device.latestReceivedMessage.rawData | json }}
+                            </pre>
+                        </code>
+                    </ng-container>
+            </mat-expansion-panel>
+        </div>
     </div>
     <ng-container *ngIf="device.type">
         <div class="col-12 py-4">

src/app/my-applications/iot-devices/iot-device.model.ts

@@ -3,6 +3,7 @@ import { JsonLocation } from 'src/app/models/Json-location';
 import { LorawanSettings } from 'src/app/models/lorawan-settings';
 import { ReceivedMessageMetadata } from 'src/app/models/received-message-metadata';
 import { DeviceType } from 'src/app/shared/enums/device-type';
+import { LatestReceivedMessage } from './latestReceivedMessage.model';
 
 export class IotDevice {
     name: string;
@@ -20,6 +21,7 @@ export class IotDevice {
     applicationId: number;
     longitude = 0;
     latitude = 0;
+    latestReceivedMessage: LatestReceivedMessage;
     lorawanSettings = new LorawanSettings();
 }
 

src/app/my-applications/iot-devices/iot-device.service.ts

@@ -7,21 +7,24 @@ import { RestService } from 'src/app/shared/services/rest.service';
     providedIn: 'root',
 })
 export class IoTDeviceService {
+
+    private BASEURL = 'iot-device';
+
     constructor(private restService: RestService) { }
 
     createIoTDevice(body: IotDevice): Observable<IotDeviceData> {
-        return this.restService.post('iot-device', body);
+        return this.restService.post(this.BASEURL, body);
     }
 
     updateIoTDevice(body: IotDevice, id: number): Observable<IotDeviceData> {
-        return this.restService.put('iot-device', body, id, { observe: 'response' });
+        return this.restService.put(this.BASEURL, body, id, { observe: 'response' });
     }
 
     getIoTDevice(id: number): Observable<IotDevice> {
-        return this.restService.get('iot-device', {}, id);
+        return this.restService.get(this.BASEURL, {}, id);
     }
 
     deleteIoTDevice(id: number) {
-        return this.restService.delete('iot-device', id);
+        return this.restService.delete(this.BASEURL, id);
     }
 }

src/app/my-applications/iot-devices/iot-devices-table-row/iot-devices-table-row.component.ts

@@ -23,7 +23,7 @@ export class IotDevicesTableRowComponent implements OnInit {
     private router: Router
   ) {
     translate.use('da');
-    moment.locale('da')
+    moment.locale('da');
   }
 
   ngOnInit(): void { }

src/app/my-applications/iot-devices/iot-devices.module.ts

@@ -12,6 +12,7 @@ import { IotDevicesListComponent } from './iot-devices-list/iot-devices-list.com
 import { IoTDeviceDetailComponent } from './iot-device-detail/iot-device-detail.component';
 import { IotDeviceEditComponent } from './iot-device-edit/iot-device-edit.component';
 import { FormModule } from 'src/app/shared/form/form.module';
+import { NGMaterialModule } from '@shared/Modules/materiale.module';
 
 @NgModule({
     declarations: [
@@ -33,6 +34,7 @@ import { FormModule } from 'src/app/shared/form/form.module';
         RouterModule,
         TranslateModule,
         FormModule,
+        NGMaterialModule
     ],
 })
 export class IotDevicesModule { }

src/app/my-applications/iot-devices/latestReceivedMessage.model.ts

@@ -0,0 +1,6 @@
+export interface LatestReceivedMessage {
+    createdAt: Date;
+    updatedAt: Date;
+    rawData: JSON;
+    sentTime: Date;
+}

src/assets/i18n/da.json

@@ -314,6 +314,8 @@
       "INSTRUCTIONS": "Du kalder denne url:"
     },
     "LORAWANSETUP": "LoRaWAN Specifik opsætning",
+    "LATEST-DATAPACKAGE": "Seneste datapakke sendt fra enheden:",
+    "NO-DATAPACKAGE": "Der er ikke modtaget nogle datapakker",
     "LORA": {
       "DEVEUI": "Enheds EUI",
       "SERVICEPROFILE": "Service profil",