Add SDN-R odlux performance

A UI displaying performance monitoring data

Change-Id: I2a9c28549aee1bcac366354c343a63f884bf09e0
Issue-ID: SDNC-585
Signed-off-by: Herbert Eiselt <herbert.eiselt@highstreet-technologies.com>

3 files changed, 131 insertions, 0 deletions

diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/connectedNetworkElementsActions.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/connectedNetworkElementsActions.ts
new file mode 100644
index 000000000..0906584b7
--- /dev/null
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/connectedNetworkElementsActions.ts
@@ -0,0 +1,41 @@
+import { Action } from '../../../../framework/src/flux/action';
+import { Dispatch } from '../../../../framework/src/flux/store';
+
+import { ConnectedNetworkElements } from '../models/connectedNetworkElements';
+import { PerformanceHistoryService } from '../services/performanceHistoryService';
+
+/** 
+ * Represents the base action. 
+ */
+export class BaseAction extends Action { }
+
+/** 
+ * Represents an action causing the store to load all connected network elements. 
+ */
+export class LoadAllConnectedNetworkElementsAction extends BaseAction { }
+
+/** 
+ * Represents an action causing the store to update all connected network elements. 
+ */
+export class AllConnectedNetworkElementsLoadedAction extends BaseAction {  
+  /**
+   * Initialize this instance.
+   * 
+   * @param connectedNetworkElements The network elements which are returned from the restconf.
+   */
+  constructor(public connectedNetworkElements: ConnectedNetworkElements[] | null, public error?: string) {
+    super();
+  }
+}
+
+/** 
+ * Represents an asynchronous thunk  action to load all connected network elements from the restconf. 
+ */
+export const loadAllConnectedNetworkElementsAsync = (dispatch: Dispatch) => {
+  dispatch(new LoadAllConnectedNetworkElementsAction());
+  PerformanceHistoryService.getConnectedNetworkElementsList().then(networkElements => {
+    networkElements && dispatch(new AllConnectedNetworkElementsLoadedAction(networkElements));
+  }).catch(error => {
+    dispatch(new AllConnectedNetworkElementsLoadedAction(null, error));
+  });
+};
\ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts
new file mode 100644
index 000000000..d8842ffbe
--- /dev/null
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts
@@ -0,0 +1,75 @@
+import { Action } from '../../../../framework/src/flux/action';
+import { Dispatch } from '../../../../framework/src/flux/store';
+
+import { Ltp } from '../models/availableLtps';
+import { PerformanceHistoryService } from '../services/performanceHistoryService';
+
+/** 
+ * Represents the base action. 
+ */
+export class BaseAction extends Action { }
+
+/** 
+ * Represents an action causing the store to load available ltps. 
+ */
+export class LoadAllAvailableLtpsAction extends BaseAction { }
+
+/** 
+ * Represents an action causing the store to update available ltps. 
+ */
+export class AllAvailableLtpsLoadedAction extends BaseAction {
+  /**
+   * Initialize this instance.
+   * @param availableLtps The available ltps which are returned from the database.
+   */
+  constructor(public availableLtps: Ltp[] | null, public error?: string) {
+    super();
+  }
+}
+
+
+/** 
+ * Represents an asynchronous thunk action to load available distinctLtps by networkElement from the database and set the returned first Ltp as default. 
+ * @param networkElement The network element sent to database to get its available distinct Ltps.
+ * @param selectedTimePeriod The time period selected sent to database to get the distinct Ltps of the selected network element.
+ * @param selectedLtp The Ltp which is selected in the dropdown.
+ * @param selectFirstLtp The function to get the first ltp returned from the database to be selected as default on selection upon network element.
+ * @param resetLtp The function to verify if the selected ltp is also available in the selected time period database else reset the Ltp dropdown to select.
+ */
+export const loadDistinctLtpsbyNetworkElementAsync = (networkElement: string, selectedTimePeriod: string, selectedLtp: string, selectFirstLtp?: Function, resetLtp?: Function) => (dispatch: Dispatch) => {
+  if (selectedTimePeriod == "15min") {
+    dispatch(new LoadAllAvailableLtpsAction());
+    PerformanceHistoryService.getDistinctLtpsFrom15minDatabase(networkElement).then(distinctLtps => {
+      if(distinctLtps) {
+        let ltpNotSelected: boolean = true;
+        selectFirstLtp && selectFirstLtp(distinctLtps[0].key);
+        distinctLtps.forEach((value: Ltp) => {
+          if(value.key === selectedLtp) {
+            ltpNotSelected = false;
+          }
+        });
+        resetLtp && resetLtp(ltpNotSelected);
+        dispatch(new AllAvailableLtpsLoadedAction(distinctLtps))
+      }
+    }).catch(error => {
+      dispatch(new AllAvailableLtpsLoadedAction(null, error));
+    });
+  } else {
+    dispatch(new LoadAllAvailableLtpsAction());
+    PerformanceHistoryService.getDistinctLtpsFrom24hoursDatabase(networkElement).then(distinctLtps => {
+      if(distinctLtps) {
+        let ltpNotSelected: boolean = true;
+        selectFirstLtp && selectFirstLtp(distinctLtps[0].key);
+        distinctLtps.forEach((value: Ltp) => {
+          if(value.key === selectedLtp) {
+            ltpNotSelected = false;
+          }
+        });
+        resetLtp && resetLtp(ltpNotSelected);
+        dispatch(new AllAvailableLtpsLoadedAction(distinctLtps))
+      }
+    }).catch(error => {
+      dispatch(new AllAvailableLtpsLoadedAction(null, error));
+    });
+  }
+};
\ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/panelChangeActions.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/panelChangeActions.ts
new file mode 100644
index 000000000..82072c7fe
--- /dev/null
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/panelChangeActions.ts
@@ -0,0 +1,15 @@
+import { Action } from '../../../../framework/src/flux/action';
+import { PanelId } from '../models/panelId';
+
+/** 
+ * Represents an action causing the store to update the panel. 
+ */
+export class SetPanelAction extends Action {
+  /**
+   * Initialize this instance.
+   * @param panelId Action to set the current panel by its Id.
+   */
+  constructor(public panelId: PanelId) {
+    super();
+  }
+}