Merge pull request #161 from OS2iot/feature/IoT_1563_AddPlacementToDeviceList

Feature/iot 1563 add placement to device list

Author: augusthjerrild

src/app/applications/iot-devices/iot-devices-table/iot-devices-table.component.html

@@ -33,6 +33,11 @@
       <td mat-cell *matCellDef="let iotDevice">{{"IOT-DEVICE-TYPES." + iotDevice.type | translate }}</td>
     </ng-container>
 
+    <ng-container matColumnDef="commentOnLocation">
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'GATEWAY.PLACEMENT-LABEL' | translate }}</th>
+      <td mat-cell *matCellDef="let iotDevice">{{ iotDevice.commentOnLocation ? truncateText(iotDevice.commentOnLocation) : '-' }}</td>
+    </ng-container>
+
     <ng-container matColumnDef="deviceModel">
       <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'IOTDEVICE.DEVICEMODEL' | translate }}</th>
       <td mat-cell *matCellDef="let iotDevice">{{ iotDevice.deviceModel?.body?.name ?? '-' }}</td>

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

@@ -32,6 +32,12 @@ const columnDefinitions: TableColumn[] = [
         default: true,
         toggleable: true,
     },
+    {
+        id: "commentOnLocation",
+        display: "GATEWAY.PLACEMENT-LABEL",
+        default: false,
+        toggleable: true,
+    },
     {
         id: "deviceModel",
         display: "IOTDEVICE.DEVICEMODEL",
@@ -247,5 +253,13 @@ export class IotDevicesTableComponent implements AfterViewInit, OnInit {
         });
     }
 
+    public truncateText(text: string): string {
+        const maxLength = 32;
+        if (text.length <= maxLength) {
+            return text;
+        }
+        return text.substring(0, maxLength) + "...";
+    }
+
     protected readonly columnDefinitions = columnDefinitions;
 }