Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-14 00:19:16 +01:00
Code Issues Projects Releases Wiki Activity

Refactoring log view

Browse Source
This commit is contained in:
Gard Rimestad 2014-11-14 07:29:55 +01:00
parent f9477e2e35
commit ca4d34736f
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/js/app.jsx
View File

@ -1,7 +1,7 @@
var React = require('react'); var React = require('react');
var TabView = require('./components/TabView'); var TabView = require('./components/TabView');
var Menu = require('./components/Menu'); 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 FeatureTogglesComponent = React.createFactory(require('./components/feature/FeatureTogglesComponent'));
var StrategiesComponent = React.createFactory(require('./components/strategy/StrategiesComponent')); var StrategiesComponent = React.createFactory(require('./components/strategy/StrategiesComponent'));
@ -17,7 +17,7 @@ var tabPanes = [
}, },
{ {
name: "Log", name: "Log",
content: new EventsComponent({}) content: new LogEntriesComponent({})
} }
]; ];

8
public/js/components/event/EventsComponent.jsx → public/js/components/log/LogEntriesComponent.jsx
View File

@ -1,9 +1,9 @@
var React = require('react'), var React = require('react'),
EventList = require('./EventList'), LogEntryList = require('./LogEntryList'),
eventStore = require('../../stores/EventStore'), eventStore = require('../../stores/EventStore'),
ErrorMessages = require('../ErrorMessages'); ErrorMessages = require('../ErrorMessages');
var EventsComponent = React.createClass({ var LogEntriesComponent = React.createClass({
getInitialState: function() { getInitialState: function() {
return { return {
createView: false, createView: false,
@ -38,10 +38,10 @@ var EventsComponent = React.createClass({
<hr /> <hr />
<EventList events={this.state.events} /> <LogEntryList events={this.state.events} />
</div> </div>
); );
}, },
}); });
module.exports = EventsComponent; module.exports = LogEntriesComponent;

4
public/js/components/event/Event.jsx → public/js/components/log/LogEntry.jsx
View File

@ -1,6 +1,6 @@
var React = require('react'); var React = require('react');
var Event = React.createClass({ var LogEntry = React.createClass({
propTypes: { propTypes: {
event: React.PropTypes.object.isRequired event: React.PropTypes.object.isRequired
}, },
@ -16,4 +16,4 @@ var Event = React.createClass({
} }
}); });
module.exports = Event; module.exports = LogEntry;

12
public/js/components/event/EventList.jsx → public/js/components/log/LogEntryList.jsx
View File

@ -1,14 +1,14 @@
var React = require('react'), var React = require('react'),
Event = require('./Event'); LogEntry = require('./LogEntry');
var EventList = React.createClass({ var LogEntryList = React.createClass({
propTypes: { propTypes: {
events: React.PropTypes.array.isRequired events: React.PropTypes.array.isRequired
}, },
render: function() { render: function() {
var eventNodes = this.props.events.map(function(event) { var logEntryNodes = this.props.events.map(function(event) {
return <Event event={event} key={event.name} />; return <LogEntry event={event} key={event.name} />;
}); });
return ( return (
<div className='r-margin'> <div className='r-margin'>
@ -21,7 +21,7 @@ var EventList = React.createClass({
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{eventNodes} {logEntryNodes}
</tbody> </tbody>
</table> </table>
</div> </div>
@ -29,4 +29,4 @@ var EventList = React.createClass({
} }
}); });
module.exports = EventList; module.exports = LogEntryList;