|
|
|
@ -23,7 +23,7 @@ import LazyLoad, { forceCheck } from './react-lazyload/src'; |
|
|
|
import { TokenCtx, ReplyForm } from './UserAction'; |
|
|
|
import { TokenCtx, ReplyForm } from './UserAction'; |
|
|
|
import { API, parse_replies } from './flows_api'; |
|
|
|
import { API, parse_replies } from './flows_api'; |
|
|
|
import { cache } from './cache'; |
|
|
|
import { cache } from './cache'; |
|
|
|
import { save_attentions } from './Attention' |
|
|
|
import { save_attentions } from './Attention'; |
|
|
|
import Poll from 'react-polls'; |
|
|
|
import Poll from 'react-polls'; |
|
|
|
|
|
|
|
|
|
|
|
/* |
|
|
|
/* |
|
|
|
@ -97,8 +97,14 @@ class Reply extends PureComponent { |
|
|
|
|
|
|
|
|
|
|
|
render() { |
|
|
|
render() { |
|
|
|
const { |
|
|
|
const { |
|
|
|
info, color_picker, show_pid, do_filter_name, do_delete, |
|
|
|
info, |
|
|
|
do_report, do_block, search_param |
|
|
|
color_picker, |
|
|
|
|
|
|
|
show_pid, |
|
|
|
|
|
|
|
do_filter_name, |
|
|
|
|
|
|
|
do_delete, |
|
|
|
|
|
|
|
do_report, |
|
|
|
|
|
|
|
do_block, |
|
|
|
|
|
|
|
search_param, |
|
|
|
} = this.props; |
|
|
|
} = this.props; |
|
|
|
const author = info.name, |
|
|
|
const author = info.name, |
|
|
|
replyText = info.text; |
|
|
|
replyText = info.text; |
|
|
|
@ -126,9 +132,7 @@ class Reply extends PureComponent { |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
|
|
|
|
|
|
|
|
{( |
|
|
|
{<span className="box-header-name">{info.name}</span>} |
|
|
|
<span className="box-header-name">{info.name}</span> |
|
|
|
|
|
|
|
)} |
|
|
|
|
|
|
|
{info.author_title && ( |
|
|
|
{info.author_title && ( |
|
|
|
<span className="box-header-name author-title">{`"${info.author_title}"`}</span> |
|
|
|
<span className="box-header-name author-title">{`"${info.author_title}"`}</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
@ -138,21 +142,21 @@ class Reply extends PureComponent { |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
do_delete('cid', info.cid); |
|
|
|
do_delete('cid', info.cid); |
|
|
|
}} |
|
|
|
}} |
|
|
|
> 🗑️ </span> |
|
|
|
> |
|
|
|
|
|
|
|
{' '} |
|
|
|
|
|
|
|
🗑️{' '} |
|
|
|
|
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{!!do_block && ( |
|
|
|
{!!do_block && ( |
|
|
|
<span |
|
|
|
<span className="clickable" onClick={do_block}> |
|
|
|
className="clickable" |
|
|
|
{' '} |
|
|
|
onClick={do_block} |
|
|
|
🚫{' '} |
|
|
|
> 🚫 </span> |
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{!!do_report && ( |
|
|
|
{!!do_report && ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
|
|
|
|
|
|
|
|
<span |
|
|
|
<span className="clickable" onClick={do_report}> |
|
|
|
className="clickable" |
|
|
|
|
|
|
|
onClick={do_report} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<span className="icon icon-flag" /> |
|
|
|
<span className="icon icon-flag" /> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
@ -219,9 +223,21 @@ class FlowItem extends PureComponent { |
|
|
|
|
|
|
|
|
|
|
|
render() { |
|
|
|
render() { |
|
|
|
const { |
|
|
|
const { |
|
|
|
info, is_quote, cached, attention, can_del, do_filter_name, do_delete, |
|
|
|
info, |
|
|
|
do_edit_cw, timestamp, img_clickable, color_picker, |
|
|
|
is_quote, |
|
|
|
show_pid, do_vote, do_block, search_param |
|
|
|
cached, |
|
|
|
|
|
|
|
attention, |
|
|
|
|
|
|
|
can_del, |
|
|
|
|
|
|
|
do_filter_name, |
|
|
|
|
|
|
|
do_delete, |
|
|
|
|
|
|
|
do_edit_cw, |
|
|
|
|
|
|
|
timestamp, |
|
|
|
|
|
|
|
img_clickable, |
|
|
|
|
|
|
|
color_picker, |
|
|
|
|
|
|
|
show_pid, |
|
|
|
|
|
|
|
do_vote, |
|
|
|
|
|
|
|
do_block, |
|
|
|
|
|
|
|
search_param, |
|
|
|
} = this.props; |
|
|
|
} = this.props; |
|
|
|
const { cw } = this.state; |
|
|
|
const { cw } = this.state; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
@ -241,9 +257,7 @@ class FlowItem extends PureComponent { |
|
|
|
parseInt(info.pid, 10) > window.LATEST_POST_ID && ( |
|
|
|
parseInt(info.pid, 10) > window.LATEST_POST_ID && ( |
|
|
|
<div className="flow-item-dot" /> |
|
|
|
<div className="flow-item-dot" /> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{!!attention && !cached && ( |
|
|
|
{!!attention && !cached && <div className="flow-item-dot" />} |
|
|
|
<div className="flow-item-dot" /> |
|
|
|
|
|
|
|
)} |
|
|
|
|
|
|
|
<div className="box-header"> |
|
|
|
<div className="box-header"> |
|
|
|
{!!do_filter_name && ( |
|
|
|
{!!do_filter_name && ( |
|
|
|
<span |
|
|
|
<span |
|
|
|
@ -259,9 +273,7 @@ class FlowItem extends PureComponent { |
|
|
|
<span className="box-header-badge"> |
|
|
|
<span className="box-header-badge"> |
|
|
|
{info.likenum} |
|
|
|
{info.likenum} |
|
|
|
<span |
|
|
|
<span |
|
|
|
className={ |
|
|
|
className={'icon icon-' + (attention ? 'star-ok' : 'star')} |
|
|
|
'icon icon-' + (attention ? 'star-ok' : 'star') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
@ -272,10 +284,7 @@ class FlowItem extends PureComponent { |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
<code className="box-id"> |
|
|
|
<code className="box-id"> |
|
|
|
<a |
|
|
|
<a href={'##' + info.pid} onClick={this.copy_link.bind(this)}> |
|
|
|
href={'##' + info.pid} |
|
|
|
|
|
|
|
onClick={this.copy_link.bind(this)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
#{info.pid} |
|
|
|
#{info.pid} |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
</code> |
|
|
|
</code> |
|
|
|
@ -283,22 +292,23 @@ class FlowItem extends PureComponent { |
|
|
|
{info.author_title && ( |
|
|
|
{info.author_title && ( |
|
|
|
<span className="box-header-name author-title">{`"${info.author_title}"`}</span> |
|
|
|
<span className="box-header-name author-title">{`"${info.author_title}"`}</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{info.is_reported && ( |
|
|
|
{info.is_reported && <span className="danger-info"> R </span>} |
|
|
|
<span className="danger-info"> R </span> |
|
|
|
|
|
|
|
)} |
|
|
|
|
|
|
|
{!!do_delete && !!info.can_del && ( |
|
|
|
{!!do_delete && !!info.can_del && ( |
|
|
|
<span |
|
|
|
<span |
|
|
|
className="clickable" |
|
|
|
className="clickable" |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
do_delete('pid', info.pid); |
|
|
|
do_delete('pid', info.pid); |
|
|
|
}} |
|
|
|
}} |
|
|
|
> 🗑️ </span> |
|
|
|
> |
|
|
|
|
|
|
|
{' '} |
|
|
|
|
|
|
|
🗑️{' '} |
|
|
|
|
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{!!do_block && ( |
|
|
|
{!!do_block && ( |
|
|
|
<span |
|
|
|
<span className="clickable" onClick={do_block}> |
|
|
|
className="clickable" |
|
|
|
{' '} |
|
|
|
onClick={do_block} |
|
|
|
🚫{' '} |
|
|
|
> 🚫 </span> |
|
|
|
</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{info.dangerous_user && ( |
|
|
|
{info.dangerous_user && ( |
|
|
|
<span className="danger-info"> {info.dangerous_user} </span> |
|
|
|
<span className="danger-info"> {info.dangerous_user} </span> |
|
|
|
@ -306,12 +316,10 @@ class FlowItem extends PureComponent { |
|
|
|
{info.blocked_count && ( |
|
|
|
{info.blocked_count && ( |
|
|
|
<span className="danger-info"> {info.blocked_count} </span> |
|
|
|
<span className="danger-info"> {info.blocked_count} </span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{info.cw !== null && |
|
|
|
{info.cw !== null && (!do_edit_cw || !info.can_del) && ( |
|
|
|
(!do_edit_cw || !info.can_del) && ( |
|
|
|
|
|
|
|
<span className="box-header-cw">{info.cw}</span> |
|
|
|
<span className="box-header-cw">{info.cw}</span> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{ |
|
|
|
{!!do_edit_cw && !!info.can_del && ( |
|
|
|
!!do_edit_cw && !!info.can_del && ( |
|
|
|
|
|
|
|
<div className="box-header-cw-edit clickable"> |
|
|
|
<div className="box-header-cw-edit clickable"> |
|
|
|
<input |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
type="text" |
|
|
|
@ -320,16 +328,12 @@ class FlowItem extends PureComponent { |
|
|
|
placeholder="编辑折叠警告" |
|
|
|
placeholder="编辑折叠警告" |
|
|
|
onChange={this.on_cw_change.bind(this)} |
|
|
|
onChange={this.on_cw_change.bind(this)} |
|
|
|
/> |
|
|
|
/> |
|
|
|
<button type="button" |
|
|
|
<button type="button" onClick={(e) => do_edit_cw(cw, info.pid)}> |
|
|
|
onClick={(e)=>do_edit_cw(cw, info.pid)}> |
|
|
|
|
|
|
|
更新 |
|
|
|
更新 |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
) |
|
|
|
)} |
|
|
|
} |
|
|
|
{info.allow_search && <span> 📢 </span>} |
|
|
|
{ |
|
|
|
|
|
|
|
info.allow_search && <span> 📢 </span> |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
<Time stamp={info.timestamp} short={!img_clickable} /> |
|
|
|
<Time stamp={info.timestamp} short={!img_clickable} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{!!info.hot_score && ( |
|
|
|
{!!info.hot_score && ( |
|
|
|
@ -343,14 +347,14 @@ class FlowItem extends PureComponent { |
|
|
|
search_param={search_param} |
|
|
|
search_param={search_param} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{ info.poll && ( |
|
|
|
{info.poll && ( |
|
|
|
<div className={!do_vote ? "box-poll disabled" : "box-poll"}> |
|
|
|
<div className={!do_vote ? 'box-poll disabled' : 'box-poll'}> |
|
|
|
<Poll |
|
|
|
<Poll |
|
|
|
key={info.poll.vote || 'x'} |
|
|
|
key={info.poll.vote || 'x'} |
|
|
|
question={""} |
|
|
|
question={''} |
|
|
|
answers={info.poll.answers} |
|
|
|
answers={info.poll.answers} |
|
|
|
onVote={do_vote || (() => {})} |
|
|
|
onVote={do_vote || (() => {})} |
|
|
|
customStyles={{'theme': 'cyan'}} |
|
|
|
customStyles={{ theme: 'cyan' }} |
|
|
|
noStorage={true} |
|
|
|
noStorage={true} |
|
|
|
vote={localStorage['VOTE_RECORD:' + info.pid] || info.poll.vote} |
|
|
|
vote={localStorage['VOTE_RECORD:' + info.pid] || info.poll.vote} |
|
|
|
/> |
|
|
|
/> |
|
|
|
@ -358,8 +362,7 @@ class FlowItem extends PureComponent { |
|
|
|
)} |
|
|
|
)} |
|
|
|
{!!(attention && info.variant.latest_reply) && ( |
|
|
|
{!!(attention && info.variant.latest_reply) && ( |
|
|
|
<p className="box-footer"> |
|
|
|
<p className="box-footer"> |
|
|
|
最新回复{' '} |
|
|
|
最新回复 <Time stamp={info.variant.latest_reply} short={false} /> |
|
|
|
<Time stamp={info.variant.latest_reply} short={false} /> |
|
|
|
|
|
|
|
</p> |
|
|
|
</p> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -432,7 +435,7 @@ class FlowSidebar extends PureComponent { |
|
|
|
info: update_count |
|
|
|
info: update_count |
|
|
|
? Object.assign({}, prev.info, { |
|
|
|
? Object.assign({}, prev.info, { |
|
|
|
reply: '' + json.data.length, |
|
|
|
reply: '' + json.data.length, |
|
|
|
likenum: ''+json.likenum, |
|
|
|
likenum: '' + json.likenum, |
|
|
|
}) |
|
|
|
}) |
|
|
|
: prev.info, |
|
|
|
: prev.info, |
|
|
|
attention: !!json.attention, |
|
|
|
attention: !!json.attention, |
|
|
|
@ -473,16 +476,16 @@ class FlowSidebar extends PureComponent { |
|
|
|
this.setState({ |
|
|
|
this.setState({ |
|
|
|
attention: json.attention, |
|
|
|
attention: json.attention, |
|
|
|
info: Object.assign({}, prev_info, { |
|
|
|
info: Object.assign({}, prev_info, { |
|
|
|
likenum: ''+json.likenum, |
|
|
|
likenum: '' + json.likenum, |
|
|
|
}), |
|
|
|
}), |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
let saved_attentions = window.saved_attentions; |
|
|
|
let saved_attentions = window.saved_attentions; |
|
|
|
if (json.attention && !saved_attentions.includes(pid)) { |
|
|
|
if (json.attention && !saved_attentions.includes(pid)) { |
|
|
|
saved_attentions.unshift(pid) |
|
|
|
saved_attentions.unshift(pid); |
|
|
|
} else if (!json.attention && saved_attentions.includes(pid)) { |
|
|
|
} else if (!json.attention && saved_attentions.includes(pid)) { |
|
|
|
const idx = saved_attentions.indexOf(pid); |
|
|
|
const idx = saved_attentions.indexOf(pid); |
|
|
|
saved_attentions.splice(idx, 1) |
|
|
|
saved_attentions.splice(idx, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
window.saved_attentions = saved_attentions; |
|
|
|
window.saved_attentions = saved_attentions; |
|
|
|
save_attentions(); |
|
|
|
save_attentions(); |
|
|
|
@ -490,7 +493,7 @@ class FlowSidebar extends PureComponent { |
|
|
|
this.syncState({ |
|
|
|
this.syncState({ |
|
|
|
attention: json.attention, |
|
|
|
attention: json.attention, |
|
|
|
info: Object.assign({}, prev_info, { |
|
|
|
info: Object.assign({}, prev_info, { |
|
|
|
likenum: ''+json.likenum, |
|
|
|
likenum: '' + json.likenum, |
|
|
|
}), |
|
|
|
}), |
|
|
|
}); |
|
|
|
}); |
|
|
|
}) |
|
|
|
}) |
|
|
|
@ -553,12 +556,12 @@ class FlowSidebar extends PureComponent { |
|
|
|
API.block(type, id, this.props.token) |
|
|
|
API.block(type, id, this.props.token) |
|
|
|
.then((json) => { |
|
|
|
.then((json) => { |
|
|
|
let data = json.data; |
|
|
|
let data = json.data; |
|
|
|
alert(`操作成功，其成为危险用户进度 ${data.curr}/${data.threshold}`) |
|
|
|
alert(`操作成功，其成为危险用户进度 ${data.curr}/${data.threshold}`); |
|
|
|
!!on_complete && on_complete(); |
|
|
|
!!on_complete && on_complete(); |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((e) => { |
|
|
|
.catch((e) => { |
|
|
|
alert('拉黑失败\n' + e); |
|
|
|
alert('拉黑失败\n' + e); |
|
|
|
console.error(e) |
|
|
|
console.error(e); |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -590,7 +593,7 @@ class FlowSidebar extends PureComponent { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
make_do_delete(token, on_complete=null) { |
|
|
|
make_do_delete(token, on_complete = null) { |
|
|
|
const do_delete = (type, id) => { |
|
|
|
const do_delete = (type, id) => { |
|
|
|
let note = prompt(`将删除${type}=${id}, 备注：`, '(无)'); |
|
|
|
let note = prompt(`将删除${type}=${id}, 备注：`, '(无)'); |
|
|
|
if (note !== null) { |
|
|
|
if (note !== null) { |
|
|
|
@ -604,21 +607,23 @@ class FlowSidebar extends PureComponent { |
|
|
|
console.error(e); |
|
|
|
console.error(e); |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
return do_delete; |
|
|
|
return do_delete; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
do_edit_cw(cw, id) { |
|
|
|
do_edit_cw(cw, id) { |
|
|
|
API.update_cw(cw, id, this.props.token) |
|
|
|
API.update_cw(cw, id, this.props.token) |
|
|
|
.then((json) => { |
|
|
|
.then((json) => { |
|
|
|
this.setState({ |
|
|
|
this.setState( |
|
|
|
|
|
|
|
{ |
|
|
|
info: Object.assign({}, this.state.info, { cw: cw }), |
|
|
|
info: Object.assign({}, this.state.info, { cw: cw }), |
|
|
|
}, |
|
|
|
}, |
|
|
|
() => { |
|
|
|
() => { |
|
|
|
this.syncState({ |
|
|
|
this.syncState({ |
|
|
|
info: this.state.info, |
|
|
|
info: this.state.info, |
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
); |
|
|
|
alert('已更新'); |
|
|
|
alert('已更新'); |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((e) => { |
|
|
|
.catch((e) => { |
|
|
|
@ -671,12 +676,16 @@ class FlowSidebar extends PureComponent { |
|
|
|
do_filter_name={ |
|
|
|
do_filter_name={ |
|
|
|
replies_cnt[DZ_NAME] > 1 ? this.set_filter_name.bind(this) : null |
|
|
|
replies_cnt[DZ_NAME] > 1 ? this.set_filter_name.bind(this) : null |
|
|
|
} |
|
|
|
} |
|
|
|
do_delete={this.make_do_delete(this.props.token, ()=>{window.location.reload();})} |
|
|
|
do_delete={this.make_do_delete(this.props.token, () => { |
|
|
|
|
|
|
|
window.location.reload(); |
|
|
|
|
|
|
|
})} |
|
|
|
do_edit_cw={this.do_edit_cw.bind(this)} |
|
|
|
do_edit_cw={this.do_edit_cw.bind(this)} |
|
|
|
do_vote={this.do_vote.bind(this)} |
|
|
|
do_vote={this.do_vote.bind(this)} |
|
|
|
do_block={() => {this.block( |
|
|
|
do_block={() => { |
|
|
|
'洞主', 'post', this.state.info.pid, () => {window.location.reload();} |
|
|
|
this.block('洞主', 'post', this.state.info.pid, () => { |
|
|
|
)}} |
|
|
|
window.location.reload(); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</ClickHandler> |
|
|
|
</ClickHandler> |
|
|
|
); |
|
|
|
); |
|
|
|
@ -766,7 +775,9 @@ class FlowSidebar extends PureComponent { |
|
|
|
条回复被删除 |
|
|
|
条回复被删除 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{replies_to_show.map((reply, i) => !reply.blocked && ( |
|
|
|
{replies_to_show.map( |
|
|
|
|
|
|
|
(reply, i) => |
|
|
|
|
|
|
|
!reply.blocked && ( |
|
|
|
<LazyLoad |
|
|
|
<LazyLoad |
|
|
|
key={i} |
|
|
|
key={i} |
|
|
|
offset={1500} |
|
|
|
offset={1500} |
|
|
|
@ -792,15 +803,29 @@ class FlowSidebar extends PureComponent { |
|
|
|
? this.set_filter_name.bind(this) |
|
|
|
? this.set_filter_name.bind(this) |
|
|
|
: null |
|
|
|
: null |
|
|
|
} |
|
|
|
} |
|
|
|
do_delete={this.make_do_delete(this.props.token, this.load_replies.bind(this))} |
|
|
|
do_delete={this.make_do_delete( |
|
|
|
do_block={() => {this.block( |
|
|
|
this.props.token, |
|
|
|
reply.name, 'comment', reply.cid, this.load_replies.bind(this) |
|
|
|
this.load_replies.bind(this), |
|
|
|
)}} |
|
|
|
)} |
|
|
|
do_report={(e) => {this.report(e, `评论区${reply.name}，评论id ${reply.cid}`)}} |
|
|
|
do_block={() => { |
|
|
|
|
|
|
|
this.block( |
|
|
|
|
|
|
|
reply.name, |
|
|
|
|
|
|
|
'comment', |
|
|
|
|
|
|
|
reply.cid, |
|
|
|
|
|
|
|
this.load_replies.bind(this), |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
do_report={(e) => { |
|
|
|
|
|
|
|
this.report( |
|
|
|
|
|
|
|
e, |
|
|
|
|
|
|
|
`评论区${reply.name}，评论id ${reply.cid}`, |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</ClickHandler> |
|
|
|
</ClickHandler> |
|
|
|
</LazyLoad> |
|
|
|
</LazyLoad> |
|
|
|
))} |
|
|
|
), |
|
|
|
|
|
|
|
)} |
|
|
|
{this.state.rev && main_thread_elem} |
|
|
|
{this.state.rev && main_thread_elem} |
|
|
|
{this.props.token ? ( |
|
|
|
{this.props.token ? ( |
|
|
|
<ReplyForm |
|
|
|
<ReplyForm |
|
|
|
@ -820,19 +845,27 @@ class FlowSidebar extends PureComponent { |
|
|
|
class FlowItemRow extends PureComponent { |
|
|
|
class FlowItemRow extends PureComponent { |
|
|
|
constructor(props) { |
|
|
|
constructor(props) { |
|
|
|
super(props); |
|
|
|
super(props); |
|
|
|
this.needFold = props.info.cw && |
|
|
|
this.needFold = |
|
|
|
|
|
|
|
props.info.cw && |
|
|
|
!props.search_param && |
|
|
|
!props.search_param && |
|
|
|
(window.config.whitelist_cw.indexOf('*')==-1 && window.config.whitelist_cw.indexOf(props.info.cw)==-1) && |
|
|
|
window.config.whitelist_cw.indexOf('*') == -1 && |
|
|
|
props.mode !== 'attention' && props.mode !== 'attention_finished'; |
|
|
|
window.config.whitelist_cw.indexOf(props.info.cw) == -1 && |
|
|
|
|
|
|
|
props.mode !== 'attention' && |
|
|
|
|
|
|
|
props.mode !== 'attention_finished'; |
|
|
|
this.color_picker = new ColorPicker(); |
|
|
|
this.color_picker = new ColorPicker(); |
|
|
|
this.state = { |
|
|
|
this.state = { |
|
|
|
replies: props.info.comments ? parse_replies(props.info.comments, this.color_picker) : [], |
|
|
|
replies: props.info.comments |
|
|
|
|
|
|
|
? parse_replies(props.info.comments, this.color_picker) |
|
|
|
|
|
|
|
: [], |
|
|
|
reply_status: 'done', |
|
|
|
reply_status: 'done', |
|
|
|
reply_error: null, |
|
|
|
reply_error: null, |
|
|
|
info: Object.assign({}, props.info, { variant: {} }), |
|
|
|
info: Object.assign({}, props.info, { variant: {} }), |
|
|
|
hidden: window.config.block_words_v2.some((word) => |
|
|
|
hidden: |
|
|
|
|
|
|
|
(window.config.block_words_v2.some((word) => |
|
|
|
props.info.text.includes(word), |
|
|
|
props.info.text.includes(word), |
|
|
|
) && !props.info.can_del || this.needFold, |
|
|
|
) && |
|
|
|
|
|
|
|
!props.info.can_del) || |
|
|
|
|
|
|
|
this.needFold, |
|
|
|
attention: props.info.attention, |
|
|
|
attention: props.info.attention, |
|
|
|
cached: true, // default no display anything
|
|
|
|
cached: true, // default no display anything
|
|
|
|
}; |
|
|
|
}; |
|
|
|
@ -918,14 +951,10 @@ class FlowItemRow extends PureComponent { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
render() { |
|
|
|
render() { |
|
|
|
const {show_sidebar, token, search_param, is_quote } = this.props; |
|
|
|
const { show_sidebar, token, search_param, is_quote } = this.props; |
|
|
|
let show_pid = load_single_meta(show_sidebar, token, [ |
|
|
|
let show_pid = load_single_meta(show_sidebar, token, [this.state.info.pid]); |
|
|
|
this.state.info.pid, |
|
|
|
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let hl_rules = [ |
|
|
|
let hl_rules = [['pid', PID_RE]]; |
|
|
|
['pid', PID_RE], |
|
|
|
|
|
|
|
]; |
|
|
|
|
|
|
|
let parts = split_text(this.state.info.text, hl_rules); |
|
|
|
let parts = split_text(this.state.info.text, hl_rules); |
|
|
|
|
|
|
|
|
|
|
|
//console.log('hl:', parts,this.state.info.pid);
|
|
|
|
//console.log('hl:', parts,this.state.info.pid);
|
|
|
|
@ -939,8 +968,7 @@ class FlowItemRow extends PureComponent { |
|
|
|
QUOTE_BLACKLIST.indexOf(content) === -1 && |
|
|
|
QUOTE_BLACKLIST.indexOf(content) === -1 && |
|
|
|
parseInt(content) < parseInt(this.state.info.pid) |
|
|
|
parseInt(content) < parseInt(this.state.info.pid) |
|
|
|
) { |
|
|
|
) { |
|
|
|
if (quote_id === null) |
|
|
|
if (quote_id === null) quote_id = parseInt(content); |
|
|
|
quote_id = parseInt(content); |
|
|
|
|
|
|
|
else { |
|
|
|
else { |
|
|
|
quote_id = null; |
|
|
|
quote_id = null; |
|
|
|
break; |
|
|
|
break; |
|
|
|
@ -988,7 +1016,11 @@ class FlowItemRow extends PureComponent { |
|
|
|
<p>{this.state.reply_error}</p> |
|
|
|
<p>{this.state.reply_error}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{this.state.replies.slice(0, PREVIEW_REPLY_COUNT).map((reply) => !reply.blocked && ( |
|
|
|
{this.state.replies |
|
|
|
|
|
|
|
.slice(0, PREVIEW_REPLY_COUNT) |
|
|
|
|
|
|
|
.map( |
|
|
|
|
|
|
|
(reply) => |
|
|
|
|
|
|
|
!reply.blocked && ( |
|
|
|
<Reply |
|
|
|
<Reply |
|
|
|
key={reply.cid} |
|
|
|
key={reply.cid} |
|
|
|
info={reply} |
|
|
|
info={reply} |
|
|
|
@ -996,7 +1028,8 @@ class FlowItemRow extends PureComponent { |
|
|
|
show_pid={show_pid} |
|
|
|
show_pid={show_pid} |
|
|
|
search_param={search_param} |
|
|
|
search_param={search_param} |
|
|
|
/> |
|
|
|
/> |
|
|
|
))} |
|
|
|
), |
|
|
|
|
|
|
|
)} |
|
|
|
{this.state.replies.length > PREVIEW_REPLY_COUNT && ( |
|
|
|
{this.state.replies.length > PREVIEW_REPLY_COUNT && ( |
|
|
|
<div className="box box-tip"> |
|
|
|
<div className="box box-tip"> |
|
|
|
还有 {this.state.replies.length - PREVIEW_REPLY_COUNT} 条 |
|
|
|
还有 {this.state.replies.length - PREVIEW_REPLY_COUNT} 条 |
|
|
|
@ -1007,7 +1040,8 @@ class FlowItemRow extends PureComponent { |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
if (this.state.hidden) { |
|
|
|
if (this.state.hidden) { |
|
|
|
return this.needFold && ( |
|
|
|
return ( |
|
|
|
|
|
|
|
this.needFold && ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className="flow-item-row flow-item-row-with-prompt" |
|
|
|
className="flow-item-row flow-item-row-with-prompt" |
|
|
|
onClick={(event) => { |
|
|
|
onClick={(event) => { |
|
|
|
@ -1059,6 +1093,7 @@ class FlowItemRow extends PureComponent { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
) |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -1163,7 +1198,9 @@ function FlowChunk(props) { |
|
|
|
{({ value: token }) => ( |
|
|
|
{({ value: token }) => ( |
|
|
|
<div className="flow-chunk"> |
|
|
|
<div className="flow-chunk"> |
|
|
|
{!!props.title && <TitleLine text={props.title} />} |
|
|
|
{!!props.title && <TitleLine text={props.title} />} |
|
|
|
{props.list.map((info, ind) => !info.blocked && ( |
|
|
|
{props.list.map( |
|
|
|
|
|
|
|
(info, ind) => |
|
|
|
|
|
|
|
!info.blocked && ( |
|
|
|
<LazyLoad |
|
|
|
<LazyLoad |
|
|
|
key={info.key || info.pid} |
|
|
|
key={info.key || info.pid} |
|
|
|
offset={500} |
|
|
|
offset={500} |
|
|
|
@ -1193,7 +1230,8 @@ function FlowChunk(props) { |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</LazyLoad> |
|
|
|
</LazyLoad> |
|
|
|
))} |
|
|
|
), |
|
|
|
|
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</TokenCtx.Consumer> |
|
|
|
</TokenCtx.Consumer> |
|
|
|
@ -1209,19 +1247,19 @@ export class Flow extends PureComponent { |
|
|
|
} |
|
|
|
} |
|
|
|
this.state = { |
|
|
|
this.state = { |
|
|
|
submode: submode, |
|
|
|
submode: submode, |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
get_submode_names(mode) { |
|
|
|
get_submode_names(mode) { |
|
|
|
switch(mode) { |
|
|
|
switch (mode) { |
|
|
|
case('list'): |
|
|
|
case 'list': |
|
|
|
return ['最新', '最近回复', '近期热门', '随机']; |
|
|
|
return ['最新', '最近回复', '近期热门', '随机']; |
|
|
|
case('attention'): |
|
|
|
case 'attention': |
|
|
|
return ['线上关注', '本地收藏']; |
|
|
|
return ['线上关注', '本地收藏']; |
|
|
|
case('search'): |
|
|
|
case 'search': |
|
|
|
return ['Tag搜索', '全文搜索', '头衔'] |
|
|
|
return ['Tag搜索', '全文搜索', '头衔']; |
|
|
|
} |
|
|
|
} |
|
|
|
return [] |
|
|
|
return []; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
set_submode(submode) { |
|
|
|
set_submode(submode) { |
|
|
|
@ -1233,7 +1271,7 @@ export class Flow extends PureComponent { |
|
|
|
|
|
|
|
|
|
|
|
render() { |
|
|
|
render() { |
|
|
|
const { submode } = this.state; |
|
|
|
const { submode } = this.state; |
|
|
|
const submode_names = this.get_submode_names(this.props.mode) |
|
|
|
const submode_names = this.get_submode_names(this.props.mode); |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<div className="aux-margin flow-submode-choice"> |
|
|
|
<div className="aux-margin flow-submode-choice"> |
|
|
|
@ -1257,11 +1295,10 @@ export class Flow extends PureComponent { |
|
|
|
token={this.props.token} |
|
|
|
token={this.props.token} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</> |
|
|
|
</> |
|
|
|
) |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class SubFlow extends PureComponent { |
|
|
|
class SubFlow extends PureComponent { |
|
|
|
constructor(props) { |
|
|
|
constructor(props) { |
|
|
|
super(props); |
|
|
|
super(props); |
|
|
|
@ -1410,7 +1447,9 @@ class SubFlow extends PureComponent { |
|
|
|
.split(' ') |
|
|
|
.split(' ') |
|
|
|
.every((keyword) => post.text.includes(keyword)); |
|
|
|
.every((keyword) => post.text.includes(keyword)); |
|
|
|
}) // Not using regex
|
|
|
|
}) // Not using regex
|
|
|
|
: json.data.filter((post) => !!post.text.match(regex_search)), // Using regex
|
|
|
|
: json.data.filter( |
|
|
|
|
|
|
|
(post) => !!post.text.match(regex_search), |
|
|
|
|
|
|
|
), // Using regex
|
|
|
|
}, |
|
|
|
}, |
|
|
|
mode: 'attention_finished', |
|
|
|
mode: 'attention_finished', |
|
|
|
loading_status: 'done', |
|
|
|
loading_status: 'done', |
|
|
|
@ -1419,18 +1458,18 @@ class SubFlow extends PureComponent { |
|
|
|
window.saved_attentions = Array.from( |
|
|
|
window.saved_attentions = Array.from( |
|
|
|
new Set([ |
|
|
|
new Set([ |
|
|
|
...window.saved_attentions, |
|
|
|
...window.saved_attentions, |
|
|
|
...json.data.map(post => post.pid) |
|
|
|
...json.data.map((post) => post.pid), |
|
|
|
]) |
|
|
|
]), |
|
|
|
).sort((a, b) => (b - a)); |
|
|
|
).sort((a, b) => b - a); |
|
|
|
save_attentions(); |
|
|
|
save_attentions(); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(failed); |
|
|
|
.catch(failed); |
|
|
|
} else if (this.props.submode === 1) { |
|
|
|
} else if (this.props.submode === 1) { |
|
|
|
const PERPAGE = 50; |
|
|
|
const PERPAGE = 50; |
|
|
|
let pids = window.saved_attentions.sort( |
|
|
|
let pids = window.saved_attentions |
|
|
|
(a, b) => (b - a) |
|
|
|
.sort((a, b) => b - a) |
|
|
|
).slice((page - 1) * PERPAGE, page * PERPAGE); |
|
|
|
.slice((page - 1) * PERPAGE, page * PERPAGE); |
|
|
|
if (pids.length) { |
|
|
|
if (pids.length) { |
|
|
|
API.get_multi(pids, this.props.token) |
|
|
|
API.get_multi(pids, this.props.token) |
|
|
|
.then((json) => { |
|
|
|
.then((json) => { |
|
|
|
@ -1458,7 +1497,7 @@ class SubFlow extends PureComponent { |
|
|
|
console.log('local attention finished'); |
|
|
|
console.log('local attention finished'); |
|
|
|
this.setState({ |
|
|
|
this.setState({ |
|
|
|
loading_status: 'done', |
|
|
|
loading_status: 'done', |
|
|
|
mode: 'attention_finished' |
|
|
|
mode: 'attention_finished', |
|
|
|
}); |
|
|
|
}); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1496,18 +1535,23 @@ class SubFlow extends PureComponent { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
trunc_string(s, max_len) { |
|
|
|
trunc_string(s, max_len) { |
|
|
|
return s.substr(0, max_len) + ( |
|
|
|
return s.substr(0, max_len) + (s.length > max_len ? '...' : ''); |
|
|
|
s.length > max_len ? '...' : '' |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
gen_export() { |
|
|
|
gen_export() { |
|
|
|
this.setState({ |
|
|
|
this.setState({ |
|
|
|
can_export: false, |
|
|
|
can_export: false, |
|
|
|
export_text: "以下是你关注的洞及摘要，复制保存到本地吧。\n\n" + this.state.chunks.data.map( |
|
|
|
export_text: |
|
|
|
p => `#${p.pid}: ${ |
|
|
|
'以下是你关注的洞及摘要，复制保存到本地吧。\n\n' + |
|
|
|
this.trunc_string(p.text.replaceAll('\n', ' '), 50) |
|
|
|
this.state.chunks.data |
|
|
|
}`).join('\n\n')
|
|
|
|
.map( |
|
|
|
|
|
|
|
(p) => |
|
|
|
|
|
|
|
`#${p.pid}: ${this.trunc_string( |
|
|
|
|
|
|
|
p.text.replaceAll('\n', ' '), |
|
|
|
|
|
|
|
50, |
|
|
|
|
|
|
|
)}`,
|
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.join('\n\n'), |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -1515,9 +1559,14 @@ class SubFlow extends PureComponent { |
|
|
|
const should_deletion_detect = localStorage['DELETION_DETECT'] === 'on'; |
|
|
|
const should_deletion_detect = localStorage['DELETION_DETECT'] === 'on'; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="flow-container"> |
|
|
|
<div className="flow-container"> |
|
|
|
|
|
|
|
|
|
|
|
{this.state.mode === 'attention_finished' && this.props.submode == 0 && ( |
|
|
|
{this.state.mode === 'attention_finished' && this.props.submode == 0 && ( |
|
|
|
<button className="export-btn" type="button" onClick={this.gen_export.bind(this)}>导出</button> |
|
|
|
<button |
|
|
|
|
|
|
|
className="export-btn" |
|
|
|
|
|
|
|
type="button" |
|
|
|
|
|
|
|
onClick={this.gen_export.bind(this)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
导出 |
|
|
|
|
|
|
|
</button> |
|
|
|
)} |
|
|
|
)} |
|
|
|
|
|
|
|
|
|
|
|
{this.state.export_text && ( |
|
|
|
{this.state.export_text && ( |
|
|
|
|
