fixed reference error not finding viewchild table in table all component.

added hot reloading functionality for state change events.
fixed parse error in frontend

Author: janniclas

app/controllers/InstanceRegistryController.scala

@@ -117,12 +117,7 @@ class InstanceRegistryController @Inject()(implicit system: ActorSystem, mat: Ma
       .addQueryStringParameters("Id" -> instanceID)
       .post("")
       .map { response =>
-        response.status match {
-          case 202 =>
-            Ok(response.body)
-          case x =>
-            new Status(x)
-        }
+        new Status(response.status)
       }(myExecutionContext)
   }
 

client/src/app/api/api/api.service.ts

@@ -109,7 +109,7 @@ export class ApiService {
    * @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
    * @param reportProgress flag to report request and response progress.
    */
-  public startInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false): Observable<HttpEvent<number>> {
+  public startInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false) {
     return this.postAction(START_INSTANCE, instanceId);
   }
 
@@ -119,7 +119,7 @@ export class ApiService {
    * @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
    * @param reportProgress flag to report request and response progress.
    */
-  public stopInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false): Observable<HttpEvent<number>> {
+  public stopInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false) {
     return this.postAction(STOP_INSTANCE, instanceId);
   }
 
@@ -129,7 +129,7 @@ export class ApiService {
    * @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
    * @param reportProgress flag to report request and response progress.
    */
-  public pauseInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false): Observable<HttpEvent<number>> {
+  public pauseInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false)  {
     return this.postAction(PAUSE_INSTANCE, instanceId);
   }
 
@@ -139,7 +139,7 @@ export class ApiService {
    * @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
    * @param reportProgress flag to report request and response progress.
    */
-  public resumeInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false): Observable<HttpEvent<number>> {
+  public resumeInstance(instanceId: string, observe: any = 'body', reportProgress: boolean = false) {
     return this.postAction(RESUME_INSTANCE, instanceId);
   }
 
@@ -149,7 +149,7 @@ export class ApiService {
    * @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
    * @param reportProgress flag to report request and response progress.
    */
-  public deleteInstance(instanceId: string): Observable<HttpEvent<number>> {
+  public deleteInstance(instanceId: string) {
     return this.postAction(DELETE_INSTANCE, instanceId);
   }
 
@@ -214,8 +214,7 @@ export class ApiService {
   }
 
 
-  private postAction(endpoint: string, idInstance: string, observe: any = 'body', reportProgress: boolean = false):
-    Observable<HttpEvent<number>> {
+  private postAction(endpoint: string, idInstance: string, observe: any = 'body', reportProgress: boolean = false) {
     let queryParam = new HttpParams({ encoder: new CustomHttpUrlEncodingCodec() });
 
     if (idInstance === null || idInstance === undefined) {
@@ -228,8 +227,7 @@ export class ApiService {
   }
 
 
-  private commonConf(endpoint: string, queryParameters: HttpParams, observe: any = 'body', reportProgress: boolean = false):
-  Observable<HttpEvent<number>> {
+  private commonConf(endpoint: string, queryParameters: HttpParams, observe: any = 'body', reportProgress: boolean = false) {
     let headers = this.defaultHeaders;
 
     // to determine the Accept header

client/src/app/dashboard/table-all/table-all.component.html

@@ -23,7 +23,7 @@
         <mat-form-field>
             <input id="filterData" matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
         </mat-form-field>
-        <table class="mat-elevation-z8 mat-table" mat-table [dataSource]="dataSource">
+        <mat-table class="mat-elevation-z8 mat-table" [dataSource]="dataSource">
             <ng-container matColumnDef="ID">
                 <mat-header-cell *matHeaderCellDef> ID </mat-header-cell>
                 <mat-cell *matCellDef="let element"> {{element.id}} </mat-cell>
@@ -78,7 +78,7 @@
 
             <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
             <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
-        </table>
+        </mat-table>
     </div>
 </ng-template>
 

client/src/app/dashboard/table-all/table-all.component.ts

@@ -141,7 +141,7 @@ export class TableAllComponent implements OnInit {
     public stopInstance(id: string): void {
 
         this.apiService.stopInstance(id).subscribe((result: HttpEvent<number>) => {
-            console.log('result', result);
+
         }, err => {
             console.log('error stop Instance', err);
         });
@@ -154,7 +154,6 @@ export class TableAllComponent implements OnInit {
     public pauseInstance(id: string): void {
 
         this.apiService.pauseInstance(id).subscribe((result: HttpEvent<number>) => {
-            console.log('result', result);
         }, err => {
             console.log('error pause instance', err);
         });
@@ -167,7 +166,7 @@ export class TableAllComponent implements OnInit {
     public resumeInstance(id: string): void {
 
         this.apiService.resumeInstance(id).subscribe((result: HttpEvent<number>) => {
-            console.log('result', result);
+
         }, err => {
             console.log('error pause instance', err);
         });

client/src/app/model/model.service.ts

@@ -85,6 +85,11 @@ export class ModelService {
       this.storeService.changeInstancesState([data.instanceFrom, data.instanceTo]);
     });
 
+
+    this.socketService.subscribeForEvent<Instance>(EventTypeEnum.StateChangedEvent).subscribe((data: Instance) => {
+      this.storeService.changeInstancesState([data]);
+    });
+
     this.socketService.subscribeForEvent<InstanceLinkPayload>(EventTypeEnum.LinkStateChangedEvent).
       subscribe((data: InstanceLinkPayload) => {
         console.log('received link state changed', data);