ing

@overflow/target/component/list/list.component.html

@@ -5,7 +5,7 @@
     <tr>
       <th style="width: 4em">No.</th>
       <th style="width: 8em">Status</th>
-      <th style="width: 8em">Type</th>
+      <th style="width: 15em">Type</th>
       <th>Name</th>
       <th style="width: 15em">Sensors</th>
       <th style="width: 8em">Created at</th>
@@ -15,11 +15,11 @@
   <ng-template pTemplate="body" let-target let-rowIndex="rowIndex">
     <tr [pSelectableRow]="target">
       <td>{{rowIndex + 1}}</td>
-      <td>??</td>
-      <td>{{target.infra.id}}</td>
+      <td></td>
+      <td>{{target.infra.metaInfraType.name}}</td>
       <td>{{target.displayName}}</td>
       <td>{{target.sensorCount}}</td>
-      <td>{{target.createDate | date: 'dd.MM.yyyy'}}</td>
+      <td>{{target.createDate | date: 'yyyy-MM-dd'}}</td>
       <td>
         <button type="button" label="Add Sensor" icon="ui-icon-add" pButton class="ui-s-button" (click)="onAddSensor(target)"></button>
       </td>

@overflow/target/component/list/list.component.ts

@@ -17,25 +17,12 @@ import { Page } from '@overflow/commons-typescript/model/commons/Page';
   selector: 'of-target-list',
   templateUrl: './list.component.html',
 })
-export class ListComponent implements OnInit, AfterContentInit, OnDestroy {
+export class ListComponent implements OnInit {
 
-  // infrasSubscription$: Subscription;
-  // infras$: Observable<Infra[]>;
-  // infras: Infra[];
-  // probe: Probe;
-  // target: Target = null;
-  // sensorSettingDisplay = false;
-
-  // pageSize = '10';
-  // totalLength = 0;
-  // currPage = 0;
   page: Page<Target>;
   pending$: Observable<boolean>;
   error$: Observable<any>;
 
-  totalLength: number;
-  targets: Object;
-
   constructor(
     private store: Store<any>,
     private targetService: TargetService,
@@ -45,7 +32,7 @@ export class ListComponent implements OnInit, AfterContentInit, OnDestroy {
   ngOnInit() {
     const pageParams: PageParams = {
       pageNo: 0,
-      countPerPage: 2,
+      countPerPage: 5,
       sortCol: 'id',
       sortDirection: 'descending',
     };
@@ -69,21 +56,6 @@ export class ListComponent implements OnInit, AfterContentInit, OnDestroy {
       ).subscribe();
   }
 
-  ngAfterContentInit() {
-    // this.route.params.subscribe((params: any) => {
-    //     this.probe = {
-    //         id: params['id'],
-    //     };
-    //     this.getInfras(0);
-    // });
-  }
-
-  ngOnDestroy() {
-    // if (this.infrasSubscription$) {
-    //     this.infrasSubscription$.unsubscribe();
-    // }
-  }
-
   getInfras(pageNo) {
     // const pageParams: PageParams = {
     //     pageNo: pageNo + '',
@@ -108,14 +80,6 @@ export class ListComponent implements OnInit, AfterContentInit, OnDestroy {
     // this.sensorSettingDisplay = true;
   }
 
-  onSensorSettingClose() {
-    // this.sensorSettingDisplay = false;
-  }
-
-  onPaging(e) {
-    // this.getInfras(e.page);
-  }
-
   onPaginate(event) {
 
   }