<commit_before>var user = null, 
    room = 'root', 
    server_uri = 'http://' + document.domain + ':3000'; 
    socket = io(server_uri);

var Modal = ReactBootstrap.Modal;
var Input = ReactBootstrap.Input;
var Button = ReactBootstrap.Button;

var RoomsContainer = React.createClass({
    render: function() {
        return (
            <div>
            <nav className="navbar navbar-default navbar-fixed-top topnav" role="navigation">
                <div className="container topnav">
                    <div className="navbar-header">
                        <button type="button" className="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span className="sr-only">Toggle navigation</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>
                        <a className="navbar-brand topnav" href="landingPage.html"><span className="j-color-black">pi</span><span className="j-color-blue">Tunes</span></a>
                    </div>
                    <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul className="nav navbar-nav navbar-right">
                            <li>
                                <a href="landingPage.html">Home</a>
                            </li>
                            <li>
                                <a href="#rooms">Rooms</a>
                            </li>
                            <li>
                                <a className="j-pointer" onClick={this.loginClick}>Sign In</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <a name="rooms"></a>
            <div className="content-section-a">
                <div className="container">
                    <div className="row">
                        { <Rooms /> }
                    </div>
                </div>
            </div>

            <footer>
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12 j-center-text">
                            <ul className="list-inline">
                                <li>
                                    <a href="landingPage.html">Home</a>
                                </li>
                                <li className="footer-menu-divider">&sdot;</li>
                                <li>
                                    <a href="#about">About</a>
                                </li>
                            </ul>
                            <p className="copyright text-muted small">Copyright &copy; 2015, <NAME>, All Rights Reserved</p>
                        </div>
                    </div>
                </div>
            </footer>

            </div>
        );
    }
});

var Rooms = React.createClass({
    render: function() {
        return (
            <div>
                {roomsCollection.map(function(room){
                    return (
                        <div>
                            <h3 className="j-center-text">{room.get('name')} <br />Current DJs: {room.get('usersCount')}</h3>
                            <hr />
                        </div>
                    )
                })}
            </div>
        );
    }
});

React.render(
    <div>
        <RoomsContainer source={server_uri + '/api/rooms'} />
    </div>,
    document.getElementsByClassName('roomsContainer')[0]
);<commit_msg>(client) Rooms.html styling refactor<commit_after>var user = null, 
    room = 'root', 
    server_uri = 'http://' + document.domain + ':3000'; 
    socket = io(server_uri);

var Modal = ReactBootstrap.Modal;
var Input = ReactBootstrap.Input;
var Button = ReactBootstrap.Button;

var RoomsContainer = React.createClass({
    render: function() {
        return (
            <div>
            <nav className="navbar navbar-default navbar-fixed-top topnav" role="navigation">
                <div className="container topnav">
                    <div className="navbar-header">
                        <button type="button" className="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span className="sr-only">Toggle navigation</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>
                        <a className="navbar-brand topnav" href="landingPage.html"><span className="j-color-black">pi</span><span className="j-color-blue">Tunes</span></a>
                    </div>
                    <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul className="nav navbar-nav navbar-right">
                            <li>
                                <a href="landingPage.html">Home</a>
                            </li>
                            <li>
                                <a href="#rooms">Rooms</a>
                            </li>
                            <li>
                                <a className="j-pointer" onClick={this.loginClick}>Sign In</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <a name="rooms"></a>
            <div className="content-section-a">
                <div className="container">
                    <div className="row">
                        { <Rooms /> }
                    </div>
                </div>
            </div>

            <footer>
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12 j-center-text">
                            <ul className="list-inline">
                                <li>
                                    <a href="landingPage.html">Home</a>
                                </li>
                                <li className="footer-menu-divider">&sdot;</li>
                                <li>
                                    <a href="#about">About</a>
                                </li>
                            </ul>
                            <p className="copyright text-muted small">Copyright &copy; 2015, Scintillating Açaí, All Rights Reserved</p>
                        </div>
                    </div>
                </div>
            </footer>

            </div>
        );
    }
});

var Rooms = React.createClass({
    render: function() {
        return (
            <div className="container">
                <div className="row">
                    {roomsCollection.map(function(room){
                        return (
                            <div className="col-lg-4 col-sm-4">
                                <div className="clearfix"></div>
                                <h2 className="section-heading j-center-text">{room.get('name')} <br />Current DJs: {room.get('userCount')}</h2>
                                <div className="j-left-25">
                                    <img className="img-responsive" src="assets/img/headphones.jpg" alt="" />
                                </div>
                            </div>
                        )
                    })}
                </div>
            </div>
        );
    }
});

React.render(
    <div>
        <RoomsContainer source={server_uri + '/api/rooms'} />
    </div>,
    document.getElementsByClassName('roomsContainer')[0]
);
{'fraction_non_alphanumeric': 0.13005115089514066, 'fraction_numerical': 0.004347826086956522, 'mean_word_length': 1.0266908525524747, 'pattern_counts': {'":': 0, '<': 174, '<?xml version=': 0, '>': 174, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 15, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5305177', 'n_tokens_mistral': 1967, 'n_tokens_neox': 1842, 'n_words': 339}