diff options
Diffstat (limited to 'web/source/settings/admin')
| -rw-r--r-- | web/source/settings/admin/accounts/detail.jsx | 114 | ||||
| -rw-r--r-- | web/source/settings/admin/accounts/index.jsx | 140 | ||||
| -rw-r--r-- | web/source/settings/admin/reports/detail.jsx | 2 | ||||
| -rw-r--r-- | web/source/settings/admin/reports/index.jsx | 7 | ||||
| -rw-r--r-- | web/source/settings/admin/reports/username.jsx | 7 |
5 files changed, 259 insertions, 11 deletions
diff --git a/web/source/settings/admin/accounts/detail.jsx b/web/source/settings/admin/accounts/detail.jsx new file mode 100644 index 000000000..189c07e8d --- /dev/null +++ b/web/source/settings/admin/accounts/detail.jsx @@ -0,0 +1,114 @@ +/* + GoToSocial + Copyright (C) GoToSocial Authors admin@gotosocial.org + SPDX-License-Identifier: AGPL-3.0-or-later + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +"use strict"; + +const React = require("react"); +const { useRoute, Redirect } = require("wouter"); + +const query = require("../../lib/query"); + +const FormWithData = require("../../lib/form/form-with-data"); + +const { useBaseUrl } = require("../../lib/navigation/util"); +const FakeProfile = require("../../components/fake-profile"); +const MutationButton = require("../../components/form/mutation-button"); + +const useFormSubmit = require("../../lib/form/submit"); +const { useValue, useTextInput } = require("../../lib/form"); +const { TextInput } = require("../../components/form/inputs"); + +module.exports = function AccountDetail({ }) { + const baseUrl = useBaseUrl(); + + let [_match, params] = useRoute(`${baseUrl}/:accountId`); + + if (params?.accountId == undefined) { + return <Redirect to={baseUrl} />; + } else { + return ( + <div className="account-detail"> + <h1> + Account Details + </h1> + <FormWithData + dataQuery={query.useGetAccountQuery} + queryArg={params.accountId} + DataForm={AccountDetailForm} + /> + </div> + ); + } +}; + +function AccountDetailForm({ data: account }) { + let content; + if (account.suspended) { + content = ( + <h2 className="error">Account is suspended.</h2> + ); + } else { + content = <ModifyAccount account={account} />; + } + + return ( + <> + <FakeProfile {...account} /> + + {content} + </> + ); +} + +function ModifyAccount({ account }) { + const form = { + id: useValue("id", account.id), + reason: useTextInput("text", {}) + }; + + const [modifyAccount, result] = useFormSubmit(form, query.useActionAccountMutation()); + + return ( + <form onSubmit={modifyAccount}> + <h2>Actions</h2> + <TextInput + field={form.reason} + placeholder="Reason for this action" + /> + + <div className="action-buttons"> + {/* <MutationButton + label="Disable" + name="disable" + result={result} + /> + <MutationButton + label="Silence" + name="silence" + result={result} + /> */} + <MutationButton + label="Suspend" + name="suspend" + result={result} + /> + </div> + </form> + ); +}
\ No newline at end of file diff --git a/web/source/settings/admin/accounts/index.jsx b/web/source/settings/admin/accounts/index.jsx new file mode 100644 index 000000000..1dea36fb5 --- /dev/null +++ b/web/source/settings/admin/accounts/index.jsx @@ -0,0 +1,140 @@ +/* + GoToSocial + Copyright (C) GoToSocial Authors admin@gotosocial.org + SPDX-License-Identifier: AGPL-3.0-or-later + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +"use strict"; + +const React = require("react"); +const { Switch, Route, Link } = require("wouter"); + +const query = require("../../lib/query"); +const { useTextInput } = require("../../lib/form"); + +const AccountDetail = require("./detail"); +const { useBaseUrl } = require("../../lib/navigation/util"); +const { Error } = require("../../components/error"); + +module.exports = function Accounts({ baseUrl }) { + return ( + <div className="accounts"> + <Switch> + <Route path={`${baseUrl}/:accountId`}> + <AccountDetail /> + </Route> + <AccountOverview /> + </Switch> + </div> + ); +}; + +function AccountOverview({ }) { + return ( + <> + <h1>Accounts</h1> + <div> + Pending <a href="https://github.com/superseriousbusiness/gotosocial/issues/581">#581</a>, + there is currently no way to list accounts.<br /> + You can perform actions on reported accounts by clicking their name in the report, or searching for a username below. + </div> + + <AccountSearchForm /> + </> + ); +} + +function AccountSearchForm() { + const [searchAccount, result] = query.useSearchAccountMutation(); + + const [onAccountChange, _resetAccount, { account }] = useTextInput("account"); + + function submitSearch(e) { + e.preventDefault(); + if (account.trim().length != 0) { + searchAccount(account); + } + } + + return ( + <div className="account-search"> + <form onSubmit={submitSearch}> + <div className="form-field text"> + <label htmlFor="url"> + Account: + </label> + <div className="row"> + <input + type="text" + id="account" + name="account" + onChange={onAccountChange} + value={account} + /> + <button disabled={result.isLoading}> + <i className={[ + "fa fa-fw", + (result.isLoading + ? "fa-refresh fa-spin" + : "fa-search") + ].join(" ")} aria-hidden="true" title="Search" /> + <span className="sr-only">Search</span> + </button> + </div> + </div> + </form> + <AccountList + isSuccess={result.isSuccess} + data={result.data} + isError={result.isError} + error={result.error} + /> + </div> + ); +} + +function AccountList({ isSuccess, data, isError, error }) { + const baseUrl = useBaseUrl(); + + if (!(isSuccess || isError)) { + return null; + } + + if (error) { + return <Error error={error} />; + } + + if (data.length == 0) { + return <b>No accounts found that match your query</b>; + } + + return ( + <> + <h2>Results:</h2> + <div className="list"> + {data.map((acc) => ( + <Link key={acc.acct} className="account entry" to={`${baseUrl}/${acc.id}`}> + {acc.display_name?.length > 0 + ? acc.display_name + : acc.username + } + <span id="username">(@{acc.acct})</span> + </Link> + ))} + </div> + </> + ); +}
\ No newline at end of file diff --git a/web/source/settings/admin/reports/detail.jsx b/web/source/settings/admin/reports/detail.jsx index e9c40cb13..e85b345b0 100644 --- a/web/source/settings/admin/reports/detail.jsx +++ b/web/source/settings/admin/reports/detail.jsx @@ -165,7 +165,7 @@ function ReportedToot({ toot }) { } </section> <aside className="info"> - <time datetime={toot.created_at}>{new Date(toot.created_at).toLocaleString()}</time> + <time dateTime={toot.created_at}>{new Date(toot.created_at).toLocaleString()}</time> </aside> </article> ); diff --git a/web/source/settings/admin/reports/index.jsx b/web/source/settings/admin/reports/index.jsx index b2b8b4295..62a71c3e3 100644 --- a/web/source/settings/admin/reports/index.jsx +++ b/web/source/settings/admin/reports/index.jsx @@ -48,13 +48,6 @@ function ReportOverview({ }) { <> <h1>Reports</h1> <div> - <div className="info"> - <i className="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> - <p> - <b>This interface is currently very limited</b>, only providing a basic overview. <br /> - Work is in progress on a more full-fledged moderation experience. - </p> - </div> <p> Here you can view and resolve reports made to your instance, originating from local and remote users. </p> diff --git a/web/source/settings/admin/reports/username.jsx b/web/source/settings/admin/reports/username.jsx index 7dbabb491..eca3570d8 100644 --- a/web/source/settings/admin/reports/username.jsx +++ b/web/source/settings/admin/reports/username.jsx @@ -20,6 +20,7 @@ "use strict"; const React = require("react"); +const { Link } = require("wouter"); module.exports = function Username({ user, link = true }) { let className = "user"; @@ -41,12 +42,12 @@ module.exports = function Username({ user, link = true }) { let href = null; if (link) { - Element = "a"; - href = user.account.url; + Element = Link; + href = `/settings/admin/accounts/${user.id}`; } return ( - <Element className={className} href={href} target="_blank" rel="noreferrer" > + <Element className={className} to={href}> <span className="acct">@{user.account.acct}</span> <i className={`fa fa-fw ${icon.fa}`} aria-hidden="true" title={icon.info} /> <span className="sr-only">{icon.info}</span> |