ui-react/src/components/loop_viewer/status/LoopStatus.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 Table from 'react-bootstrap/Table';
  25 import './LoopStatus.css';
  26
  27 export default class LoopStatus extends React.Component {
  28   render() {
  29         return (
  30       <div>
  31         <span id="status_clds" className="status_title">Status:
  32           <span className="status">&nbsp;&nbsp;&nbsp;TestStatus&nbsp;&nbsp;&nbsp;</span>
  33         </span>
  34
  35         <div className="status_table">
  36           <Table striped hover>
  37             <thead>
  38                 <tr>
  39                   <th><span align="left" className="text">ComponentState</span></th>
  40                   <th><span align="left" className="text">Description</span></th>
  41                 </tr>
  42               </thead>
  43               <tbody>
  44                 <tr>
  45                   <td className="row_30_per">long test State</td>
  46                   <td className="row_70_per">test description very very very long description</td>
  47                 </tr>
  48               </tbody>
  49             </Table>
  50           </div>
  51       </div>
  52         );
  53   }
  54 }
  55