ODLUX Connect App Info enhancement

Present yang capabilities in a table view instead of list

Issue-ID: SDNC-1121
Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Change-Id: I4904fb132351199b57a851faf07d371fa5e575ab

2 files changed, 80 insertions, 45 deletions

diff --git a/sdnr/wt/odlux/apps/connectApp/src/handlers/connectAppRootHandler.ts b/sdnr/wt/odlux/apps/connectApp/src/handlers/connectAppRootHandler.ts
index 70b64c976..81ee97a0a 100644
--- a/sdnr/wt/odlux/apps/connectApp/src/handlers/connectAppRootHandler.ts
+++ b/sdnr/wt/odlux/apps/connectApp/src/handlers/connectAppRootHandler.ts
@@ -20,7 +20,7 @@ import { IActionHandler } from '../../../../framework/src/flux/action';
 import { combineActionHandler } from '../../../../framework/src/flux/middleware';
 import { INetworkElementsState, networkElementsActionHandler } from './networkElementsHandler';
 import { IConnectionStatusLogState, connectionStatusLogActionHandler } from './connectionStatusLogHandler';
-import { IInfoNetworkElementsState, infoNetworkElementsActionHandler } from './infoNetworkElementHandler';
+import { IInfoNetworkElementsState, infoNetworkElementsActionHandler, IInfoNetworkElementFeaturesState, infoNetworkElementFeaturesActionHandler } from './infoNetworkElementHandler';
 import { SetPanelAction, AddWebUriList, RemoveWebUri, SetWeburiSearchBusy } from '../actions/commonNetworkElementsActions';
 import { PanelId } from '../models/panelId';
 import { guiCutThrough } from '../models/guiCutTrough';
@@ -31,6 +31,7 @@ export interface IConnectAppStoreState {
   connectionStatusLog: IConnectionStatusLogState;
   currentOpenPanel: PanelId;
   elementInfo: IInfoNetworkElementsState;
+  elementFeatureInfo: IInfoNetworkElementFeaturesState;
   guiCutThrough: guiCutThroughState;
   connectionStatusCount: IConnectionStatusCount;
 }
@@ -48,7 +49,7 @@ interface guiCutThroughState {
   unsupportedElements: string[];
 }
 
