<commit_before>define(['react', 'underscore', 'components/page_header',
'components/intro', 'collections/projects'], function(React, _,
PageHeader, Intro, ProjectCollection) {

    var ProjectItems = React.createClass({
        render: function() {
            var project = this.props.project;
            var items = [];
            items = items.concat(project.get('instances').map(function(instance) {
                return React.DOM.li({}, instance.id);
            }));

            return React.DOM.ul({className: 'project-items'}, items);
        }
    });

    var Project = React.createClass({<commit_msg>Project view uses fluid responsive grid<commit_after>define(['react', 'underscore', 'components/page_header',
'components/intro', 'collections/projects'], function(React, _,
PageHeader, Intro, ProjectCollection) {

    var ProjectItemMixin = {
        render: function() {
            return React.DOM.li({className: 'project-item row ' + this.getClassName()},
                React.DOM.div({className: 'project-item-name col-md-8'}, this.renderName()),
                React.DOM.div({className: 'project-item-details col-md-4'}, this.renderDetails()));
        }
    };

    var InstanceProjectItem = React.createClass({
        mixins: [ProjectItemMixin],
        getClassName: function() {
            return 'instance';
        },
        renderName: function() {
            return React.DOM.a({}, this.props.model.get('name_or_id'));
        },
        renderDetails: function() {
            return React.DOM.span({}, this.props.model.get('status'));
        }
    });

    var ProjectItems = React.createClass({
        render: function() {
            var project = this.props.project;
            var items = [];
            items = items.concat(project.get('instances').map(function(instance) {
                return InstanceProjectItem({model: instance});
            }));

            return React.DOM.ul({className: 'project-items container-fluid'}, items);
        }
    });

    var Project = React.createClass({
{'fraction_non_alphanumeric': 0.1491442542787286, 'fraction_numerical': 0.0009779951100244498, 'mean_word_length': 2.4855195911413968, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '2484719', 'n_tokens_mistral': 551, 'n_tokens_neox': 540, 'n_words': 103}