src/app/MainScreenWrapper.jsx

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  */
  21 import React, {Component} from 'react';
  22 import {connect} from 'react-redux';
  23 import * as Extensibility from './extensibility/index.js';
  24 import TierSupport from './tierSupport/TierSupport.jsx';
  25 import VnfSearch from './vnfSearch/VnfSearch.jsx';
  26 import MainScreenHeader from './MainScreenHeader.jsx';
  27 import {decryptParamsForView, changeUrlAddress} from 'utils/Routes.js';
  28 import {isEmpty} from 'lodash';
  29 import {genericRequest} from 'app/networking/NetworkCalls.js';
  30 import {
  31   Route,
  32   HashRouter as Router,
  33   Switch,
  34   Redirect
  35 } from 'react-router-dom';
  36
  37 import {
  38   windowResize,
  39   extensibleViewNetworkCallback,
  40   overlayNetworkCallback,
  41   extensibleViewMessageCallback
  42 } from './MainScreenWrapperActionHelper.js';
  43
  44 import extensibleViews from 'resources/views/extensibleViews.json';
  45
  46 const mapStateToProps = ({mainWrapper}) => {
  47   let {
  48     showMenu = false,
  49     toggleButtonActive = false,
  50     extensibleViewNetworkCallbackData = {}
  51   } = mainWrapper;
  52
  53   return {
  54     showMenu,
  55     toggleButtonActive,
  56     extensibleViewNetworkCallbackData
  57   };
  58 };
  59
  60 const mapActionsToProps = (dispatch) => {
  61   return {
  62     onWindowSizeChange: () => dispatch(windowResize()),
  63     onExtensibleViewNetworkCallback: (apiUrl,body,viewName,curViewData) =>  {
  64       dispatch(extensibleViewNetworkCallback(apiUrl,body,viewName,curViewData));
  65     },
  66     onExtensibleViewMessageCallback: (message, messageSevirity) => {
  67       dispatch(extensibleViewMessageCallback(message, messageSevirity));
  68     },
  69     onOverlayNetworkCallback: (apiUrl, body, viewName, curViewData, responseEventKey) =>  {
  70       dispatch(overlayNetworkCallback(apiUrl, body, viewName, curViewData, responseEventKey));
  71     }
  72   };
  73 };
  74
  75 class MainScreenWrapper extends Component {
  76
  77   constructor() {
  78     super();
  79     window.addEventListener('resize', () => {
  80       this.props.onWindowSizeChange();
  81     });
  82
  83   }
  84
  85
  86   render() {
  87
  88     const {
  89       onExtensibleViewNetworkCallback,
  90       extensibleViewNetworkCallbackData,
  91       onExtensibleViewMessageCallback,
  92       onOverlayNetworkCallback
  93     } = this.props;
  94
  95     let customViewList = [];
  96     extensibleViews.forEach(function(view,key) {
  97
  98       let path = '',
  99         extKey = '';
 100       if(isEmpty(extensibleViews[key]['viewParams'])){
 101         path = '/' + view.viewName + '/:extensibleViewParams?';
 102         extKey = view.viewName + 'Route';
 103       } else {
 104         path = '/' + view.viewName  + view.viewParams;
 105         extKey = view.viewName + view.viewParams + 'Route';
 106       }
 107
 108       var renderComponent = (props) => {
 109         let viewParams = {};
 110         if(isEmpty(extensibleViews[key]['viewParams']) && props.match.params.extensibleViewParams !== undefined) {
 111           viewParams = decryptParamsForView(props.match.params.extensibleViewParams);
 112         }
 113
 114         if (Extensibility.default.hasOwnProperty(view.componentName)) {
 115           let Component = Extensibility.default[view.componentName];
 116           return (
 117             <Component
 118               {...props}
 119               networkingCallback={(apiUrl, body, paramName, curViewData) => {
 120                 onExtensibleViewNetworkCallback(apiUrl, body, paramName, curViewData);
 121               }}
 122               overlayCallback={(apiUrl, body, paramName, curOverlayData,responseEventKey) => {
 123                 onOverlayNetworkCallback(apiUrl, body, paramName, curOverlayData, responseEventKey);
 124               }}
 125               messagingCallback ={(message, messageSeverity) => {
 126                 onExtensibleViewMessageCallback(message, messageSeverity);
 127               }}
 128               changeRouteCallback = {(routeParam, historyObj) => {
 129                 changeUrlAddress(routeParam, historyObj);
 130               }}
 131               networkingCallbackPromise = {(url, relativeURL, httpMethodType) => {
 132                 return genericRequest(url, relativeURL, httpMethodType);
 133               }}
 134               viewName={view.displayName}
 135               viewData={extensibleViewNetworkCallbackData}
 136               viewParams={viewParams}/>
 137           );
 138         }
 139       };
 140       if(isEmpty(extensibleViews[key]['isExact']) && !extensibleViews[key]['isExact']){
 141         customViewList.push(
 142           <Route key={extKey} path={path} render={renderComponent}/>
 143       );
 144       } else {
 145         customViewList.push(
 146           <Route key={extKey} exact path={path} render={renderComponent}/>
 147       );
 148       }
 149
 150     });
 151
 152     return (
 153       <Router>
 154         <div className='main-app-container'>
 155           <Switch>
 156             <Redirect from='/' exact to='/schema'/>
 157           </Switch>
 158           <Route key='MainScreenHeaderRoute' path='/:externalUrl?' component={MainScreenHeader}/>
 159           <Route key='TierSupportRoue' path='/schema/:viParam?' component={TierSupport}/>
 160           <Route key='VnfSearchRoute' path='/vnfSearch/:filters?' component={VnfSearch}/>
 161           {customViewList}
 162         </div>
 163       </Router>
 164     );
 165   }
 166 }
 167
 168 export default connect(mapStateToProps, mapActionsToProps)(MainScreenWrapper);