added handling for instance link state change

Author: janniclas

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

@@ -26,7 +26,7 @@ import {
   RegistryEvent
 } from '../../model/models/socketMessage';
 import {ComponentTypeEnum, Instance, objIsInstance} from '../../model/models/instance';
-import {InstanceLink, objIsLink, InstanceLinkPayload} from '../../model/models/instanceLink';
+import {objIsLink, InstanceLinkPayload} from '../../model/models/instanceLink';
 
 
 interface ObserverMap {

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

@@ -80,13 +80,16 @@ export class ModelService {
       this.storeService.removeFromState(removedInstance);
     });
     // TODO: after interface changes in ir we will receive a tuple of instances which are now linked
-    this.socketService.subscribeForEvent<InstanceLinkPayload>(EventTypeEnum.LinkAddedEvent).subscribe((data) => {
+    this.socketService.subscribeForEvent<InstanceLinkPayload>(EventTypeEnum.LinkAddedEvent).subscribe((data: InstanceLinkPayload) => {
       console.log('received link added', data);
+      this.storeService.changeInstancesState([data.instanceFrom, data.instanceTo]);
     });
 
-    this.socketService.subscribeForEvent<InstanceLinkPayload>(EventTypeEnum.LinkStateChangedEvent).subscribe((data) => {
-      console.log('received link state changed', data);
-    });
+    this.socketService.subscribeForEvent<InstanceLinkPayload>(EventTypeEnum.LinkStateChangedEvent).
+      subscribe((data: InstanceLinkPayload) => {
+        console.log('received link state changed', data);
+        this.storeService.changeInstancesState([data.instanceFrom, data.instanceTo]);
+      });
   }
 
   /**

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

@@ -139,10 +139,13 @@ export class StoreService {
    * Updates the given @param instance in the state.
    * The update is performed by overwriting the previously stored instance.
    */
-  public changeInstanceState(instance: Instance) {
-    const newState = StoreService.addNewInstanceToState(this.stateUpdateSubject.value.state, instance);
+  public changeInstancesState(instances: Array<Instance>) {
+    let newState: State;
+    for (const instance of instances) {
+       newState = StoreService.addNewInstanceToState(this.stateUpdateSubject.value.state, instance);
+    }
     // maybe calculate diff before
-    this.stateUpdateSubject.next({state: newState, change: {type: Actions.CHANGE, elements: [instance]}});
+    this.stateUpdateSubject.next({state: newState, change: {type: Actions.CHANGE, elements: instances}});
   }
 
   /**