RIFT-15502: Create Virtual Link does not work after the first VL create
[osm/UI.git] / skyquake / plugins / launchpad / src / launchpad.jsx
1
2 /*
3  * 
4  *   Copyright 2016 RIFT.IO Inc
5  *
6  *   Licensed under the Apache License, Version 2.0 (the "License");
7  *   you may not use this file except in compliance with the License.
8  *   You may obtain a copy of the License at
9  *
10  *       http://www.apache.org/licenses/LICENSE-2.0
11  *
12  *   Unless required by applicable law or agreed to in writing, software
13  *   distributed under the License is distributed on an "AS IS" BASIS,
14  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15  *   See the License for the specific language governing permissions and
16  *   limitations under the License.
17  *
18  */
19 import React from 'react';
20 import LaunchpadCard from './launchpad_card/launchpadCard.jsx';
21 import Loader from 'widgets/loading-indicator/loadingIndicator.jsx';
22 import ScreenLoader from 'widgets/screen-loader/screenLoader.jsx';
23 import MPFilter from './monitoring-params-filter.jsx'
24 import NsCardPanel from './nsCardPanel/nsCardPanel.jsx';
25 import NsListPanel from './nsListPanel/nsListPanel.jsx';
26 import Crouton from 'react-crouton'
27 import AppHeader from 'widgets/header/header.jsx';
28 import Utils from 'utils/utils.js';
29 import './launchpad.scss';
30 let ReactCSSTransitionGroup = require('react-addons-css-transition-group');
31 var LaunchpadFleetActions = require('./launchpadFleetActions.js');
32 var LaunchpadFleetStore = require('./launchpadFleetStore.js');
33
34 export default class LaunchpadApp extends React.Component {
35   constructor(props) {
36     super(props);
37     var self = this;
38     this.state = LaunchpadFleetStore.getState();
39     this.state.slideno = 0;
40     this.handleUpdate = this.handleUpdate.bind(this);
41
42   }
43   componentDidMount() {
44     LaunchpadFleetStore.getCatalog();
45     LaunchpadFleetStore.listen(this.handleUpdate);
46
47     // Can not put a dispatch here it causes errors
48     // LaunchpadFleetActions.validateReset();
49     setTimeout(function() {
50       LaunchpadFleetStore.openNSRSocket();
51     },100);
52   /*
53   setTimeout(function() {
54     consoleo.log("launchpad.componentDidMount openNsrListSocket");
55     LaunchpadFleetStore.openNsrListSocket();
56   },100);
57     */
58
59   }
60   change(e) {
61
62   }
63   handleUpdate(data){
64     this.setState(data);
65   }
66   closeError() {
67     LaunchpadFleetActions.validateReset()
68   }
69   componentWillUnmount() {
70     LaunchpadFleetStore.closeSocket();
71     LaunchpadFleetStore.unlisten(this.handleUpdate);
72   }
73
74   handleOpenNsCard(nsr) {
75     LaunchpadFleetActions.openNSRCard(nsr);
76   }
77
78   handleCloseNsCard(id) {
79     LaunchpadFleetActions.closeNSRCard(id);
80   }
81
82   handleShowHideNsListPanelToggle() {
83     this.setState({
84       showNsListPanel: !this.state.showNsListPanel
85     })
86   }
87
88   openNsrs() {
89     return this.state.nsrs;
90   }
91
92   render () {
93     var self = this;
94     let mgmtDomainName = window.location.hash.split('/')[2];
95     let navItems = [];
96     if(!mgmtDomainName) {
97       mgmtDomainName = 'dashboard';
98     }
99     if(mgmtDomainName.toUpperCase() == 'DASHBOARD' || mgmtDomainName.toUpperCase() == 'UNDEFINED') {
100       mgmtDomainName = '';
101     } else {
102       mgmtDomainName = ' : ' + mgmtDomainName;
103     }
104     let nav = <AppHeader title={'LAUNCHPAD' + mgmtDomainName} nav={navItems} />
105
106     return (
107       <div className="app-body">
108         <div className="lp_dashboard">
109           <NsListPanel nsrs={self.state.nsrs}
110             openedNsrIDs={self.state.openedNsrIDs}
111             isVisible={self.state.isNsListPanelVisible}
112             />
113           <NsCardPanel nsrs={self.state.nsrs}
114             openedNsrIDs={self.state.openedNsrIDs} />
115         </div>
116       </div>
117     );
118     }
119 }
120 LaunchpadApp.contextTypes = {
121     router: React.PropTypes.object
122 };
123 LaunchpadApp.defaultProps = {
124   // name: 'Loading...',
125   // data: []
126   openedNsrIDs: []
127 };