ensl/ensl_gathers
0
0
Fork 0
mirror of https://github.com/ENSL/ensl_gathers.git synced 2024-11-22 12:41:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added gather skeleton

Browse source
This commit is contained in:
Chris Blanchard 2015-07-22 23:34:57 +01:00
parent 2087638588
commit 425ce23ce7
4 changed files with 57 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
lib/react/app.jsx
View file

@ -237,6 +237,30 @@ var MessageBar = React.createClass({
}
});
var Gather = React.createClass({
joinGather: function (e) {
e.preventDefault();
alert("Joined gather!");
},
render: function () {
return (
<div className="panel panel-default">
<div className="panel-heading">
Current Gather
</div>
<div className="panel-body">
</div>
<div className="panel-footer">
<button
onClick={this.joinGather}
className="btn btn-primary"
ref="joinbutton">Join Gather</button>
</div>
</div>
);
}
});
var socket;
function initialiseComponents () {
@ -254,6 +278,7 @@ function initialiseComponents () {
React.render(<UserMenu count={0} users={[]} />, document.getElementById('side-menu'));
React.render(<Chatroom history={[]}/>, document.getElementById('chatroom'));
React.render(<Gather history={[]}/>, document.getElementById('gathers'));
};
initialiseComponents();

4
public/css/app.css
View file

@ -1,4 +1,8 @@
#gathers {
margin-top: 20px;
}
#chatroom {
margin-top: 20px;
}

27
public/js/app.js
View file

File diff suppressed because one or more lines are too long

7
views/index.hbs
View file

@ -5,11 +5,8 @@
</div>
</div>
<div class="row">
<div class="col-lg-6">
<h3 class="page-header">Current Gather</h3>
</div>
<div class="col-lg-6" id="chatroom">
</div>
<div class="col-lg-6" id="gathers"></div>
<div class="col-lg-6" id="chatroom"></div>
</div>
</div>
</div>