-const guiCutThroughHandler: IActionHandler<guiCutThroughState> = (state = { searchedElements: [], notSearchedElements: [], unsupportedElements:[] }, action) => {
+const guiCutThroughHandler: IActionHandler<guiCutThroughState> = (state = { searchedElements: [], notSearchedElements: [], unsupportedElements: [] }, action) => {
   if (action instanceof AddWebUriList) {
     let notSearchedElements: string[];
     let searchedElements: guiCutThrough[];
@@ -73,7 +74,7 @@ const guiCutThroughHandler: IActionHandler<guiCutThroughState> = (state = { sear
     const webUris = state.searchedElements.filter(item => item.id !== nodeId);
     const knownElements = state.notSearchedElements.filter(item => item !== nodeId);
     const unsupportedElement = state.unsupportedElements.filter(item => item != nodeId);
-    state = { notSearchedElements: knownElements, searchedElements: webUris, unsupportedElements: unsupportedElement  };
+    state = { notSearchedElements: knownElements, searchedElements: webUris, unsupportedElements: unsupportedElement };
   }
   return state;
 }
@@ -89,6 +90,7 @@ const actionHandlers = {
   connectionStatusLog: connectionStatusLogActionHandler,
   currentOpenPanel: currentOpenPanelHandler,
   elementInfo: infoNetworkElementsActionHandler,
+  elementFeatureInfo: infoNetworkElementFeaturesActionHandler,
   guiCutThrough: guiCutThroughHandler,
   connectionStatusCount: connectionStatusCountHandler
 };
diff --git a/sdnr/wt/odlux/apps/connectApp/src/handlers/infoNetworkElementHandler.ts b/sdnr/wt/odlux/apps/connectApp/src/handlers/infoNetworkElementHandler.ts
index d67a81ec4..3e2d1cec1 100644
--- a/sdnr/wt/odlux/apps/connectApp/src/handlers/infoNetworkElementHandler.ts
+++ b/sdnr/wt/odlux/apps/connectApp/src/handlers/infoNetworkElementHandler.ts
@@ -15,46 +15,79 @@
  * the License.
  * ============LICENSE_END==========================================================================
  */
-import { IActionHandler } from '../../../../framework/src/flux/action';
+ import { IActionHandler } from '../../../../framework/src/flux/action';
 
-import { AllElementInfoLoadedAction, LoadAllElementInfoAction } from '../actions/infoNetworkElementActions';
-
-import { TopologyNode } from '../models/topologyNetconf';
-
-export interface IInfoNetworkElementsState {
-  elementInfo: TopologyNode;
-  busy: boolean;
-}
-
-const infoNetworkElementsStateInit: IInfoNetworkElementsState = {
-  elementInfo: {
-    "node-id": "",
-    "netconf-node-topology:available-capabilities": {
-      "available-capability": []
-    }
-  },
-  busy: false
-};
-
-export const infoNetworkElementsActionHandler: IActionHandler<IInfoNetworkElementsState> = (state = infoNetworkElementsStateInit, action) => {
-  if (action instanceof LoadAllElementInfoAction) {
-    state = {
-      ...state,
-      busy: true
-    };
-  } else if (action instanceof AllElementInfoLoadedAction) {
-    if (!action.error && action.elementInfo) {
-      state = {
-        ...state,
-        elementInfo: action.elementInfo,
-        busy: false
-      };
-    } else {
-      state = {
-        ...state,
-        busy: false
-      };
-    }
-  }
-  return state;
-};
\ No newline at end of file
+ import { AllElementInfoLoadedAction, AllElementInfoFeatureLoadedAction, LoadAllElementInfoAction } from '../actions/infoNetworkElementActions';
+ 
+ import { Module, TopologyNode } from '../models/topologyNetconf';
+ 
+ export interface IInfoNetworkElementsState {
+   elementInfo: TopologyNode;
+   busy: boolean;
+ }
+ 
+ export interface IInfoNetworkElementFeaturesState {
+   elementFeatureInfo: Module[];
+   busy: boolean;
+ }
+ 
+ const infoNetworkElementsStateInit: IInfoNetworkElementsState = {
+   elementInfo: {
+     "node-id": "",
+     "netconf-node-topology:available-capabilities": {
+       "available-capability": []
+     }
+   },
+   busy: false
+ };
+ 
+ const infoNetworkElementFeaturesStateInit: IInfoNetworkElementFeaturesState = {
+   elementFeatureInfo: [],
+   busy: false
+ };
+ 
+ export const infoNetworkElementsActionHandler: IActionHandler<IInfoNetworkElementsState> = (state = infoNetworkElementsStateInit, action) => {
+   if (action instanceof LoadAllElementInfoAction) {
+     state = {
+       ...state,
+       busy: true
+     };
+   } else if (action instanceof AllElementInfoLoadedAction) {
+     if (!action.error && action.elementInfo) {
+       state = {
+         ...state,
+         elementInfo: action.elementInfo,
+         busy: false
+       };
+     } else {
+       state = {
+         ...state,
+         busy: false
+       };
+     }
+   }
+   return state;
+ };
+ 
+ export const infoNetworkElementFeaturesActionHandler: IActionHandler<IInfoNetworkElementFeaturesState> = (state = infoNetworkElementFeaturesStateInit, action) => {
+   if (action instanceof LoadAllElementInfoAction) {
+     state = {
+       ...state,
+       busy: true
+     };
+   } else if (action instanceof AllElementInfoFeatureLoadedAction) {
+     if (!action.error && action.elementFeatureInfo) {
+       state = {
+         ...state,
+         elementFeatureInfo: action.elementFeatureInfo,
+         busy: false
+       };
+     } else {
+       state = {
+         ...state,
+         busy: false
+       };
+     }
+   }
+   return state;
+ };
\ No newline at end of file