import autosize from "autosize"; import { Component, linkEvent } from "inferno"; import { BannedPersonsResponse, GetBannedPersons, GetFederatedInstancesResponse, GetSiteResponse, PersonView, SiteResponse, UserOperation, wsJsonToRes, wsUserOp, } from "lemmy-js-client"; import { Subscription } from "rxjs"; import { i18n } from "../../i18next"; import { InitialFetchRequest } from "../../interfaces"; import { WebSocketService } from "../../services"; import { capitalizeFirstLetter, isBrowser, myAuth, randomStr, setIsoData, showLocal, toast, wsClient, wsSubscribe, } from "../../utils"; import { HtmlTags } from "../common/html-tags"; import { Spinner } from "../common/icon"; import { PersonListing } from "../person/person-listing"; import { EmojiForm } from "./emojis-form"; import { SiteForm } from "./site-form"; import { TaglineForm } from "./tagline-form"; interface AdminSettingsState { siteRes: GetSiteResponse; instancesRes?: GetFederatedInstancesResponse; banned: PersonView[]; loading: boolean; leaveAdminTeamLoading: boolean; currentTab: string; } export class AdminSettings extends Component { private siteConfigTextAreaId = `site-config-${randomStr()}`; private isoData = setIsoData(this.context); private subscription?: Subscription; state: AdminSettingsState = { siteRes: this.isoData.site_res, banned: [], loading: true, leaveAdminTeamLoading: false, currentTab: "site", }; constructor(props: any, context: any) { super(props, context); 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 = { ...this.state, banned: (this.isoData.routeData[0] as BannedPersonsResponse).banned, instancesRes: this.isoData .routeData[1] as GetFederatedInstancesResponse, loading: false, }; } else { let cAuth = myAuth(); if (cAuth) { WebSocketService.Instance.send( wsClient.getBannedPersons({ auth: cAuth, }) ); WebSocketService.Instance.send( wsClient.getFederatedInstances({ auth: cAuth }) ); } } } static fetchInitialData(req: InitialFetchRequest): Promise[] { let promises: Promise[] = []; let auth = req.auth; if (auth) { let bannedPersonsForm: GetBannedPersons = { auth }; promises.push(req.client.getBannedPersons(bannedPersonsForm)); promises.push(req.client.getFederatedInstances({ auth })); } return promises; } componentDidMount() { if (isBrowser()) { var textarea: any = document.getElementById(this.siteConfigTextAreaId); autosize(textarea); } } componentWillUnmount() { if (isBrowser()) { this.subscription?.unsubscribe(); } } get documentTitle(): string { return `${i18n.t("admin_settings")} - ${ this.state.siteRes.site_view.site.name }`; } render() { return (
{this.state.loading ? (
) : (
{this.state.currentTab == "site" && (
{this.admins()} {this.bannedUsers()}
)} {this.state.currentTab == "taglines" && (
)} {this.state.currentTab == "emojis" && (
)}
)}
); } admins() { return ( <>
{capitalizeFirstLetter(i18n.t("admins"))}
    {this.state.siteRes.admins.map(admin => (
  • ))}
{this.leaveAdmin()} ); } leaveAdmin() { return ( ); } bannedUsers() { return ( <>
{i18n.t("banned_users")}
    {this.state.banned.map(banned => (
  • ))}
); } handleSwitchTab(i: { ctx: AdminSettings; tab: string }) { i.ctx.setState({ currentTab: i.tab }); } handleLeaveAdminTeam(i: AdminSettings) { let auth = myAuth(); if (auth) { i.setState({ leaveAdminTeamLoading: true }); WebSocketService.Instance.send(wsClient.leaveAdmin({ auth })); } } parseMessage(msg: any) { let op = wsUserOp(msg); console.log(msg); if (msg.error) { toast(i18n.t(msg.error), "danger"); this.context.router.history.push("/"); this.setState({ loading: false }); return; } else if (op == UserOperation.EditSite) { let data = wsJsonToRes(msg); this.setState(s => ((s.siteRes.site_view = data.site_view), s)); toast(i18n.t("site_saved")); } else if (op == UserOperation.GetBannedPersons) { let data = wsJsonToRes(msg); this.setState({ banned: data.banned, loading: false }); } else if (op == UserOperation.LeaveAdmin) { let data = wsJsonToRes(msg); this.setState(s => ((s.siteRes.site_view = data.site_view), s)); this.setState({ leaveAdminTeamLoading: false }); toast(i18n.t("left_admin_team")); this.context.router.history.push("/"); } else if (op == UserOperation.GetFederatedInstances) { let data = wsJsonToRes(msg); this.setState({ instancesRes: data }); } } }