Add member list (that doesn't really update much yet)

src/views/molecules/MemberTile.js

@@ -0,0 +1,15 @@
+var React = require('react');
+
+var MemberTileController = require("../../controllers/molecules/MemberTile");
+
+module.exports = React.createClass({
+    displayName: 'MemberTile',
+    mixins: [MemberTileController],
+    render: function() {
+        return (
+            <div className="mx_MemberTile">
+                <div className="mx_MemberTile_name">{this.props.member.name}</div>
+            </div>
+        );
+    }
+});

src/views/organisms/MemberList.js

@@ -0,0 +1,39 @@
+var React = require('react');
+
+var MemberListController = require("../../controllers/organisms/MemberList");
+
+var ComponentBroker = require('../../ComponentBroker');
+
+var MemberTile = ComponentBroker.get("molecules/MemberTile");
+
+
+module.exports = React.createClass({
+    displayName: 'MemberList',
+    mixins: [MemberListController],
+
+    makeMemberTiles: function() {
+        var that = this;
+        return Object.keys(that.state.memberDict).map(function(userId) {
+            var m = that.state.memberDict[userId];
+            return (
+                <li>
+                <MemberTile
+                    member={m}
+                    key={userId}
+                />
+                </li>
+            );
+        });
+    },
+
+    render: function() {
+        return (
+            <div className="mx_MemberList">
+                <ul>
+                    {this.makeMemberTiles()}
+                </ul>
+            </div>
+        );
+    }
+});
+

src/views/organisms/RoomView.js

@@ -4,6 +4,7 @@ var ComponentBroker = require('../../ComponentBroker');
 
 var MessageTile = ComponentBroker.get('molecules/MessageTile');
 var RoomHeader = ComponentBroker.get('molecules/RoomHeader');
+var MemberList = ComponentBroker.get('organisms/MemberList');
 var MessageComposer = ComponentBroker.get('molecules/MessageComposer');
 
 var RoomViewController = require("../../controllers/organisms/RoomView");
@@ -25,9 +26,12 @@ module.exports = React.createClass({
         return (
             <div className="mx_RoomView">
                 <RoomHeader room={this.state.room} />
-                <ul ref="messageList">
-                    {this.getMessageTiles()}
-                </ul>
+                <div className="mx_RoomView_HSplit">
+                    <ul className="mx_RoomView_MessageList" ref="messageList">
+                        {this.getMessageTiles()}
+                    </ul>
+                    <MemberList roomId={this.props.roomId} key={this.props.roomId} />
+                </div>
                 <MessageComposer roomId={this.props.roomId} />
             </div>
         );