├── Procfile
├── src
├── oauth.js
├── Attendees.js
├── PollPanel.js
├── DiscussionPanel.js
├── GroupHeader.js
├── EventPanel.js
├── utils.js
├── Event.js
├── Poll.js
├── Discussion.js
└── App.js
├── webpack.config.js
├── public
└── index.html
├── .gitignore
├── index.js
├── LICENSE
└── package.json
/Procfile:
--------------------------------------------------------------------------------
1 | web: node index.js
--------------------------------------------------------------------------------
/src/oauth.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | token: "11fa3038ab813c81f474e64f917872dc17dad7d7",
3 | auth: "oauth"
4 | };
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: "./src/App.js",
3 | output: {
4 | filename: "./public/app.js"
5 | },
6 | module: {
7 | loaders: [
8 | {test: /\.js$/, loader: 'jsx-loader'}
9 | ]
10 | }
11 | };
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Meetup
9 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 |
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 |
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 |
19 | # Compiled binary addons (http://nodejs.org/api/addons.html)
20 | build/Release
21 |
22 | # Dependency directory
23 | # Commenting this out is preferred by some people, see
24 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
25 | node_modules
26 |
27 | # Users Environment Variables
28 | .lock-wscript
29 |
30 |
31 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 |
3 | var app = express();
4 |
5 |
6 | app.use(express.static(__dirname + '/public'));
7 |
8 | app.use('/groups/:name', express.static(__dirname + '/public'));
9 | app.use('/groups/:name/events/:id', express.static(__dirname + '/public'));
10 | app.use('/groups/:name/discussions/:id', express.static(__dirname + '/public'));
11 | app.use('/groups/:name/polls/:id', express.static(__dirname + '/public'));
12 | app.use('/groups', express.static(__dirname + '/public'));
13 |
14 |
15 | var port = process.env.PORT || 3000;
16 | app.listen(port, function (err) {
17 | if (err) {
18 | console.error('failed to start the server');
19 | } else {
20 | console.error('server start on the port', port);
21 | }
22 |
23 | });
--------------------------------------------------------------------------------
/src/Attendees.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | var Attendees = React.createClass({
4 | render: function () {
5 | console.log('attendees', this.props.attendees);
6 | return (
7 |
8 | {
9 | this.props.attendees.map(function(attendee) {
10 | return (
11 |
12 |
14 | )
15 | })
16 | }
17 |
16 |
17 | {poll.title}
19 |
20 |
21 |
22 |
23 |
16 |
17 | {discussion.title}
19 |
20 |
21 |
22 |
23 |
11 |
Join
12 |
13 |
{this.props.group.description}
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | {ev.title}
23 |
24 |
25 |
28 |
29 |
30 |
31 |
71 |
72 |
75 |
76 |
77 |
78 |
85 | {content}
86 |
87 |
88 | )
89 | }
90 | });
91 |
92 |
93 | module.exports = Event;
94 |
--------------------------------------------------------------------------------
/src/Poll.js:
--------------------------------------------------------------------------------
1 | var async = require('async');
2 | var React = require('react');
3 | var Github = require('github-api');
4 | var ReactGridLayout = require('react-grid-layout');
5 | var StyleSheet = require('react-style')
6 | var Pie = require('react-pie');
7 | var ReactIntl = require('react-intl');
8 | var FormattedDate = ReactIntl.FormattedDate;
9 | var PieChart = require("react-chartjs").Pie;
10 | var Remarkable = require('remarkable');
11 | var md = new Remarkable();
12 |
13 | var Router = require('react-router');
14 | var Route = Router.Route;
15 | var DefaultRoute = Router.DefaultRoute;
16 | var Link = Router.Link;
17 | var RouteHandler = Router.RouteHandler;
18 |
19 | var PollPanel = require('./PollPanel');
20 | var DiscussionPanel = require('./DiscussionPanel');
21 | var Attendees = require('./Attendees');
22 | var GroupHeader = require('./GroupHeader');
23 | var oauth = require('./oauth');
24 |
25 | console.log('dasdasd', Pie);
26 | var utils = require('./utils');
27 |
28 |
29 | var Poll = React.createClass({
30 | mixins: [ Router.State ],
31 |
32 | getInitialState: function () {
33 | return {
34 | poll: {},
35 | group: {}
36 | }
37 | },
38 |
39 | componentWillMount: function () {
40 | this.github = new Github(oauth);
41 | this.githubUser = this.github.getUser();
42 | },
43 |
44 | componentDidMount: function () {
45 | console.log('xxxxx', this.getParams());
46 | utils.fetchEvent(this.getParams().groupName, this.getParams().pollId, function (err, poll) {
47 | console.log('fulll poll', err, poll);
48 | this.setState({poll: poll});
49 | }.bind(this));
50 | utils.fetchGroup(this.github, this.getParams().groupName, function (err, group) {
51 | console.log('done', err, group);
52 | this.setState({group: group});
53 | }.bind(this))
54 | },
55 |
56 | getData: function () {
57 | var comments = this.state.poll.comments || [];
58 | var votedYes = comments.filter(function (comment) {
59 | return comment.body.indexOf('+1') > -1;
60 | });
61 | var votedNo = comments.filter(function (comment) {
62 | return comment.body.indexOf('-1') > -1;
63 | });
64 | var data = [
65 | {
66 | label: 'Yes',
67 | color:"#F7464A",
68 | highlight: "#FF5A5E",
69 | value: (votedYes.length/comments.length)*100
70 | },
71 | {
72 | label: 'No',
73 | color:"#46BFBD",
74 | highlight: "#5AD3D1",
75 | value: (votedNo.length/comments.length)*100
76 | }
77 | ]
78 | return data;
79 | },
80 | getCommenters: function () {
81 | var comments = this.state.poll.comments || [];
82 | var attendees = comments.map(function (comment) {
83 | return comment.user;
84 | });
85 | return attendees;
86 | },
87 |
88 | render: function (){
89 | var content;
90 | var data = this.getData();
91 |
92 |
93 | var commenters = this.getCommenters();
94 | if (Object.keys(this.state.group).length > 0 && Object.keys(this.state.poll).length > 0) {
95 | content =
96 |
97 |
100 |
101 |
102 |
103 |
104 |
111 | {content}
112 |
113 |
114 | )
115 | }
116 | });
117 |
118 |
119 | module.exports = Poll;
120 |
--------------------------------------------------------------------------------
/src/Discussion.js:
--------------------------------------------------------------------------------
1 | var async = require('async');
2 | var React = require('react');
3 | var Github = require('github-api');
4 | var ReactGridLayout = require('react-grid-layout');
5 | var StyleSheet = require('react-style')
6 |
7 | var ReactIntl = require('react-intl');
8 | var FormattedDate = ReactIntl.FormattedDate;
9 |
10 | var Remarkable = require('remarkable');
11 | var md = new Remarkable();
12 |
13 | var Router = require('react-router');
14 | var Route = Router.Route;
15 | var DefaultRoute = Router.DefaultRoute;
16 | var Link = Router.Link;
17 | var RouteHandler = Router.RouteHandler;
18 |
19 | var EventPanel = require('./EventPanel');
20 | var DiscussionPanel = require('./DiscussionPanel');
21 | var Attendees = require('./Attendees');
22 | var GroupHeader = require('./GroupHeader');
23 | var oauth = require('./oauth');
24 |
25 |
26 | var utils = require('./utils');
27 |
28 | var Discussion = React.createClass({
29 | mixins: [ Router.State ],
30 |
31 | getInitialState: function () {
32 | return {
33 | discussion: {},
34 | group: {}
35 | }
36 | },
37 |
38 | componentWillMount: function () {
39 | this.github = new Github(oauth);
40 | this.githubUser = this.github.getUser();
41 | },
42 |
43 | componentDidMount: function () {
44 | utils.fetchEvent(this.getParams().groupName, this.getParams().discussionId, function (err, discussion) {
45 | console.log('fulll discussion', err, discussion);
46 | this.setState({discussion: discussion});
47 | }.bind(this));
48 | utils.fetchGroup(this.github, this.getParams().groupName, function (err, group) {
49 | console.log('done', err, group);
50 | this.setState({group: group});
51 | }.bind(this))
52 | },
53 |
54 | getCommenters: function () {
55 | var comments = this.state.discussion.comments || [];
56 | var attendees = comments.map(function (comment) {
57 | return comment.user;
58 | });
59 | return attendees;
60 | },
61 |
62 | render: function (){
63 | var content;
64 | var comments = this.state.discussion.comments || [];
65 | var attendees = this.getCommenters();
66 | if (Object.keys(this.state.group).length > 0 && Object.keys(this.state.discussion).length > 0) {
67 | content =
68 |
69 |
72 |
73 |
74 |
75 |
83 | {content}
84 |
85 |
86 | )
87 | }
88 | });
89 |
90 | var Comments = React.createClass({
91 |
92 | render: function () {
93 | var comments = this.props.comments;
94 | var content = comments.map(function(comment){
95 | var body = md.render(comment.body);
96 | return (
97 |
98 |
99 |
100 |
{comment.user.login}
101 |
102 |
105 |
106 |
107 |
108 |
{content}
112 | )
113 | }
114 |
115 | });
116 |
117 | module.exports = Discussion;
--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
1 | var async = require('async');
2 | var React = require('react');
3 | var Github = require('github-api');
4 | var ReactGridLayout = require('react-grid-layout');
5 | var StyleSheet = require('react-style')
6 |
7 | var ViewCount = require('react-count').ViewCount;
8 | var OnlineCount = require('react-count').OnlineCount;
9 |
10 | var Remarkable = require('remarkable');
11 | var md = new Remarkable();
12 |
13 | var Router = require('react-router');
14 | var Route = Router.Route;
15 | var DefaultRoute = Router.DefaultRoute;
16 | var Link = Router.Link;
17 | var RouteHandler = Router.RouteHandler;
18 |
19 | var EventPanel = require('./EventPanel');
20 | var DiscussionPanel = require('./DiscussionPanel');
21 | var PollPanel = require('./PollPanel');
22 | var Attendees = require('./Attendees');
23 | var Discussion = require('./Discussion');
24 | var Event = require('./Event');
25 | var Poll = require('./Poll');
26 | var GroupHeader = require('./GroupHeader');
27 | var oauth = require('./oauth');
28 |
29 |
30 |
31 | var utils = require('./utils');
32 |
33 | var App = React.createClass({
34 |
35 | render: function () {
36 |
37 | return (
38 |
39 |
41 | )
42 | }
43 |
44 | });
45 |
46 | var Index = React.createClass({
47 | getInitialState: function () {
48 | return {
49 | groups: []
50 | }
51 | },
52 |
53 | componentWillMount: function () {
54 | this.github = new Github(oauth);
55 | this.githubUser = this.github.getUser();
56 | },
57 |
58 | componentDidMount: function () {
59 | this.githubUser.orgRepos('meetups', function(err, groups) {
60 | this.setState({
61 | groups: groups
62 | });
63 | async.map(groups, utils.fetchMeta.bind(null, this.github), function (err, groups) {
64 | console.log('new groups', groups);
65 | this.setState({
66 | groups: groups
67 | });
68 | }.bind(this));
69 | }.bind(this));
70 | },
71 |
72 | render: function () {
73 | var groups = this.state.groups;
74 | var groupsList = groups.map(function (group) {
75 | console.log('all groups', group);
76 | return (
77 |
78 |
79 |
80 |
{group.name}
81 |
82 |
83 |
84 |
{group.description}
85 |
86 |
87 | 10 members
88 |
89 |
93 |
Groups
95 | {groupsList}
96 | )
153 | }.bind(this));
154 | var discussionsList = questions.map(function (question) {
155 | return ()
156 | }.bind(this));
157 | var pollsList = polls.map(function (poll) {
158 | return ()
159 | }.bind(this));
160 | var content;
161 | if (Object.keys(this.state.group).length > 0 ) {
162 | content =
163 |
164 |
167 |
168 |
169 |
174 |
175 |
176 | {eventsList}
177 |
178 |
179 | {discussionsList}
180 |
181 |
182 | {pollsList}
183 |
184 |
185 |
193 | {content}
194 |
195 |
196 | )
197 | }
198 | });
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 |
207 | var routes = (
208 |
209 |
210 |
216 | );
217 |
218 | Router.run(routes, Router.HistoryLocation, function (Handler) {
219 | console.log('run');
220 | React.render(