dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/overlay/Overlay.jsx

   1 /*!
   2  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16
  17 import React from 'react';
  18
  19 /**
  20  * Overlay view.
  21  */
  22 export default class Overlay extends React.Component {
  23
  24   /**
  25    * Construct view.
  26    * @param props element properties.
  27    * @param context react context.
  28    */
  29   constructor(props, context) {
  30     super(props, context);
  31     this.state = {
  32       visible: false,
  33     };
  34     this.setVisible = this.setVisible.bind(this);
  35   }
  36
  37   /**
  38    * Set visibility.
  39    * @param visible true if visible.
  40    */
  41   setVisible(visible) {
  42     this.setState({
  43       visible,
  44     });
  45   }
  46
  47   /**
  48    * Render view.
  49    * @returns {XML}
  50    */
  51   render() {
  52     const display = this.state.visible ? 'block' : 'none';
  53     return (
  54       <div
  55         className="asdcs-overlay"
  56         style={{ display }}
  57       >
  58       </div>
  59     );
  60   }
  61 }