Strict done!!

overlord/src/app/client/client-detail/client-detail.component.ts

@@ -16,7 +16,7 @@ import { ClientService } from '../client.service';
 export class ClientDetailComponent implements OnInit, AfterViewInit {
   @ViewChild('nameElement', { static: true }) nameElement?: ElementRef;
   form: FormGroup;
-  item: Client;
+  item: Client = new Client();
 
   constructor(
     private route: ActivatedRoute,
@@ -54,7 +54,7 @@ export class ClientDetailComponent implements OnInit, AfterViewInit {
 
   ngAfterViewInit() {
     setTimeout(() => {
-      this.nameElement.nativeElement.focus();
+      if (this.nameElement) this.nameElement.nativeElement.focus();
     }, 0);
   }
 

overlord/src/app/client/client-list/client-list.component.ts

@@ -15,8 +15,8 @@ import { ClientListDataSource } from './client-list-datasource';
 export class ClientListComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator?: MatPaginator;
   @ViewChild(MatSort, { static: true }) sort?: MatSort;
-  dataSource: ClientListDataSource;
-  list: Client[];
+  list: Client[] = [];
+  dataSource: ClientListDataSource = new ClientListDataSource(this.list);
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['code', 'name', 'enabled', 'otp', 'created', 'lastLogin'];
 
@@ -28,6 +28,6 @@ export class ClientListComponent implements OnInit {
 
       this.list = data.list;
     });
-    this.dataSource = new ClientListDataSource(this.paginator, this.sort, this.list);
+    this.dataSource = new ClientListDataSource(this.list, this.paginator, this.sort);
   }
 }

overlord/src/app/client/client.service.ts

@@ -19,7 +19,7 @@ const serviceName = 'ClientService';
 export class ClientService {
   constructor(private http: HttpClient, private log: ErrorLoggerService) {}
 
-  get(id: string): Observable<Client> {
+  get(id: string | null): Observable<Client> {
     const getUrl: string = id === null ? url : `${url}/${id}`;
     return <Observable<Client>>(
       this.http

overlord/src/app/client/client.ts

@@ -6,4 +6,15 @@ export class Client {
   otp: number;
   creationDate: string;
   lastLogin: string;
+
+  public constructor(init?: Partial<Client>) {
+    this.id = '';
+    this.name = '';
+    this.code = 0;
+    this.enabled = true;
+    this.otp = 0;
+    this.creationDate = '';
+    this.lastLogin = '';
+    Object.assign(this, init);
+  }
 }