<commit_before>var React = require('react');

module.exports = React.createClass({
    render: function() {
        var entry = this.props.entry;
        return (
            <div className="request-entry-item-holder">
                <table className="table table-bordered">
                    <tr>
                        <td rowSpan="2">{entry.duration}ms</td>
                        <td colSpan="7">
                            {entry.uri} &nbsp; {entry.method} &nbsp; {entry.statusCode} ({entry.statusText}) - {entry.contentType}
                        </td>
                    </tr>
                    <tr>
                        <td>{entry.summary.networkTime}ms</td>
                        <td>{entry.summary.serverTime}ms</td>
                        <td>{entry.summary.clientTime}ms</td>
                        <td>{entry.summary.controller}.{entry.summary.action}(...)</td>
                        <td>{entry.summary.actionTime}ms</td>
                        <td>{entry.summary.viewTime}ms</td>
                        <td>{entry.summary.queryTime}ms / {entry.summary.queryCount}</td>
                    </tr>
                </table>
            </div>
        );
    }
});
<commit_msg>Add timeago component to the request list<commit_after>var React = require('react');
    Timeago = require('../../lib/components/timeago.jsx');

module.exports = React.createClass({
    render: function() {
        var entry = this.props.entry;
        return (
            <div className="request-entry-item-holder">
                <table className="table table-bordered">
                    <tr>
                        <td rowSpan="2">{entry.duration}ms</td>
                        <td colSpan="6">
                            {entry.uri} &nbsp; {entry.method} &nbsp; {entry.statusCode} ({entry.statusText}) - {entry.contentType}
                        </td>
                        <td><Timeago time={entry.dateTime} /></td>
                    </tr>
                    <tr>
                        <td>{entry.summary.networkTime}ms</td>
                        <td>{entry.summary.serverTime}ms</td>
                        <td>{entry.summary.clientTime}ms</td>
                        <td>{entry.summary.controller}.{entry.summary.action}(...)</td>
                        <td>{entry.summary.actionTime}ms</td>
                        <td>{entry.summary.viewTime}ms</td>
                        <td>{entry.summary.queryTime}ms / {entry.summary.queryCount}</td>
                    </tr>
                </table>
            </div>
        );
    }
});

{'fraction_non_alphanumeric': 0.1490272373540856, 'fraction_numerical': 0.0015564202334630351, 'mean_word_length': 1.2691968225948809, 'pattern_counts': {'":': 0, '<': 58, '<?xml version=': 0, '>': 58, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6031837', 'n_tokens_mistral': 695, 'n_tokens_neox': 660, 'n_words': 95}