1 import autosize from "autosize";
2 import { Component, linkEvent } from "inferno";
12 } from "lemmy-js-client";
13 import { Subscription } from "rxjs";
14 import { i18n } from "../../i18next";
15 import { InitialFetchRequest } from "../../interfaces";
16 import { WebSocketService } from "../../services";
18 capitalizeFirstLetter,
28 import { HtmlTags } from "../common/html-tags";
29 import { Spinner } from "../common/icon";
30 import { PersonListing } from "../person/person-listing";
31 import { EmojiForm } from "./emojis-form";
32 import { SiteForm } from "./site-form";
33 import { TaglineForm } from "./tagline-form";
35 interface AdminSettingsState {
36 siteRes: GetSiteResponse;
37 banned: PersonViewSafe[];
39 leaveAdminTeamLoading: boolean;
43 export class AdminSettings extends Component<any, AdminSettingsState> {
44 private siteConfigTextAreaId = `site-config-${randomStr()}`;
45 private isoData = setIsoData(this.context);
46 private subscription?: Subscription;
47 state: AdminSettingsState = {
48 siteRes: this.isoData.site_res,
51 leaveAdminTeamLoading: false,
55 constructor(props: any, context: any) {
56 super(props, context);
58 this.parseMessage = this.parseMessage.bind(this);
59 this.subscription = wsSubscribe(this.parseMessage);
61 // Only fetch the data if coming from another route
62 if (this.isoData.path == this.context.router.route.match.url) {
65 banned: (this.isoData.routeData[0] as BannedPersonsResponse).banned,
71 WebSocketService.Instance.send(
72 wsClient.getBannedPersons({
80 static fetchInitialData(req: InitialFetchRequest): Promise<any>[] {
81 let promises: Promise<any>[] = [];
85 let bannedPersonsForm: GetBannedPersons = { auth };
86 promises.push(req.client.getBannedPersons(bannedPersonsForm));
94 var textarea: any = document.getElementById(this.siteConfigTextAreaId);
99 componentWillUnmount() {
101 this.subscription?.unsubscribe();
105 get documentTitle(): string {
106 return `${i18n.t("admin_settings")} - ${
107 this.state.siteRes.site_view.site.name
113 <div className="container-lg">
114 {this.state.loading ? (
121 title={this.documentTitle}
122 path={this.context.router.route.match.url}
124 <ul className="nav nav-tabs mb-2">
125 <li className="nav-item">
127 className={`nav-link btn ${
128 this.state.currentTab == "site" && "active"
131 { ctx: this, tab: "site" },
138 <li className="nav-item">
140 className={`nav-link btn ${
141 this.state.currentTab == "taglines" && "active"
144 { ctx: this, tab: "taglines" },
151 <li className="nav-item">
153 className={`nav-link btn ${
154 this.state.currentTab == "emojis" && "active"
157 { ctx: this, tab: "emojis" },
165 {this.state.currentTab == "site" && (
166 <div className="row">
167 <div className="col-12 col-md-6">
169 siteRes={this.state.siteRes}
170 showLocal={showLocal(this.isoData)}
173 <div className="col-12 col-md-6">
179 {this.state.currentTab == "taglines" && (
180 <div className="row">
181 <TaglineForm siteRes={this.state.siteRes}></TaglineForm>
184 {this.state.currentTab == "emojis" && (
185 <div className="row">
186 <EmojiForm></EmojiForm>
198 <h5>{capitalizeFirstLetter(i18n.t("admins"))}</h5>
199 <ul className="list-unstyled">
200 {this.state.siteRes.admins.map(admin => (
201 <li key={admin.person.id} className="list-inline-item">
202 <PersonListing person={admin.person} />
214 onClick={linkEvent(this, this.handleLeaveAdminTeam)}
215 className="btn btn-danger mb-2"
217 {this.state.leaveAdminTeamLoading ? (
220 i18n.t("leave_admin_team")
229 <h5>{i18n.t("banned_users")}</h5>
230 <ul className="list-unstyled">
231 {this.state.banned.map(banned => (
232 <li key={banned.person.id} className="list-inline-item">
233 <PersonListing person={banned.person} />
241 handleSwitchTab(i: { ctx: AdminSettings; tab: string }) {
242 i.ctx.setState({ currentTab: i.tab });
245 handleLeaveAdminTeam(i: AdminSettings) {
248 i.setState({ leaveAdminTeamLoading: true });
249 WebSocketService.Instance.send(wsClient.leaveAdmin({ auth }));
253 parseMessage(msg: any) {
254 let op = wsUserOp(msg);
257 toast(i18n.t(msg.error), "danger");
258 this.context.router.history.push("/");
259 this.setState({ loading: false });
261 } else if (op == UserOperation.EditSite) {
262 let data = wsJsonToRes<SiteResponse>(msg);
263 this.setState(s => ((s.siteRes.site_view = data.site_view), s));
264 toast(i18n.t("site_saved"));
265 } else if (op == UserOperation.GetBannedPersons) {
266 let data = wsJsonToRes<BannedPersonsResponse>(msg);
267 this.setState({ banned: data.banned, loading: false });
268 } else if (op == UserOperation.LeaveAdmin) {
269 let data = wsJsonToRes<GetSiteResponse>(msg);
270 this.setState(s => ((s.siteRes.site_view = data.site_view), s));
271 this.setState({ leaveAdminTeamLoading: false });
273 toast(i18n.t("left_admin_team"));
274 this.context.router.history.push("/");