ui-react/src/ClosedLoopViewBody.js

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights
   6  *                             reserved.
   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  *
  22  */
  23 import React from 'react';
  24 import ClosedLoopSVG from './ClosedLoopSVG';
  25 import ClosedLoopLogs from './ClosedLoopLogs';
  26 import ClosedLoopStatus from './ClosedLoopStatus';
  27 import './css/index.css';
  28
  29  class ClosedLoopViewBody extends React.Component {
  30
  31    constructor(props) {
  32       super(props);
  33       this.state = {
  34          disableDiv: false
  35       };
  36       this.disableDiv = this.disableDiv.bind(this);
  37       this.enableDiv = this.enableDiv.bind(this);
  38     }
  39
  40     disableDiv() {
  41       this.setState({
  42          disableDiv:true
  43       });
  44     }
  45
  46     enableDiv() {
  47       this.setState({
  48          disableDiv:false
  49       });
  50     }
  51
  52
  53    render() {
  54      var divStyle = {
  55       display:this.state.disableDiv?'block':'none'
  56     };
  57         return (
  58         <div id="paletteDiv" className="cl_view_body" style={divStyle}>
  59           <div id="js-canvas" className="js_canvas">
  60             <ClosedLoopSVG />
  61             <ClosedLoopLogs />
  62           </div>
  63           <ClosedLoopStatus />
  64         </div>
  65         );
  66    }
  67  }
  68
  69
  70  export default ClosedLoopViewBody;