mirror of
https://github.com/twisterarmy/twister-react.git
synced 2025-01-28 23:54:25 +00:00
78 lines
3.6 KiB
JavaScript
78 lines
3.6 KiB
JavaScript
|
|
|||
|
|
var ReactBootstrap = require('react-bootstrap')
|
|||
|
|
, Grid = ReactBootstrap.Grid
|
|||
|
|
, Col = ReactBootstrap.Col
|
|||
|
|
, Row = ReactBootstrap.Row
|
|||
|
|
, ListGroupItem = ReactBootstrap.ListGroupItem
|
|||
|
|
, ListGroup = ReactBootstrap.ListGroup
|
|||
|
|
, Nav = ReactBootstrap.Nav
|
|||
|
|
, NavItem = ReactBootstrap.NavItem
|
|||
|
|
, Button = ReactBootstrap.Button
|
|||
|
|
, ButtonGroup = ReactBootstrap.ButtonGroup
|
|||
|
|
, Glyphicon = ReactBootstrap.Glyphicon
|
|||
|
|
|
|||
|
|
var React = require('react');
|
|||
|
|
var Router = require('react-router');
|
|||
|
|
var { Route, DefaultRoute, RouteHandler, Link } = Router;
|
|||
|
|
|
|||
|
|
var SetIntervalMixin = require("../common/SetIntervalMixin.js");
|
|||
|
|
var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
|
|||
|
|
var ProfileMixin = require('../common/ProfileMixin.js');
|
|||
|
|
|
|||
|
|
module.exports = Post = React.createClass({displayName: "Post",
|
|||
|
|
mixins: [SetIntervalMixin,SafeStateChangeMixin,ProfileMixin],
|
|||
|
|
contextTypes: {
|
|||
|
|
router: React.PropTypes.func
|
|||
|
|
},
|
|||
|
|
getHandlerKey: function () {
|
|||
|
|
var childDepth = 2; // assuming App is top-level route
|
|||
|
|
var { router } = this.context;
|
|||
|
|
//console.log(router.getCurrentParams())
|
|||
|
|
if ( router.getCurrentRoutes()[childDepth] ) {
|
|||
|
|
var key = router.getCurrentRoutes()[childDepth].name;
|
|||
|
|
if (key.indexOf("active")>-1) {key+="/"+this.props.activeAccount;}
|
|||
|
|
var id = JSON.stringify(router.getCurrentParams());
|
|||
|
|
if (id) { key += id; }
|
|||
|
|
//console.log(key);
|
|||
|
|
return key;
|
|||
|
|
} else {return "none"}
|
|||
|
|
},
|
|||
|
|
render: function() {
|
|||
|
|
|
|||
|
|
var routeprefix = "#/profile/"+(this.context.router.getCurrentParams().username ? this.context.router.getCurrentParams().username+"/" : "")
|
|||
|
|
|
|||
|
|
var subroute = this.context.router.getCurrentRoutes()[2].name
|
|||
|
|
|
|||
|
|
//console.log(this.context.router.getCurrentRoutes());
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
React.createElement(ListGroup, {fill: true},
|
|||
|
|
React.createElement(ListGroupItem, null,
|
|||
|
|
React.createElement(Row, {className: "nomargin"},
|
|||
|
|
React.createElement(Col, {xs: 3, md: 3, className: "fullytight"},
|
|||
|
|
React.createElement("img", {className: "img-responsive", src: this.state.avatar})
|
|||
|
|
),
|
|||
|
|
React.createElement(Col, {xs: 8, md: 8},
|
|||
|
|
React.createElement("h4", {className: "nomargin-top"}, this.state.fullname, React.createElement("small", null, " ", '@'+this.state.username)),
|
|||
|
|
React.createElement("p", {className: "text-center"}, this.state.location),
|
|||
|
|
React.createElement("p", {className: "text-center"}, this.state.bio),
|
|||
|
|
React.createElement("p", {className: "text-center"}, React.createElement("a", {href: this.state.url}, this.state.url))
|
|||
|
|
),
|
|||
|
|
React.createElement(Col, {xs: 1, md: 1, className: "fullytight text-align-right"})
|
|||
|
|
)
|
|||
|
|
),
|
|||
|
|
React.createElement(ListGroupItem, {className: "fullytight_all"},
|
|||
|
|
React.createElement(ButtonGroup, {justified: true},
|
|||
|
|
React.createElement(Button, {href: routeprefix+"timeline", bsStyle: subroute.indexOf("timeline")>-1 ? "primary" : "default"}, React.createElement(Glyphicon, {glyph: "list"})),
|
|||
|
|
React.createElement(Button, {href: routeprefix+"followings", bsStyle: subroute.indexOf("followings")>-1 ? "primary" : "default"}, React.createElement(Glyphicon, {glyph: "eye-open"})),
|
|||
|
|
React.createElement(Button, {href: routeprefix+"mentions", bsStyle: subroute.indexOf("mentions")>-1 ? "primary" : "default"}, React.createElement(Glyphicon, {glyph: "comment"}))
|
|||
|
|
)
|
|||
|
|
),
|
|||
|
|
React.createElement(RouteHandler, {
|
|||
|
|
activeAccount: this.props.activeAccount,
|
|||
|
|
key: this.getHandlerKey()}
|
|||
|
|
)
|
|||
|
|
)
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
});
|