Create a View Model for Delphi Management

[janniclas]

A view model for the data stored in the delphi management application has to be defined.

• Therefore, an analysis of the required data is necessary.

• It has to be determined, which page displays which data and which part of the data needs to be available on a global scope ( across different pages)

• A state management framework has to be chosen

  Literature:
  https://mobx.js.org/
  https://medium.com/skillshare-team/how-we-ditched-redux-for-mobx-a05442279a2b
  https://facebook.github.io/flux/
  https://redux.js.org/
  https://mobx.js.org/

[janniclas]

We decided not to introduce a state management library to early and therefore are implementing our own service based state management.
The data is needed on the initial visualization site as well as in the tables showing detailed information about each instance. Also the store can be used to calculate general information for display like the number of live instances of a certain type.
The resulting store and the executable actions on it currently look like the following:

export enum Actions {
  ADD = 'ADD',
  DELETE = 'DELETE',
  CHANGE = 'CHANGE',
  NONE = 'NONE'
}
export interface State {
  instances: { [id: number]: Instance };
  instancesByType: { [compType: string]: Array<number> };
}