sdnr/wt/odlux/apps/connectApp/src/plugin.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

import { faPlug } from '@fortawesome/free-solid-svg-icons';

import applicationManager from '../../../framework/src/services/applicationManager';
import { subscribe, IFormatedMessage } from '../../../framework/src/services/notificationService';

import connectAppRootHandler from './handlers/connectAppRootHandler';
import ConnectApplication  from './views/connectView';
import { RemoveMountedNetworkElement, addMountedNetworkElementAsyncActionCreator } from './actions/mountedNetworkElementsActions' ;
import { AddSnackbarNotification } from '../../../framework/src/actions/snackbarActions';

type ObjectNotification = {
  counter: string;
  nodeName: string;
  objectId: string;
  timeStamp: string;
}

export function register() {
  const applicationApi = applicationManager.registerApplication({
    name: "connectApp",
    icon: faPlug,
    rootComponent: ConnectApplication,
    rootActionHandler: connectAppRootHandler,
    menuEntry: "Connect App"
  });

  // subscribe to the websocket notifications
  subscribe<ObjectNotification & IFormatedMessage>(["ObjectCreationNotification", "ObjectDeletionNotification"], (msg => {
    const store = applicationApi && applicationApi.applicationStore;
    if (msg && msg.notifType === "ObjectCreationNotification" && store) {
      store.dispatch(addMountedNetworkElementAsyncActionCreator(msg.objectId));
      store.dispatch(new AddSnackbarNotification({ message: `Adding network element [${ msg.objectId }]`, options: { variant: 'info' } }));
    } else if (msg && msg.notifType === "ObjectDeletionNotification" && store) {
      store.dispatch(new AddSnackbarNotification({ message: `Removing network element [${ msg.objectId }]`, options: { variant: 'info' } }));
      store.dispatch(new RemoveMountedNetworkElement(msg.objectId));
    }
  }));
}