From c1ccc5428cdb26b47dc6f6f5f8222808c3db3075 Mon Sep 17 00:00:00 2001 From: sebdet Date: Fri, 19 Jul 2019 09:50:33 +0200 Subject: Rework the logs Provide data to logs viewer and rework the look and feel Issue-ID: CLAMP-428 Change-Id: I7445c491faa7a061da4a959b4ca7646c7c14a88d Signed-off-by: sebdet --- .../src/components/loop_viewer/logs/LoopLogs.js | 95 ++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 ui-react/src/components/loop_viewer/logs/LoopLogs.js (limited to 'ui-react/src/components') diff --git a/ui-react/src/components/loop_viewer/logs/LoopLogs.js b/ui-react/src/components/loop_viewer/logs/LoopLogs.js new file mode 100644 index 000000000..d7d983d6f --- /dev/null +++ b/ui-react/src/components/loop_viewer/logs/LoopLogs.js @@ -0,0 +1,95 @@ +/*- + * ============LICENSE_START======================================================= + * ONAP CLAMP + * ================================================================================ + * Copyright (C) 2019 AT&T Intellectual Property. All rights + * reserved. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============LICENSE_END============================================ + * =================================================================== + * + */ +import React from 'react'; +import Table from 'react-bootstrap/Table'; +import LoopCache from '../../../api/LoopCache'; +import styled from 'styled-components'; + +const TableRow = ({ logRow }) => ( + + {logRow.logInstant} + {logRow.logType} + {logRow.logComponent} + {logRow.message} + + +) + +const LoopLogsHeaderDivStyled = styled.div` + background-color: ${props => props.theme.loopViewerHeaderBackgroundColor}; + padding: 10px 10px; + color: ${props => props.theme.loopViewerHeaderFontColor}; + overflow: auto; +` + +export default class LoopLogs extends React.Component { + + state = { + loopCache: new LoopCache({}), + } + constructor(props) { + super(props); + this.renderLogs = this.renderLogs.bind(this); + this.state.loopCache=props.loopCache; + } + + shouldComponentUpdate(nextProps, nextState) { + return this.state.loopCache !== nextState.loopCache; + } + + componentWillReceiveProps(newProps) { + this.setState({ + loopCache: newProps.loopCache, + }); + } + + renderLogs() { + if (this.state.loopCache.getLoopLogsArray() != null) { + return ( + this.state.loopCache.getLoopLogsArray().map(row => ) + ) + } + } + + render() { + return ( + + + + + + + + + + + + + {this.renderLogs()} + +
DateTypeComponentLog
+
+ + ); + } +} -- cgit 1.2.3-korg