\r\n\t666\r\n
\r\n\r\n\t
\r\n
\n\t
\n<\/p>)*$/g,'');
- }
-
- axios.post(url, {
- container_type: "Shixun",
- container_id: shixun.id,
- challenge_id: challenge.id,
- content,
- position: challenge.position
- },
- {
- // withCredentials: true
- }
- ).then((response) => {
- if (response.data.discuss) {
-
- window._commentInput.html('');
- window._commentInput.afterBlur()
- // this.setState({
- // runTesting: false,
- // })
- this.fetchComment()
- }
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- return true;
- }
- _findCommentById(id, arg_comments) {
- let comments;
- if (!arg_comments) {
- comments = this.state.comments;
- } else {
- comments = arg_comments;
- }
- for(let i = 0; i < comments.length; i++) {
- if (id === comments[i].id) {
- return i;
- }
- }
- }
- replyComment(commentContent, id, editor) {
- // http://localhost:3000/api/v1/discusses/812/reply
- const { challenge, shixun, user, showSnackbar, match } = this.props;
-
- if (!commentContent || commentContent.length === 0) {
- showSnackbar('必须填写内容！')
- return;
- }
- // const url = `/api/v1/discusses/${id}/reply`
- const url = `/discusses/${id}/reply.json`
- if (commentContent) {
- commentContent = commentContent.replace(/(\n
\n\t
\n<\/p>)*$/g,'');
- }
- if (!user.login && user.user_url) {
- const loginAr = user.user_url.split('/')
- user.login = loginAr[loginAr.length - 1]
- }
- axios.post(url, {
- content: commentContent,
- // TODO
- "container_id": match.params.shixunId,
- "container_type": "Shixun",
- },
- {
- // withCredentials: true
- }
- ).then((response) => {
- if (response.data.discuss) {
- let newDiscuss = response.data.discuss;
- let { comments } = this.state;
- var commentIndex = this._findCommentById(id);
- let comment = comments[commentIndex]
- comment = Object.assign({}, comment)
- if (!comment.children ) {
- comment.children = []
- } else {
- comment.children = comment.children.slice(0);
- }
- // TODO userName iamge_url
- comment.children.push( {
- "can_delete": true,
- "content": commentContent,
-
- "image_url": user.image_url,
- "username": user.username,
- "user_login": user.login,
- "id": newDiscuss.id,
- "position": newDiscuss.position,
- "time": "1分钟前",
- "praise_count": newDiscuss.praise_count,
-
- "user_id": newDiscuss.user_id,
-
- })
-
- comments = comments.slice(0)
- comments[commentIndex] = comment
-
- // ke
- editor.html && editor.html('')
- // md
- if (editor.setValue) {
- editor.setValue('')
- const $ = window.$
- var view_selector = `.commentItemMDEditorView_${id}`
- $(view_selector).hide();
- }
-
-
- this.setState({
- // runTesting: false,
- comments: comments
- }, ()=>{
- // keditor代码美化
- editor.html && window.prettyPrint()
- })
- }
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
- hiddenComment(item, childCommentId) {
- const id = item.id
- const { challenge, shixun, user, showSnackbar, match } = this.props;
- // const url = `/api/v1/discusses/${id}/hidden`
- const url = `/discusses/${id}/hidden.json`
-
- const commentIndex = this._findCommentById(id);
- const { comments } = this.state;
- const comment = Object.assign({}, comments[commentIndex]);
- axios.post(url, {
- hidden: !comment.hidden ? "1" : "0",
- container_identifier: match.params.shixunId || shixun.identifier
- },
- {
- // withCredentials: true
- }
- ).then((response) => {
- if (response.data.status === -1) {
- showSnackbar(response.data.message)
- return;
- }
- if (response.data.status === 1) {
-
- if (!childCommentId) {
- comment.hidden = !comment.hidden;
- const commentsCopy = this.state.comments.slice(0)
- commentsCopy[commentIndex] = comment
- this.setState({
- comments: commentsCopy
- })
- } else { // TODO 目前子回复没hidden字段
- let childCommentIndex = this._findCommentById(childCommentId, comments[commentIndex].children);
- const childComment = comments[commentIndex].children[childCommentIndex]
- childComment.hidden = !childComment.hidden;
- this.setState({ comments })
- }
-
- }
- // {"message":"Couldn't find Discuss with id=911","status":-1}
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
- deleteComment(parrentComment, childCommentId) {
- const { challenge, shixun } = this.props;
- let deleteCommentId = parrentComment.id
- if (childCommentId) {
- deleteCommentId = childCommentId;
- }
- // const url = `/api/v1/discusses/${deleteCommentId}`
- const url = `/discusses/${deleteCommentId}.json`
-
- axios.delete(url,
- {
- // withCredentials: true
- }
- ).then((response) => {
- // TODO 删除成功或失败
- if (response.data && response.data.status === 1) {
- const commentIndex = this._findCommentById(parrentComment.id);
-
- // https://stackoverflow.com/questions/29527385/removing-element-from-array-in-component-state
- if (!childCommentId) {
- this.setState((prevState) => ({
- comments: update(prevState.comments, {$splice: [[commentIndex, 1]]})
- }))
-
- if (this.state.comments.length <= 5) {
- this.fetchComment()
- }
- } else {
- let comments = this.state.comments;
- let newComments = Object.assign({}, comments)
- let childCommentIndex = this._findCommentById(childCommentId, newComments[commentIndex].children);
- newComments[commentIndex].children = update(newComments[commentIndex].children, {$splice: [[childCommentIndex, 1]]})
- this.setState({ newComments })
- }
- }
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
-
- rewardCode(parrentComment, childComment, amount) {
- const { challenge, shixun, showSnackbar } = this.props;
- let handleComment = parrentComment
- if (childComment) {
- handleComment = childComment;
- }
- let handleCommentId = handleComment.id;
- // const url = `/api/v1/discusses/${handleCommentId}/reward_code`
- const url = `/discusses/${handleCommentId}/reward_code.json`
-
- axios.post(url, {
- // id: handleCommentId,
-
- // container_id: shixun.id,
- container_type: 'Discusses',
- score: amount,
- user_id: handleComment.user_id
- },
- {
- // withCredentials: true
- }
- ).then((response) => {
- if (response.data && response.data.code) {
- const commentIndex = this._findCommentById(parrentComment.id);
- let { comments } = this.state;
- const newComments = comments.slice(0)
-
- if (childComment) {
- const childCommentIndex = this._findCommentById(handleComment.id, parrentComment.children);
- const newChildComment = Object.assign({}, childComment);
- newChildComment.reward = response.data.code
- parrentComment = Object.assign({}, parrentComment)
- parrentComment.children = parrentComment.children.slice(0)
- parrentComment.children[childCommentIndex] = newChildComment
-
- newComments[commentIndex] = parrentComment;
-
-
- } else {
- const newComment = Object.assign({}, newComments[commentIndex]);
- newComment.reward = response.data.code;
- newComments[commentIndex] = newComment;
- }
- this.setState({
- comments: newComments
- })
- }
- }).catch((error) => {
- console.log(error)
- showSnackbar('奖励失败，请联系系统管理员！')
- })
- }
-
- // 评论点赞
- commentPraise(discussId) {
- const commentIndex = this._findCommentById(discussId);
- const { comments } = this.state;
-
- const { challenge } = this.props;
- // const url = `/api/v1/discusses/${discussId}/plus`
- const url = `/discusses/${discussId}/plus.json`
- axios.post(url, {
- // id: discussId,
- // container_id: challenge.id,
- container_type: 'Discuss', //Discuss
- type: comments[commentIndex].user_praise === true ? 0 : 1, // "踩0；赞1"
- },
- {
- // withCredentials: true
- }
- ).then((response) => {
- if (response.data.praise_count === 0 || response.data.praise_count) {
- const newComments = comments.slice(0)
- const comment = Object.assign({}, newComments[commentIndex])
- comment.user_praise = !comment.user_praise;
- comment.praise_count = response.data.praise_count;
- newComments[commentIndex] = comment;
- this.setState({
- comments: newComments
- })
- }
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
-
- newMessage() {
- return; // newMessage 暂时不用了
- const { shixun, myshixun } = this.props;
- const url = `/api/v1/shixuns/${shixun.id}/new_message?container_type=Shixun&myshixun_id=${myshixun.id}`
- // this.setState({
- // gotNewReply: true
- // })
- axios.get(url,
- {
- // withCredentials: true
- }
- ).then((response) => {
- const new_message = response.data.new_message;
- if (response.data.new_message) {
- this.setState({
- gotNewReply: new_message
- })
- }
- // console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
-
- showNewReply() {
- const { shixun, myshixun } = this.props;
- const commentId = 929 // TODO
- const url = `/api/v1/shixuns/${shixun.id}/anchor?container_type=Shixun&myshixun_id=${myshixun.id}&discuss_id=${commentId}`
-
- this.setState({
- loadingComments: true,
- gotNewReply: false,
-
- });
- axios.get(url,
- {
- // withCredentials: true
- }
- ).then((response) => {
- const data = response.data;
- const new_message = data.new_message;
-
- this.setState({
- comments: data.children_list,
- comment_count_without_reply: data.disscuss_count,
-
- currentPage: data.page,
- loadingComments: false,
-
- }, () => {
- if (response.data.find_status) { // 没找到评论的话，默认会返回第一页的评论
- const comment_J = window.$(`#reply_content_${commentId}`);
- if (comment_J.length) {
- comment_J[0].scrollIntoView()
- comment_J.parents('.comment_item_cont').css('border', '1px solid #4CACFF')
- }
- }
- })
- console.log(response)
- }).catch((error) => {
- console.log(error)
- })
- }
-
- // ----------------------------------------------------------------------------------------------评论 End
-
- // ----------------------------------------------------------------------------------------------评论 End
-
- componentDidMount() {
- // commentsDelegateParent #game_left_contents #tab_con_4
- $(".commentsDelegateParent")
- .delegate(".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img","click", (event) => {
-
- const imageSrc = event.target.src
- // 非回复里的头像图片; 非emoticons
- if (imageSrc.indexOf('/images/avatars/User') === -1 &&
- imageSrc.indexOf('kindeditor/plugins/emoticons') === -1 ) {
- this.setState({
- showImage: true,
- imageSrc,
- })
- }
- });
- }
- onImageLayerClose = () => {
- this.setState({
- showImage: false,
- imageSrc: '',
- })
- }
- render() {
- return (
-
- Props -
-{stringify(this.props)}
- - State -
-{stringify(this.state)}
- {super.render()}
- \r\n\t666\r\n
\r\n\r\n\t
\r\n
\n\t
\n<\/p>)*$/g,'');
+ }
+
+ axios.post(url, {
+ container_type: "Shixun",
+ container_id: shixun.id,
+ challenge_id: challenge.id,
+ content,
+ position: challenge.position
+ },
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ if (response.data.discuss) {
+
+ window._commentInput.html('');
+ window._commentInput.afterBlur()
+ // this.setState({
+ // runTesting: false,
+ // })
+ this.fetchComment()
+ }
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ return true;
+ }
+ _findCommentById(id, arg_comments) {
+ let comments;
+ if (!arg_comments) {
+ comments = this.state.comments;
+ } else {
+ comments = arg_comments;
+ }
+ for(let i = 0; i < comments.length; i++) {
+ if (id === comments[i].id) {
+ return i;
+ }
+ }
+ }
+ replyComment(commentContent, id, editor) {
+ // http://localhost:3000/api/v1/discusses/812/reply
+ const { challenge, shixun, user, showSnackbar, match } = this.props;
+
+ if (!commentContent || commentContent.length === 0) {
+ showSnackbar('必须填写内容！')
+ return;
+ }
+ // const url = `/api/v1/discusses/${id}/reply`
+ const url = `/discusses/${id}/reply.json`
+ if (commentContent) {
+ commentContent = commentContent.replace(/(\n
\n\t
\n<\/p>)*$/g,'');
+ }
+ if (!user.login && user.user_url) {
+ const loginAr = user.user_url.split('/')
+ user.login = loginAr[loginAr.length - 1]
+ }
+ axios.post(url, {
+ content: commentContent,
+ // TODO
+ "container_id": match.params.shixunId,
+ "container_type": "Shixun",
+ },
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ if (response.data.discuss) {
+ let newDiscuss = response.data.discuss;
+ let { comments } = this.state;
+ var commentIndex = this._findCommentById(id);
+ let comment = comments[commentIndex]
+ comment = Object.assign({}, comment)
+ if (!comment.children ) {
+ comment.children = []
+ } else {
+ comment.children = comment.children.slice(0);
+ }
+ // TODO userName iamge_url
+ comment.children.push( {
+ "can_delete": true,
+ "content": commentContent,
+
+ "image_url": user.image_url,
+ "username": user.username,
+ "user_login": user.login,
+ "id": newDiscuss.id,
+ "position": newDiscuss.position,
+ "time": "1分钟前",
+ "praise_count": newDiscuss.praise_count,
+
+ "user_id": newDiscuss.user_id,
+
+ })
+
+ comments = comments.slice(0)
+ comments[commentIndex] = comment
+
+ // ke
+ editor.html && editor.html('')
+ // md
+ if (editor.setValue) {
+ editor.setValue('')
+ const $ = window.$
+ var view_selector = `.commentItemMDEditorView_${id}`
+ $(view_selector).hide();
+ }
+
+
+ this.setState({
+ // runTesting: false,
+ comments: comments
+ }, ()=>{
+ // keditor代码美化
+ editor.html && window.prettyPrint()
+ })
+ }
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+ hiddenComment(item, childCommentId) {
+ const id = item.id
+ const { challenge, shixun, user, showSnackbar, match } = this.props;
+ // const url = `/api/v1/discusses/${id}/hidden`
+ const url = `/discusses/${id}/hidden.json`
+
+ const commentIndex = this._findCommentById(id);
+ const { comments } = this.state;
+ const comment = Object.assign({}, comments[commentIndex]);
+ axios.post(url, {
+ hidden: !comment.hidden ? "1" : "0",
+ container_identifier: match.params.shixunId || shixun.identifier
+ },
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ if (response.data.status === -1) {
+ showSnackbar(response.data.message)
+ return;
+ }
+ if (response.data.status === 1) {
+
+ if (!childCommentId) {
+ comment.hidden = !comment.hidden;
+ const commentsCopy = this.state.comments.slice(0)
+ commentsCopy[commentIndex] = comment
+ this.setState({
+ comments: commentsCopy
+ })
+ } else { // TODO 目前子回复没hidden字段
+ let childCommentIndex = this._findCommentById(childCommentId, comments[commentIndex].children);
+ const childComment = comments[commentIndex].children[childCommentIndex]
+ childComment.hidden = !childComment.hidden;
+ this.setState({ comments })
+ }
+
+ }
+ // {"message":"Couldn't find Discuss with id=911","status":-1}
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+ deleteComment(parrentComment, childCommentId) {
+ const { challenge, shixun } = this.props;
+ let deleteCommentId = parrentComment.id
+ if (childCommentId) {
+ deleteCommentId = childCommentId;
+ }
+ // const url = `/api/v1/discusses/${deleteCommentId}`
+ const url = `/discusses/${deleteCommentId}.json`
+
+ axios.delete(url,
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ // TODO 删除成功或失败
+ if (response.data && response.data.status === 1) {
+ const commentIndex = this._findCommentById(parrentComment.id);
+
+ // https://stackoverflow.com/questions/29527385/removing-element-from-array-in-component-state
+ if (!childCommentId) {
+ this.setState((prevState) => ({
+ comments: update(prevState.comments, {$splice: [[commentIndex, 1]]})
+ }))
+
+ if (this.state.comments.length <= 5) {
+ this.fetchComment()
+ }
+ } else {
+ let comments = this.state.comments;
+ let newComments = Object.assign({}, comments)
+ let childCommentIndex = this._findCommentById(childCommentId, newComments[commentIndex].children);
+ newComments[commentIndex].children = update(newComments[commentIndex].children, {$splice: [[childCommentIndex, 1]]})
+ this.setState({ newComments })
+ }
+ }
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+
+ rewardCode(parrentComment, childComment, amount) {
+ const { challenge, shixun, showSnackbar } = this.props;
+ let handleComment = parrentComment
+ if (childComment) {
+ handleComment = childComment;
+ }
+ let handleCommentId = handleComment.id;
+ // const url = `/api/v1/discusses/${handleCommentId}/reward_code`
+ const url = `/discusses/${handleCommentId}/reward_code.json`
+
+ axios.post(url, {
+ // id: handleCommentId,
+
+ // container_id: shixun.id,
+ container_type: 'Discusses',
+ score: amount,
+ user_id: handleComment.user_id
+ },
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ if (response.data && response.data.code) {
+ const commentIndex = this._findCommentById(parrentComment.id);
+ let { comments } = this.state;
+ const newComments = comments.slice(0)
+
+ if (childComment) {
+ const childCommentIndex = this._findCommentById(handleComment.id, parrentComment.children);
+ const newChildComment = Object.assign({}, childComment);
+ newChildComment.reward = response.data.code
+ parrentComment = Object.assign({}, parrentComment)
+ parrentComment.children = parrentComment.children.slice(0)
+ parrentComment.children[childCommentIndex] = newChildComment
+
+ newComments[commentIndex] = parrentComment;
+
+
+ } else {
+ const newComment = Object.assign({}, newComments[commentIndex]);
+ newComment.reward = response.data.code;
+ newComments[commentIndex] = newComment;
+ }
+ this.setState({
+ comments: newComments
+ })
+ }
+ }).catch((error) => {
+ console.log(error)
+ showSnackbar('奖励失败，请联系系统管理员！')
+ })
+ }
+
+ // 评论点赞
+ commentPraise(discussId) {
+ const commentIndex = this._findCommentById(discussId);
+ const { comments } = this.state;
+
+ const { challenge } = this.props;
+ // const url = `/api/v1/discusses/${discussId}/plus`
+ const url = `/discusses/${discussId}/plus.json`
+ axios.post(url, {
+ // id: discussId,
+ // container_id: challenge.id,
+ container_type: 'Discuss', //Discuss
+ type: comments[commentIndex].user_praise === true ? 0 : 1, // "踩0；赞1"
+ },
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ if (response.data.praise_count === 0 || response.data.praise_count) {
+ const newComments = comments.slice(0)
+ const comment = Object.assign({}, newComments[commentIndex])
+ comment.user_praise = !comment.user_praise;
+ comment.praise_count = response.data.praise_count;
+ newComments[commentIndex] = comment;
+ this.setState({
+ comments: newComments
+ })
+ }
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+
+ newMessage() {
+ return; // newMessage 暂时不用了
+ const { shixun, myshixun } = this.props;
+ const url = `/api/v1/shixuns/${shixun.id}/new_message?container_type=Shixun&myshixun_id=${myshixun.id}`
+ // this.setState({
+ // gotNewReply: true
+ // })
+ axios.get(url,
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ const new_message = response.data.new_message;
+ if (response.data.new_message) {
+ this.setState({
+ gotNewReply: new_message
+ })
+ }
+ // console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+
+ showNewReply() {
+ const { shixun, myshixun } = this.props;
+ const commentId = 929 // TODO
+ const url = `/api/v1/shixuns/${shixun.id}/anchor?container_type=Shixun&myshixun_id=${myshixun.id}&discuss_id=${commentId}`
+
+ this.setState({
+ loadingComments: true,
+ gotNewReply: false,
+
+ });
+ axios.get(url,
+ {
+ // withCredentials: true
+ }
+ ).then((response) => {
+ const data = response.data;
+ const new_message = data.new_message;
+
+ this.setState({
+ comments: data.children_list,
+ comment_count_without_reply: data.disscuss_count,
+
+ currentPage: data.page,
+ loadingComments: false,
+
+ }, () => {
+ if (response.data.find_status) { // 没找到评论的话，默认会返回第一页的评论
+ const comment_J = window.$(`#reply_content_${commentId}`);
+ if (comment_J.length) {
+ comment_J[0].scrollIntoView()
+ comment_J.parents('.comment_item_cont').css('border', '1px solid #4CACFF')
+ }
+ }
+ })
+ console.log(response)
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+
+ // ----------------------------------------------------------------------------------------------评论 End
+
+ // ----------------------------------------------------------------------------------------------评论 End
+
+ componentDidMount() {
+ // commentsDelegateParent #game_left_contents #tab_con_4
+ $(".commentsDelegateParent")
+ .delegate(".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img","click", (event) => {
+
+ const imageSrc = event.target.src
+ // 非回复里的头像图片; 非emoticons
+ if (imageSrc.indexOf('/images/avatars/User') === -1 &&
+ imageSrc.indexOf('kindeditor/plugins/emoticons') === -1 ) {
+ this.setState({
+ showImage: true,
+ imageSrc,
+ })
+ }
+ });
+ }
+ onImageLayerClose = () => {
+ this.setState({
+ showImage: false,
+ imageSrc: '',
+ })
+ }
+
+ showNotification = (description, message = "提示", icon) => {
+ const data = {
+ message,
+ description
+ }
+ if (icon) {
+ data.icon = icon;
+ }
+ notification.open(data);
+ }
+ render() {
+ return (
+
+ Props +
+{stringify(this.props)}
+ + State +
+{stringify(this.state)}
+ {super.render()}
+ @@ -554,10 +573,10 @@ class ShixunStudentWork extends Component {
- {data.homework_name} + {data&&data.homework_name}