Create the sub components for new Clamp UI
[clamp.git] / ui-react / src / ClosedLoopLogs.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 './css/index.css';
26
27 class ClosedLoopViewLogs extends React.Component {
28   render() {
29     return (
30       <div className="log_div">
31         <div className="log_table">
32           <label className="table_header">Loop Logs</label>
33           <Table striped hover id="loop-log-div">
34             <thead>
35                                                         <tr>
36                                                                 <th><span align="left" className="text">Date</span></th>
37                                                                 <th><span align="left" className="text">Type</span></th>
38                                                                 <th><span align="left" className="text">Component</span></th>
39                                                                 <th><span align="right" className="text">Log</span></th>
40                                                         </tr>
41                                                 </thead>
42                                                 <tbody>
43                                                         <tr>
44                                                                 <td className="row_10_per">test</td>
45                                                                 <td className="row_10_per">test</td>
46                                                                 <td className="row_10_per">test</td>
47                                                                 <td className="row_70_per">test</td>
48                                                         </tr>
49                                                 </tbody>
50             </Table>
51           </div>
52         </div>
53     );
54   }
55 }
56
57 export default ClosedLoopViewLogs;