-
openDesktop.org :
-
-
{menuGroupsDisplayLeft}
-
-
{menuGroupsDisplayRight}
- Projects {issuesMenuItem} {gitfaqLinkItem}
-
{domainsDisplay}
{contextMenuDisplay}
-
{users}
search user
); } } return(
{tabContentDisplay}
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
{contentDisplay}
)
}
}
class UserSearchTab extends React.Component {
constructor(props){
super(props);
this.state = {
loading:true
};
this.getUserOdComments = this.getUserOdComments.bind(this);
this.getUserForumComments = this.getUserForumComments.bind(this);
}
componentDidMount() {
this.setState({odComments:[],forumComments:[],loading:true},function(){
this.getUserOdComments();
});
}
getUserOdComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
self.getUserForumComments();
});
} else {
console.log('what happends here');
console.log(this);
}
};
xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
xhttp.send();
}
getUserForumComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
console.log('this ');
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({forumComments:res.user_actions,loading:false});
}
};
xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
xhttp.send();
}
render(){
let contentDisplay;
if (!this.state.loading){
let odCommentsDisplay, forumCommentsDisplay;
if (this.state.odComments.length > 0){
odCommentsDisplay = (
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
{contentDisplay}
)
}
}
class UserCommentsTabThreadsContainer extends React.Component {
constructor(props){
super(props);
this.state = {};
}
componentDidMount() {
let siteInfo;
if (this.props.type === 'od'){
siteInfo = {
address:'openDesktop.org',
url:'https://www.opendesktop.org'
}
} else if (this.props.type === 'forum'){
siteInfo = {
address:'forum',
url:'https://forum.opendesktop.org'
}
}
let threads = [];
this.props.comments.forEach(function(c,index){
if (threads.indexOf(c.title) === -1){
const thread = {
title:c.title,
id:c.project_id
}
threads.push(thread)
}
});
this.setState({siteInfo:siteInfo,comments:this.props.comments,threads:threads});
}
render(){
const t = this.state.siteInfo;
const comments = this.state.comments;
const user = this.props.user;
let headerDisplay, threadsDisplay, threadCommentsDisplay;
if (this.state.threads){
threadsDisplay = this.state.threads.map((tr,index) => (
Discussion on {this.state.siteInfo.address}
{this.state.comments.length} comments
{headerDisplay}
)
}
}
class UserCommentsTabThread extends React.Component {
constructor(props){
super(props);
this.state = {};
this.filterCommentsByThread = this.filterCommentsByThread.bind(this);
}
filterCommentsByThread(comment){
if (comment.title === this.props.thread.title){
return comment;
}
}
render(){
let commentsDisplay;
if (this.props.comments){
const user = this.props.user;
commentsDisplay = this.props.comments.filter(this.filterCommentsByThread).map((c,index) => (
{threadCommentsDisplay}
{commentsDisplay}