mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-11-05 12:05:01 +00:00
parent
9d9283e010
commit
d300ae9de0
2 changed files with 17 additions and 3 deletions
|
@ -84,6 +84,8 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
|
|||
if (i.props.node) {
|
||||
i.props.onReplyCancel();
|
||||
}
|
||||
|
||||
autosize.update(document.querySelector('textarea'));
|
||||
}
|
||||
|
||||
handleCommentContentChange(i: CommentForm, event: any) {
|
||||
|
|
|
@ -19,6 +19,7 @@ interface CommentNodeState {
|
|||
banReason: string;
|
||||
banExpires: string;
|
||||
banType: BanType;
|
||||
collapsed: boolean;
|
||||
}
|
||||
|
||||
interface CommentNodeProps {
|
||||
|
@ -41,7 +42,8 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||
showBanDialog: false,
|
||||
banReason: null,
|
||||
banExpires: null,
|
||||
banType: BanType.Community
|
||||
banType: BanType.Community,
|
||||
collapsed: false,
|
||||
}
|
||||
|
||||
constructor(props: any, context: any) {
|
||||
|
@ -88,9 +90,12 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||
<li className="list-inline-item">
|
||||
<span><MomentTime data={node.comment} /></span>
|
||||
</li>
|
||||
<li className="list-inline-item">
|
||||
<div className="pointer text-monospace" onClick={linkEvent(this, this.handleCommentCollapse)}>{this.state.collapsed ? '[+]' : '[-]'}</div>
|
||||
</li>
|
||||
</ul>
|
||||
{this.state.showEdit && <CommentForm node={node} edit onReplyCancel={this.handleReplyCancel} disabled={this.props.locked} />}
|
||||
{!this.state.showEdit &&
|
||||
{!this.state.showEdit && !this.state.collapsed &&
|
||||
<div>
|
||||
<div className="md-div" dangerouslySetInnerHTML={mdToHtml(node.comment.removed ? '*removed*' : node.comment.deleted ? '*deleted*' : node.comment.content)} />
|
||||
<ul class="list-inline mb-1 text-muted small font-weight-bold">
|
||||
|
@ -202,7 +207,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||
disabled={this.props.locked}
|
||||
/>
|
||||
}
|
||||
{this.props.node.children &&
|
||||
{this.props.node.children && !this.state.collapsed &&
|
||||
<CommentNodes
|
||||
nodes={this.props.node.children}
|
||||
locked={this.props.locked}
|
||||
|
@ -210,6 +215,8 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||
admins={this.props.admins}
|
||||
/>
|
||||
}
|
||||
{/* A collapsed clearfix */}
|
||||
{this.state.collapsed && <div class="row col-12"></div>}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
@ -430,4 +437,9 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||
let then = moment.utc(this.props.node.comment.published);
|
||||
return now.isBefore(then);
|
||||
}
|
||||
|
||||
handleCommentCollapse(i: CommentNode) {
|
||||
i.state.collapsed = !i.state.collapsed;
|
||||
i.setState(i.state);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue