mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-14 00:19:16 +01:00
Refactoring log view
This commit is contained in:
parent
f9477e2e35
commit
ca4d34736f
@ -1,7 +1,7 @@
|
||||
var React = require('react');
|
||||
var TabView = require('./components/TabView');
|
||||
var Menu = require('./components/Menu');
|
||||
var EventsComponent = React.createFactory(require('./components/event/EventsComponent'));
|
||||
var LogEntriesComponent = React.createFactory(require('./components/log/LogEntriesComponent'));
|
||||
var FeatureTogglesComponent = React.createFactory(require('./components/feature/FeatureTogglesComponent'));
|
||||
var StrategiesComponent = React.createFactory(require('./components/strategy/StrategiesComponent'));
|
||||
|
||||
@ -17,7 +17,7 @@ var tabPanes = [
|
||||
},
|
||||
{
|
||||
name: "Log",
|
||||
content: new EventsComponent({})
|
||||
content: new LogEntriesComponent({})
|
||||
}
|
||||
];
|
||||
|
||||
|
@ -1,9 +1,9 @@
|
||||
var React = require('react'),
|
||||
EventList = require('./EventList'),
|
||||
LogEntryList = require('./LogEntryList'),
|
||||
eventStore = require('../../stores/EventStore'),
|
||||
ErrorMessages = require('../ErrorMessages');
|
||||
|
||||
var EventsComponent = React.createClass({
|
||||
var LogEntriesComponent = React.createClass({
|
||||
getInitialState: function() {
|
||||
return {
|
||||
createView: false,
|
||||
@ -38,10 +38,10 @@ var EventsComponent = React.createClass({
|
||||
|
||||
<hr />
|
||||
|
||||
<EventList events={this.state.events} />
|
||||
<LogEntryList events={this.state.events} />
|
||||
</div>
|
||||
);
|
||||
},
|
||||
});
|
||||
|
||||
module.exports = EventsComponent;
|
||||
module.exports = LogEntriesComponent;
|
@ -1,6 +1,6 @@
|
||||
var React = require('react');
|
||||
|
||||
var Event = React.createClass({
|
||||
var LogEntry = React.createClass({
|
||||
propTypes: {
|
||||
event: React.PropTypes.object.isRequired
|
||||
},
|
||||
@ -16,4 +16,4 @@ var Event = React.createClass({
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = Event;
|
||||
module.exports = LogEntry;
|
@ -1,14 +1,14 @@
|
||||
var React = require('react'),
|
||||
Event = require('./Event');
|
||||
LogEntry = require('./LogEntry');
|
||||
|
||||
var EventList = React.createClass({
|
||||
var LogEntryList = React.createClass({
|
||||
propTypes: {
|
||||
events: React.PropTypes.array.isRequired
|
||||
},
|
||||
|
||||
render: function() {
|
||||
var eventNodes = this.props.events.map(function(event) {
|
||||
return <Event event={event} key={event.name} />;
|
||||
var logEntryNodes = this.props.events.map(function(event) {
|
||||
return <LogEntry event={event} key={event.name} />;
|
||||
});
|
||||
return (
|
||||
<div className='r-margin'>
|
||||
@ -21,7 +21,7 @@ var EventList = React.createClass({
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{eventNodes}
|
||||
{logEntryNodes}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@ -29,4 +29,4 @@ var EventList = React.createClass({
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = EventList;
|
||||
module.exports = LogEntryList;
|
Loading…
Reference in New Issue
Block a user