import { None, Option, Some } from "@sniptt/monads"; import { Component, linkEvent } from "inferno"; import { Link } from "inferno-router"; import { AdminPurgeCommentView, AdminPurgeCommunityView, AdminPurgePersonView, AdminPurgePostView, CommunityModeratorView, GetCommunity, GetCommunityResponse, GetModlog, GetModlogResponse, GetSiteResponse, ModAddCommunityView, ModAddView, ModBanFromCommunityView, ModBanView, ModLockPostView, ModlogActionType, ModRemoveCommentView, ModRemoveCommunityView, ModRemovePostView, ModStickyPostView, ModTransferCommunityView, PersonSafe, toUndefined, UserOperation, wsJsonToRes, wsUserOp, } from "lemmy-js-client"; import moment from "moment"; import { Subscription } from "rxjs"; import { i18n } from "../i18next"; import { InitialFetchRequest } from "../interfaces"; import { WebSocketService } from "../services"; import { amAdmin, amMod, auth, choicesModLogConfig, debounce, fetchLimit, fetchUsers, isBrowser, setIsoData, toast, wsClient, wsSubscribe, } from "../utils"; import { HtmlTags } from "./common/html-tags"; import { Spinner } from "./common/icon"; import { MomentTime } from "./common/moment-time"; import { Paginator } from "./common/paginator"; import { CommunityLink } from "./community/community-link"; import { PersonListing } from "./person/person-listing"; type ModlogType = { id: number; type_: ModlogActionType; moderator: Option; view: | ModRemovePostView | ModLockPostView | ModStickyPostView | ModRemoveCommentView | ModRemoveCommunityView | ModBanFromCommunityView | ModBanView | ModAddCommunityView | ModTransferCommunityView | ModAddView | AdminPurgePersonView | AdminPurgeCommunityView | AdminPurgePostView | AdminPurgeCommentView; when_: string; }; var Choices: any; if (isBrowser()) { Choices = require("choices.js"); } interface ModlogState { res: Option; communityId: Option; communityMods: Option; communityName: Option; page: number; siteRes: GetSiteResponse; loading: boolean; filter_action: ModlogActionType; filter_user: Option; filter_mod: Option; } export class Modlog extends Component { private isoData = setIsoData( this.context, GetModlogResponse, GetCommunityResponse ); private subscription: Subscription; private userChoices: any; private modChoices: any; private emptyState: ModlogState = { res: None, communityId: None, communityMods: None, communityName: None, page: 1, loading: true, siteRes: this.isoData.site_res, filter_action: ModlogActionType.All, filter_user: None, filter_mod: None, }; constructor(props: any, context: any) { super(props, context); this.state = this.emptyState; this.handlePageChange = this.handlePageChange.bind(this); this.state.communityId = this.props.match.params.community_id ? Some(Number(this.props.match.params.community_id)) : None; this.parseMessage = this.parseMessage.bind(this); this.subscription = wsSubscribe(this.parseMessage); // Only fetch the data if coming from another route if (this.isoData.path == this.context.router.route.match.url) { this.state.res = Some(this.isoData.routeData[0] as GetModlogResponse); if (this.isoData.routeData[1]) { // Getting the moderators let communityRes = Some( this.isoData.routeData[1] as GetCommunityResponse ); this.state.communityMods = communityRes.map(c => c.moderators); } this.state.loading = false; } else { this.refetch(); } } componentDidMount() { this.setupUserFilter(); this.setupModFilter(); } componentWillUnmount() { if (isBrowser()) { this.subscription.unsubscribe(); } } buildCombined(res: GetModlogResponse): ModlogType[] { let removed_posts: ModlogType[] = res.removed_posts.map(r => ({ id: r.mod_remove_post.id, type_: ModlogActionType.ModRemovePost, view: r, moderator: r.moderator, when_: r.mod_remove_post.when_, })); let locked_posts: ModlogType[] = res.locked_posts.map(r => ({ id: r.mod_lock_post.id, type_: ModlogActionType.ModLockPost, view: r, moderator: r.moderator, when_: r.mod_lock_post.when_, })); let stickied_posts: ModlogType[] = res.stickied_posts.map(r => ({ id: r.mod_sticky_post.id, type_: ModlogActionType.ModStickyPost, view: r, moderator: r.moderator, when_: r.mod_sticky_post.when_, })); let removed_comments: ModlogType[] = res.removed_comments.map(r => ({ id: r.mod_remove_comment.id, type_: ModlogActionType.ModRemoveComment, view: r, moderator: r.moderator, when_: r.mod_remove_comment.when_, })); let removed_communities: ModlogType[] = res.removed_communities.map(r => ({ id: r.mod_remove_community.id, type_: ModlogActionType.ModRemoveCommunity, view: r, moderator: r.moderator, when_: r.mod_remove_community.when_, })); let banned_from_community: ModlogType[] = res.banned_from_community.map( r => ({ id: r.mod_ban_from_community.id, type_: ModlogActionType.ModBanFromCommunity, view: r, moderator: r.moderator, when_: r.mod_ban_from_community.when_, }) ); let added_to_community: ModlogType[] = res.added_to_community.map(r => ({ id: r.mod_add_community.id, type_: ModlogActionType.ModAddCommunity, view: r, moderator: r.moderator, when_: r.mod_add_community.when_, })); let transferred_to_community: ModlogType[] = res.transferred_to_community.map(r => ({ id: r.mod_transfer_community.id, type_: ModlogActionType.ModTransferCommunity, view: r, moderator: r.moderator, when_: r.mod_transfer_community.when_, })); let added: ModlogType[] = res.added.map(r => ({ id: r.mod_add.id, type_: ModlogActionType.ModAdd, view: r, moderator: r.moderator, when_: r.mod_add.when_, })); let banned: ModlogType[] = res.banned.map(r => ({ id: r.mod_ban.id, type_: ModlogActionType.ModBan, view: r, moderator: r.moderator, when_: r.mod_ban.when_, })); let purged_persons: ModlogType[] = res.admin_purged_persons.map(r => ({ id: r.admin_purge_person.id, type_: ModlogActionType.AdminPurgePerson, view: r, moderator: r.admin, when_: r.admin_purge_person.when_, })); let purged_communities: ModlogType[] = res.admin_purged_communities.map( r => ({ id: r.admin_purge_community.id, type_: ModlogActionType.AdminPurgeCommunity, view: r, moderator: r.admin, when_: r.admin_purge_community.when_, }) ); let purged_posts: ModlogType[] = res.admin_purged_posts.map(r => ({ id: r.admin_purge_post.id, type_: ModlogActionType.AdminPurgePost, view: r, moderator: r.admin, when_: r.admin_purge_post.when_, })); let purged_comments: ModlogType[] = res.admin_purged_comments.map(r => ({ id: r.admin_purge_comment.id, type_: ModlogActionType.AdminPurgeComment, view: r, moderator: r.admin, when_: r.admin_purge_comment.when_, })); let combined: ModlogType[] = []; combined.push(...removed_posts); combined.push(...locked_posts); combined.push(...stickied_posts); combined.push(...removed_comments); combined.push(...removed_communities); combined.push(...banned_from_community); combined.push(...added_to_community); combined.push(...transferred_to_community); combined.push(...added); combined.push(...banned); combined.push(...purged_persons); combined.push(...purged_communities); combined.push(...purged_posts); combined.push(...purged_comments); // Sort them by time combined.sort((a, b) => b.when_.localeCompare(a.when_)); return combined; } renderModlogType(i: ModlogType) { switch (i.type_) { case ModlogActionType.ModRemovePost: { let mrpv = i.view as ModRemovePostView; return [ mrpv.mod_remove_post.removed.unwrapOr(false) ? "Removed " : "Restored ", Post {mrpv.post.name} , mrpv.mod_remove_post.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } case ModlogActionType.ModLockPost: { let mlpv = i.view as ModLockPostView; return [ mlpv.mod_lock_post.locked.unwrapOr(false) ? "Locked " : "Unlocked ", Post {mlpv.post.name} , ]; } case ModlogActionType.ModStickyPost: { let mspv = i.view as ModStickyPostView; return [ mspv.mod_sticky_post.stickied.unwrapOr(false) ? "Stickied " : "Unstickied ", Post {mspv.post.name} , ]; } case ModlogActionType.ModRemoveComment: { let mrc = i.view as ModRemoveCommentView; return [ mrc.mod_remove_comment.removed.unwrapOr(false) ? "Removed " : "Restored ", Comment{" "} {mrc.comment.content} , {" "} by , mrc.mod_remove_comment.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } case ModlogActionType.ModRemoveCommunity: { let mrco = i.view as ModRemoveCommunityView; return [ mrco.mod_remove_community.removed.unwrapOr(false) ? "Removed " : "Restored ", Community , mrco.mod_remove_community.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), mrco.mod_remove_community.expires.match({ some: expires => (
expires: {moment.utc(expires).fromNow()}
), none: <>, }), ]; } case ModlogActionType.ModBanFromCommunity: { let mbfc = i.view as ModBanFromCommunityView; return [ {mbfc.mod_ban_from_community.banned.unwrapOr(false) ? "Banned " : "Unbanned "}{" "} , , from the community , , mbfc.mod_ban_from_community.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), mbfc.mod_ban_from_community.expires.match({ some: expires => (
expires: {moment.utc(expires).fromNow()}
), none: <>, }), ]; } case ModlogActionType.ModAddCommunity: { let mac = i.view as ModAddCommunityView; return [ {mac.mod_add_community.removed.unwrapOr(false) ? "Removed " : "Appointed "}{" "} , , as a mod to the community , , ]; } case ModlogActionType.ModTransferCommunity: { let mtc = i.view as ModTransferCommunityView; return [ {mtc.mod_transfer_community.removed.unwrapOr(false) ? "Removed " : "Transferred "}{" "} , , to , , ]; } case ModlogActionType.ModBan: { let mb = i.view as ModBanView; return [ {mb.mod_ban.banned.unwrapOr(false) ? "Banned " : "Unbanned "}{" "} , , mb.mod_ban.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), mb.mod_ban.expires.match({ some: expires => (
expires: {moment.utc(expires).fromNow()}
), none: <>, }), ]; } case ModlogActionType.ModAdd: { let ma = i.view as ModAddView; return [ {ma.mod_add.removed.unwrapOr(false) ? "Removed " : "Appointed "}{" "} , , as an admin , ]; } case ModlogActionType.AdminPurgePerson: { let ap = i.view as AdminPurgePersonView; return [ Purged a Person, ap.admin_purge_person.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } case ModlogActionType.AdminPurgeCommunity: { let ap = i.view as AdminPurgeCommunityView; return [ Purged a Community, ap.admin_purge_community.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } case ModlogActionType.AdminPurgePost: { let ap = i.view as AdminPurgePostView; return [ Purged a Post from from , , ap.admin_purge_post.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } case ModlogActionType.AdminPurgeComment: { let ap = i.view as AdminPurgeCommentView; return [ Purged a Comment from{" "} {ap.post.name} , ap.admin_purge_comment.reason.match({ some: reason =>
reason: {reason}
, none: <>, }), ]; } default: return
; } } combined() { let combined = this.state.res.map(this.buildCombined).unwrapOr([]); return ( {combined.map(i => ( {this.amAdminOrMod ? ( ) : (
{this.modOrAdminText(i.moderator)}
)} {this.renderModlogType(i)} ))} ); } get amAdminOrMod(): boolean { return ( amAdmin(Some(this.state.siteRes.admins)) || amMod(this.state.communityMods) ); } modOrAdminText(person: Option): string { return person.match({ some: res => this.isoData.site_res.admins.map(a => a.person.id).includes(res.id) ? i18n.t("admin") : i18n.t("mod"), none: i18n.t("mod"), }); } get documentTitle(): string { return this.state.siteRes.site_view.match({ some: siteView => `Modlog - ${siteView.site.name}`, none: "", }); } render() { return (
{this.state.loading ? (
) : (
{this.state.communityName.match({ some: name => ( /c/{name}{" "} ), none: <>, })} {i18n.t("modlog")}
{this.state.siteRes.site_view.match({ some: site_view => !site_view.site.hide_modlog_mod_names.unwrapOr(false) && ( ), none: <>, })}
{this.combined()}
{i18n.t("time")} {i18n.t("mod")} {i18n.t("action")}
)}
); } handleFilterActionChange(i: Modlog, event: any) { i.setState({ filter_action: event.target.value }); i.refetch(); } handlePageChange(val: number) { this.setState({ page: val }); this.refetch(); } refetch() { let modlogForm = new GetModlog({ community_id: this.state.communityId, page: Some(this.state.page), limit: Some(fetchLimit), auth: auth(false).ok(), type_: this.state.filter_action, other_person_id: this.state.filter_user, mod_person_id: this.state.filter_mod, }); WebSocketService.Instance.send(wsClient.getModlog(modlogForm)); this.state.communityId.match({ some: id => { let communityForm = new GetCommunity({ id: Some(id), name: None, auth: auth(false).ok(), }); WebSocketService.Instance.send(wsClient.getCommunity(communityForm)); }, none: void 0, }); } setupUserFilter() { if (isBrowser()) { let selectId: any = document.getElementById("filter-user"); if (selectId) { this.userChoices = new Choices(selectId, choicesModLogConfig); this.userChoices.passedElement.element.addEventListener( "choice", (e: any) => { this.state.filter_user = Some(Number(e.detail.choice.value)); this.setState(this.state); this.refetch(); }, false ); this.userChoices.passedElement.element.addEventListener( "search", debounce(async (e: any) => { try { let users = (await fetchUsers(e.detail.value)).users; this.userChoices.setChoices( users.map(u => { return { value: u.person.id.toString(), label: u.person.name, }; }), "value", "label", true ); } catch (err) { console.log(err); } }), false ); } } } setupModFilter() { if (isBrowser()) { let selectId: any = document.getElementById("filter-mod"); if (selectId) { this.modChoices = new Choices(selectId, choicesModLogConfig); this.modChoices.passedElement.element.addEventListener( "choice", (e: any) => { this.state.filter_mod = Some(Number(e.detail.choice.value)); this.setState(this.state); this.refetch(); }, false ); this.modChoices.passedElement.element.addEventListener( "search", debounce(async (e: any) => { try { let mods = (await fetchUsers(e.detail.value)).users; this.modChoices.setChoices( mods.map(u => { return { value: u.person.id.toString(), label: u.person.name, }; }), "value", "label", true ); } catch (err) { console.log(err); } }), false ); } } } static fetchInitialData(req: InitialFetchRequest): Promise[] { let pathSplit = req.path.split("/"); let communityId = Some(pathSplit[3]).map(Number); let promises: Promise[] = []; let modlogForm = new GetModlog({ page: Some(1), limit: Some(fetchLimit), community_id: communityId, mod_person_id: None, auth: req.auth, type_: ModlogActionType.All, other_person_id: None, }); promises.push(req.client.getModlog(modlogForm)); if (communityId.isSome()) { let communityForm = new GetCommunity({ id: communityId, name: None, auth: req.auth, }); promises.push(req.client.getCommunity(communityForm)); } else { promises.push(Promise.resolve()); } return promises; } parseMessage(msg: any) { let op = wsUserOp(msg); console.log(msg); if (msg.error) { toast(i18n.t(msg.error), "danger"); return; } else if (op == UserOperation.GetModlog) { let data = wsJsonToRes(msg, GetModlogResponse); this.state.loading = false; window.scrollTo(0, 0); this.state.res = Some(data); this.setState(this.state); } else if (op == UserOperation.GetCommunity) { let data = wsJsonToRes(msg, GetCommunityResponse); this.state.communityMods = Some(data.moderators); this.state.communityName = Some(data.community_view.community.name); } } }