Techognito/starter-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make Logs component a child of Recording component

Browse source
This commit is contained in:
Justin Stephenson 2019-09-06 10:27:32 -04:00
parent 5348d111c4
commit 811b80fa27
1 changed files with 36 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/recordings.jsx
View file

@ -400,6 +400,20 @@ class Recording extends React.Component {
constructor(props) {
super(props);
this.goBackToList = this.goBackToList.bind(this);
this.handleTsChange = this.handleTsChange.bind(this);
this.handleLogTsChange = this.handleLogTsChange.bind(this);
this.state = {
curTs: null,
logsTs: null,
};
}
handleTsChange(ts) {
this.setState({curTs: ts});
}
handleLogTsChange(ts) {
this.setState({logsTs: ts});
}
goBackToList() {
@ -422,12 +436,13 @@ class Recording extends React.Component {
(<Player.Player
ref="player"
matchList={this.props.recording.matchList}
logsTs={this.props.logsTs}
logsTs={this.logsTs}
search={this.props.search}
onTsChange={this.props.onTsChange}
onTsChange={this.handleTsChange}
recording={r} />);
return (
<React.Fragment>
<div className="container-fluid">
<div className="row">
<div className="col-md-12">
@ -439,6 +454,15 @@ class Recording extends React.Component {
</div>
{player}
</div>
<div className="container-fluid">
<div className="row">
<div className="col-md-12">
<Logs recording={this.props.recording} curTs={this.state.curTs}
jumpToTs={this.handleLogTsChange} />
</div>
</div>
</div>
</React.Fragment>
);
}
}
@ -580,8 +604,6 @@ class View extends React.Component {
this.onLocationChanged = this.onLocationChanged.bind(this);
this.journalctlIngest = this.journalctlIngest.bind(this);
this.handleInputChange = this.handleInputChange.bind(this);
this.handleTsChange = this.handleTsChange.bind(this);
this.handleLogTsChange = this.handleLogTsChange.bind(this);
this.handleDateSinceChange = this.handleDateSinceChange.bind(this);
this.openConfig = this.openConfig.bind(this);
/* Journalctl instance */
@ -606,8 +628,6 @@ class View extends React.Component {
/* filter values end */
error_tlog_uid: false,
diff_hosts: false,
curTs: null,
logsTs: null,
};
}
@ -812,14 +832,6 @@ class View extends React.Component {
cockpit.location.go([], $.extend(cockpit.location.options, {date_until: date}));
}
handleTsChange(ts) {
this.setState({curTs: ts});
}
handleLogTsChange(ts) {
this.setState({logsTs: ts});
}
openConfig() {
cockpit.jump(['session-recording/config']);
}
@ -952,15 +964,7 @@ class View extends React.Component {
} else {
return (
<React.Fragment>
<Recording recording={this.recordingMap[this.state.recordingID]} onTsChange={this.handleTsChange} logsTs={this.state.logsTs} search={this.state.search} />
<div className="container-fluid">
<div className="row">
<div className="col-md-12">
<Logs recording={this.recordingMap[this.state.recordingID]} curTs={this.state.curTs}
jumpToTs={this.handleLogTsChange} />
</div>
</div>
</div>
<Recording recording={this.recordingMap[this.state.recordingID]} search={this.state.search} />
</React.Fragment>
);
}