1 import { None, Some } from "@sniptt/monads";
2 import autosize from "autosize";
3 import { Component, linkEvent } from "inferno";
13 } from "lemmy-js-client";
14 import { Subscription } from "rxjs";
15 import { i18n } from "../../i18next";
16 import { InitialFetchRequest } from "../../interfaces";
17 import { WebSocketService } from "../../services";
20 capitalizeFirstLetter,
29 import { HtmlTags } from "../common/html-tags";
30 import { Spinner } from "../common/icon";
31 import { PersonListing } from "../person/person-listing";
32 import { SiteForm } from "./site-form";
34 interface AdminSettingsState {
35 siteRes: GetSiteResponse;
36 banned: PersonViewSafe[];
38 leaveAdminTeamLoading: boolean;
41 export class AdminSettings extends Component<any, AdminSettingsState> {
42 private siteConfigTextAreaId = `site-config-${randomStr()}`;
43 private isoData = setIsoData(this.context, BannedPersonsResponse);
44 private subscription: Subscription;
45 private emptyState: AdminSettingsState = {
46 siteRes: this.isoData.site_res,
49 leaveAdminTeamLoading: null,
52 constructor(props: any, context: any) {
53 super(props, context);
55 this.state = this.emptyState;
57 this.parseMessage = this.parseMessage.bind(this);
58 this.subscription = wsSubscribe(this.parseMessage);
60 // Only fetch the data if coming from another route
61 if (this.isoData.path == this.context.router.route.match.url) {
63 this.isoData.routeData[0] as BannedPersonsResponse
65 this.state.loading = false;
67 WebSocketService.Instance.send(
68 wsClient.getBannedPersons({
69 auth: auth().unwrap(),
75 static fetchInitialData(req: InitialFetchRequest): Promise<any>[] {
76 let promises: Promise<any>[] = [];
78 let bannedPersonsForm = new GetBannedPersons({ auth: req.auth.unwrap() });
79 promises.push(req.client.getBannedPersons(bannedPersonsForm));
86 var textarea: any = document.getElementById(this.siteConfigTextAreaId);
91 componentWillUnmount() {
93 this.subscription.unsubscribe();
97 get documentTitle(): string {
98 return this.state.siteRes.site_view.match({
99 some: siteView => `${i18n.t("admin_settings")} - ${siteView.site.name}`,
106 <div class="container">
107 {this.state.loading ? (
113 <div class="col-12 col-md-6">
115 title={this.documentTitle}
116 path={this.context.router.route.match.url}
120 {this.state.siteRes.site_view.match({
123 site={Some(siteView.site)}
124 showLocal={showLocal(this.isoData)}
130 <div class="col-12 col-md-6">
143 <h5>{capitalizeFirstLetter(i18n.t("admins"))}</h5>
144 <ul class="list-unstyled">
145 {this.state.siteRes.admins.map(admin => (
146 <li class="list-inline-item">
147 <PersonListing person={admin.person} />
159 onClick={linkEvent(this, this.handleLeaveAdminTeam)}
160 class="btn btn-danger mb-2"
162 {this.state.leaveAdminTeamLoading ? (
165 i18n.t("leave_admin_team")
174 <h5>{i18n.t("banned_users")}</h5>
175 <ul class="list-unstyled">
176 {this.state.banned.map(banned => (
177 <li class="list-inline-item">
178 <PersonListing person={banned.person} />
186 handleLeaveAdminTeam(i: AdminSettings) {
187 i.state.leaveAdminTeamLoading = true;
188 WebSocketService.Instance.send(
189 wsClient.leaveAdmin({ auth: auth().unwrap() })
194 parseMessage(msg: any) {
195 let op = wsUserOp(msg);
198 toast(i18n.t(msg.error), "danger");
199 this.context.router.history.push("/");
200 this.state.loading = false;
201 this.setState(this.state);
203 } else if (op == UserOperation.EditSite) {
204 let data = wsJsonToRes<SiteResponse>(msg, SiteResponse);
205 this.state.siteRes.site_view = Some(data.site_view);
206 this.setState(this.state);
207 toast(i18n.t("site_saved"));
208 } else if (op == UserOperation.GetBannedPersons) {
209 let data = wsJsonToRes<BannedPersonsResponse>(msg, BannedPersonsResponse);
210 this.state.banned = data.banned;
211 this.state.loading = false;
212 this.setState(this.state);
213 } else if (op == UserOperation.LeaveAdmin) {
214 let data = wsJsonToRes<GetSiteResponse>(msg, GetSiteResponse);
215 this.state.siteRes.site_view = data.site_view;
216 this.setState(this.state);
217 this.state.leaveAdminTeamLoading = false;
218 toast(i18n.t("left_admin_team"));
219 this.setState(this.state);
220 this.context.router.history.push("/");