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
  29
  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       var renderComponent = (props) => {
  98         let viewParams = {};
  99         if(props.match.params.extensibleViewParams !== undefined) {
 100           viewParams = decryptParamsForView(props.match.params.extensibleViewParams);
 101         }
 102
 103         if (Extensibility.default.hasOwnProperty(view.componentName)) {
 104           let Component = Extensibility.default[view.componentName];
 105           return (
 106             <Component
 107               {...props}
 108               networkingCallback={(apiUrl, body, paramName, curViewData) => {
 109                 onExtensibleViewNetworkCallback(apiUrl, body, paramName, curViewData);
 110               }}
 111               overlayCallback={(apiUrl, body, paramName, curOverlayData,responseEventKey) => {
 112                 onOverlayNetworkCallback(apiUrl, body, paramName, curOverlayData, responseEventKey);
 113               }}
 114               messagingCallback ={(message, messageSeverity) => {
 115                 onExtensibleViewMessageCallback(message, messageSeverity);
 116               }}
 117               changeRouteCallback = {(routeParam, historyObj) => {
 118                 changeUrlAddress(routeParam, historyObj);
 119               }}
 120               viewName={view.displayName}
 121               viewData={extensibleViewNetworkCallbackData}
 122               viewParams={viewParams}/>
 123           );
 124         }
 125       };
 126
 127       customViewList.push(
 128           <Route key={extensibleViews[key]['viewName'] + 'Route'} path={'/' + extensibleViews[key]['viewName'] + '/:extensibleViewParams?' }
 129              render={renderComponent}/>
 130       );
 131     });
 132
 133     return (
 134       <Router>
 135         <div className='main-app-container'>
 136           <Switch>
 137             <Redirect from='/' exact to='/schema'/>
 138           </Switch>
 139           <Route key='MainScreenHeaderRoute' path='/:externalUrl?' component={MainScreenHeader}/>
 140           <Route key='TierSupportRoue' path='/schema/:viParam?' component={TierSupport}/>
 141           <Route key='VnfSearchRoute' path='/vnfSearch/:filters?' component={VnfSearch}/>
 142           {customViewList}
 143         </div>
 144       </Router>
 145     );
 146   }
 147 }
 148
 149 export default connect(mapStateToProps, mapActionsToProps)(MainScreenWrapper);