mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02: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