132 lines
4.4 KiB
JavaScript
132 lines
4.4 KiB
JavaScript
var Router = ReactRouter,
|
|
Route = Router.Route,
|
|
Link = Router.Link,
|
|
RouteHandler = Router.RouteHandler,
|
|
DefaultRoute = Router.DefaultRoute,
|
|
NotFoundRoute = Router.NotFoundRoute;
|
|
|
|
var App = React.createClass({displayName: "App",
|
|
mixins: [Router.Navigation],
|
|
render: function(){
|
|
return (
|
|
React.createElement("section", {className: "app"},
|
|
React.createElement(Menu, null),
|
|
React.createElement(RouteHandler, null)
|
|
)
|
|
);
|
|
}
|
|
});
|
|
|
|
var Menu = React.createClass({displayName: "Menu",
|
|
mixins: [Router.Navigation, Router.State],
|
|
api_url: "/api/teams?org=",
|
|
|
|
getInitialState: function() {
|
|
return {teams: []};
|
|
},
|
|
|
|
componentDidMount: function() {
|
|
this.loadTeams();
|
|
},
|
|
|
|
loadTeams: function() {
|
|
$.get(this.api_url + this.getParams().org, function(res){
|
|
this.setState({teams: res})
|
|
}.bind(this));
|
|
},
|
|
|
|
render: function() {
|
|
var renderTeam = function(team) {
|
|
return (
|
|
React.createElement("li", {key: team.slug, className: "nav team"},
|
|
React.createElement(Link, {to: "team", params: {org: team.owner, team: team.slug}}, team.name)
|
|
)
|
|
)
|
|
};
|
|
return (
|
|
React.createElement("section", {className: "menu"},
|
|
React.createElement("ul", null,
|
|
React.createElement("li", {key: "empact", className: "nav empact"},
|
|
React.createElement(Link, {to: "dashboard", params: {org: this.getParams().org}}, "Empact")
|
|
),
|
|
React.createElement("li", {key: "dash", className: "nav dash"},
|
|
React.createElement(Link, {to: "dashboard", params: {org: this.getParams().org}}, "Dashboard")
|
|
),
|
|
React.createElement("li", {key: "teams-header", className: "nav header"}, "Teams:"),
|
|
this.state.teams.map(renderTeam)
|
|
)
|
|
)
|
|
);
|
|
}
|
|
});
|
|
|
|
var Dashboard = React.createClass({displayName: "Dashboard",
|
|
render: function(){
|
|
return (
|
|
React.createElement(RouteHandler, null)
|
|
);
|
|
}
|
|
});
|
|
|
|
var OrgStats = React.createClass({displayName: "OrgStats",
|
|
mixins: [Router.Navigation, Router.State],
|
|
render: function(){
|
|
return (
|
|
React.createElement("section", {className: "content"}, "Org stats for ", this.getParams().org)
|
|
);
|
|
}
|
|
});
|
|
|
|
var TeamStats = React.createClass({displayName: "TeamStats",
|
|
mixins: [Router.Navigation, Router.State],
|
|
render: function(){
|
|
var url = "/api/stat/teams/top?org="+ this.getParams().org +"&from=1417878086&to=1425654067";
|
|
return (
|
|
React.createElement("section", {className: "content"},
|
|
React.createElement("div", {className: "left"},
|
|
React.createElement(BarChart, {url: url})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
});
|
|
|
|
var UserStats = React.createClass({displayName: "UserStats",
|
|
render: function(){
|
|
return (
|
|
React.createElement("section", {className: "content"}, "User stats!")
|
|
);
|
|
}
|
|
});
|
|
|
|
var RepoStats = React.createClass({displayName: "RepoStats",
|
|
render: function(){
|
|
return (
|
|
React.createElement("section", {className: "content"}, "Repo Stats!")
|
|
);
|
|
}
|
|
});
|
|
|
|
var NotFound = React.createClass({displayName: "NotFound",
|
|
render: function(){
|
|
return (
|
|
React.createElement("section", {className: "content"}, "NOT FOUND :(")
|
|
);
|
|
}
|
|
});
|
|
|
|
var routes = [
|
|
React.createElement(Route, {name: "root", path: "/app/", handler: App},
|
|
React.createElement(Route, {name: "dashboard", path: ":org", handler: Dashboard},
|
|
React.createElement(DefaultRoute, {handler: OrgStats}),
|
|
React.createElement(Route, {name: "team", path: "teams/:team", handler: TeamStats}),
|
|
React.createElement(Route, {name: "user", path: "users/:user", handler: UserStats}),
|
|
React.createElement(Route, {name: "repo", path: "repos/:repo", handler: RepoStats})
|
|
),
|
|
React.createElement(NotFoundRoute, {handler: NotFound})
|
|
)
|
|
];
|
|
Router.run(routes, Router.HistoryLocation, function(Handler) {
|
|
React.render(React.createElement(Handler, null), document.body);
|
|
});
|