127 lines
3.8 KiB
JavaScript
127 lines
3.8 KiB
JavaScript
|
|
import {makeObservable, observable, action, computed} from 'mobx';
|
|
|
|
export class storeComments {
|
|
constructor() {
|
|
makeObservable(this, {
|
|
collectionComments: observable,
|
|
groupCollectionComments: observable,
|
|
filter: observable,
|
|
|
|
showComments: observable,
|
|
changeShowComment: action,
|
|
|
|
addComment: action,
|
|
removeComment: action,
|
|
changeComment: action,
|
|
changeFilter: action,
|
|
|
|
groupCollectionFilter: computed,
|
|
|
|
isOpenEditComment: observable,
|
|
openEditComment: action,
|
|
isOpenAddReply: observable,
|
|
openAddReply: action,
|
|
isOpenEditReply: observable,
|
|
openEditReply: action
|
|
})
|
|
}
|
|
collectionComments = [];
|
|
groupCollectionComments = [];
|
|
|
|
filter = undefined;
|
|
|
|
showComments = [];
|
|
changeShowComment (uid) {
|
|
this.showComments.length = 0;
|
|
uid.forEach((item) => {
|
|
this.showComments.push(this.findComment(item));
|
|
});
|
|
}
|
|
|
|
addComment (comment) {
|
|
comment.groupName ? this.groupCollectionComments.push(comment) : this.collectionComments.push(comment);
|
|
}
|
|
|
|
removeComment (id) {
|
|
const collection = this.collectionComments.length > 0 ? this.collectionComments : this.groupCollectionComments;
|
|
const index = collection.findIndex((comment) => {
|
|
return comment.uid === id;
|
|
});
|
|
if (index !== -1) {
|
|
collection.splice(index, 1);
|
|
}
|
|
}
|
|
|
|
changeComment (id, changeComment) {
|
|
const comment = this.findComment(id);
|
|
if (comment) {
|
|
comment.comment = changeComment.comment;
|
|
comment.userId = changeComment.userId;
|
|
comment.userName = changeComment.userName;
|
|
comment.userColor = changeComment.userColor;
|
|
comment.resolved = changeComment.resolved;
|
|
comment.quote = changeComment.quote;
|
|
comment.time = changeComment.time;
|
|
comment.date = changeComment.date;
|
|
comment.editable = changeComment.editable;
|
|
comment.removable = changeComment.removable;
|
|
comment.replies = changeComment.replies;
|
|
}
|
|
}
|
|
|
|
changeFilter (filter) {
|
|
this.filter = filter;
|
|
}
|
|
|
|
findComment (id) {
|
|
const collection = this.collectionComments.length > 0 ? this.collectionComments : this.groupCollectionComments;
|
|
let comment = collection.find((item) => {
|
|
return item.uid === id;
|
|
});
|
|
return comment;
|
|
}
|
|
|
|
get groupCollectionFilter () {
|
|
if (this.filter && this.groupCollectionComments.length > 0) {
|
|
const arr = [];
|
|
this.filter.forEach((groupName) => {
|
|
this.groupCollectionComments.forEach((comment) => {
|
|
if (comment.groupName === groupName) {
|
|
arr.push(comment);
|
|
}
|
|
});
|
|
});
|
|
return arr;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
// Edit comment
|
|
currentComment = null;
|
|
isOpenEditComment = false;
|
|
openEditComment (open, comment) {
|
|
if (open !== this.isOpenEditComment) {
|
|
this.currentComment = open ? comment : null;
|
|
this.isOpenEditComment = open;
|
|
}
|
|
}
|
|
|
|
currentReply = null;
|
|
isOpenAddReply = false;
|
|
openAddReply (open, comment) {
|
|
if (open !== this.isOpenAddReply) {
|
|
this.currentComment = open ? comment : null;
|
|
this.isOpenAddReply = open;
|
|
}
|
|
}
|
|
|
|
isOpenEditReply = false;
|
|
openEditReply (open, comment, reply) {
|
|
if (open !== this.isOpenEditReply) {
|
|
this.currentComment = open ? comment : null;
|
|
this.currentReply = open ? reply : null;
|
|
this.isOpenEditReply = open;
|
|
}
|
|
}
|
|
} |