parent
36fbd70a42
commit
f33ad41242
@ -6,6 +6,5 @@
|
|||||||
"singleQuote": false,
|
"singleQuote": false,
|
||||||
"trailingComma": "es5",
|
"trailingComma": "es5",
|
||||||
"bracketSpacing": true,
|
"bracketSpacing": true,
|
||||||
"jsxBracketSameLine": false,
|
"jsxBracketSameLine": false
|
||||||
"arrowParens": "avoid",
|
|
||||||
}
|
}
|
||||||
|
17
package.json
17
package.json
@ -4,29 +4,28 @@
|
|||||||
"description": "Admin GUI for the Matrix.org server Synapse",
|
"description": "Admin GUI for the Matrix.org server Synapse",
|
||||||
"author": "Awesome Technologies Innovationslabor GmbH",
|
"author": "Awesome Technologies Innovationslabor GmbH",
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"homepage": ".",
|
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/Awesome-Technologies/synapse-admin"
|
"url": "https://github.com/Awesome-Technologies/synapse-admin"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@testing-library/jest-dom": "^5.1.1",
|
"@testing-library/jest-dom": "^5.1.1",
|
||||||
"@testing-library/react": "^10.0.2",
|
"@testing-library/react": "^9.4.0",
|
||||||
"@testing-library/user-event": "^10.0.1",
|
"@testing-library/user-event": "^8.1.0",
|
||||||
"enzyme": "^3.11.0",
|
"enzyme": "^3.11.0",
|
||||||
"enzyme-adapter-react-16": "^1.15.2",
|
"enzyme-adapter-react-16": "^1.15.2",
|
||||||
"eslint": "^6.8.0",
|
"eslint": "^6.8.0",
|
||||||
"eslint-config-prettier": "^6.10.1",
|
"eslint-config-prettier": "^6.10.0",
|
||||||
"eslint-plugin-prettier": "^3.1.2",
|
"eslint-plugin-prettier": "^3.1.2",
|
||||||
"prettier": "^2.0.0"
|
"prettier": "^1.19.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"prop-types": "^15.7.2",
|
"prop-types": "^15.7.2",
|
||||||
"ra-language-german": "^2.1.2",
|
"ra-language-german": "^2.1.2",
|
||||||
"react": "^16.13.1",
|
"react": "^16.12.0",
|
||||||
"react-admin": "^3.4.0",
|
"react-admin": "^3.1.3",
|
||||||
"react-dom": "^16.13.1",
|
"react-dom": "^16.12.0",
|
||||||
"react-scripts": "^3.4.1"
|
"react-scripts": "^3.3.0"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "react-scripts start",
|
"start": "react-scripts start",
|
||||||
|
@ -36,7 +36,6 @@ const App = () => (
|
|||||||
icon={UserIcon}
|
icon={UserIcon}
|
||||||
/>
|
/>
|
||||||
<Resource name="rooms" list={RoomList} icon={RoomIcon} />
|
<Resource name="rooms" list={RoomList} icon={RoomIcon} />
|
||||||
<Resource name="connections" />
|
|
||||||
</Admin>
|
</Admin>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -1,17 +1,13 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import {
|
import {
|
||||||
fetchUtils,
|
|
||||||
FormDataConsumer,
|
|
||||||
Notification,
|
Notification,
|
||||||
useLogin,
|
useLogin,
|
||||||
useNotify,
|
useNotify,
|
||||||
useLocale,
|
useLocale,
|
||||||
useSetLocale,
|
useSetLocale,
|
||||||
useTranslate,
|
useTranslate,
|
||||||
PasswordInput,
|
|
||||||
TextInput,
|
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
import { Form, useForm } from "react-final-form";
|
import { Field, Form } from "react-final-form";
|
||||||
import {
|
import {
|
||||||
Avatar,
|
Avatar,
|
||||||
Button,
|
Button,
|
||||||
@ -38,7 +34,7 @@ const useStyles = makeStyles(theme => ({
|
|||||||
backgroundSize: "cover",
|
backgroundSize: "cover",
|
||||||
},
|
},
|
||||||
card: {
|
card: {
|
||||||
minWidth: "30em",
|
minWidth: 300,
|
||||||
marginTop: "6em",
|
marginTop: "6em",
|
||||||
},
|
},
|
||||||
avatar: {
|
avatar: {
|
||||||
@ -74,7 +70,7 @@ const LoginPage = ({ theme }) => {
|
|||||||
var locale = useLocale();
|
var locale = useLocale();
|
||||||
const setLocale = useSetLocale();
|
const setLocale = useSetLocale();
|
||||||
const translate = useTranslate();
|
const translate = useTranslate();
|
||||||
const base_url = localStorage.getItem("base_url");
|
const homeserver = localStorage.getItem("base_url");
|
||||||
|
|
||||||
const renderInput = ({
|
const renderInput = ({
|
||||||
meta: { touched, error } = {},
|
meta: { touched, error } = {},
|
||||||
@ -92,21 +88,15 @@ const LoginPage = ({ theme }) => {
|
|||||||
|
|
||||||
const validate = values => {
|
const validate = values => {
|
||||||
const errors = {};
|
const errors = {};
|
||||||
|
if (!values.homeserver) {
|
||||||
|
errors.homeserver = translate("ra.validation.required");
|
||||||
|
}
|
||||||
if (!values.username) {
|
if (!values.username) {
|
||||||
errors.username = translate("ra.validation.required");
|
errors.username = translate("ra.validation.required");
|
||||||
}
|
}
|
||||||
if (!values.password) {
|
if (!values.password) {
|
||||||
errors.password = translate("ra.validation.required");
|
errors.password = translate("ra.validation.required");
|
||||||
}
|
}
|
||||||
if (!values.base_url) {
|
|
||||||
errors.base_url = translate("ra.validation.required");
|
|
||||||
} else {
|
|
||||||
if (!values.base_url.match(/^(http|https):\/\//)) {
|
|
||||||
errors.base_url = translate("synapseadmin.auth.protocol_error");
|
|
||||||
} else if (!values.base_url.match(/^(http|https):\/\/[a-zA-Z0-9\-.]+$/)) {
|
|
||||||
errors.base_url = translate("synapseadmin.auth.url_error");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return errors;
|
return errors;
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -125,75 +115,9 @@ const LoginPage = ({ theme }) => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const extractHomeServer = username => {
|
|
||||||
const usernameRegex = /@[a-zA-Z0-9._=\-/]+:([a-zA-Z0-9\-.]+\.[a-zA-Z]+)/;
|
|
||||||
if (!username) return null;
|
|
||||||
const res = username.match(usernameRegex);
|
|
||||||
if (res) return res[1];
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
|
|
||||||
const UserData = ({ formData }) => {
|
|
||||||
const form = useForm();
|
|
||||||
|
|
||||||
const handleUsernameChange = _ => {
|
|
||||||
if (formData.base_url) return;
|
|
||||||
// check if username is a full qualified userId then set base_url accordially
|
|
||||||
const home_server = extractHomeServer(formData.username);
|
|
||||||
const wellKnownUrl = `https://${home_server}/.well-known/matrix/client`;
|
|
||||||
if (home_server) {
|
|
||||||
// fetch .well-known entry to get base_url
|
|
||||||
fetchUtils
|
|
||||||
.fetchJson(wellKnownUrl, { method: "GET" })
|
|
||||||
.then(({ json }) => {
|
|
||||||
form.change("base_url", json["m.homeserver"].base_url);
|
|
||||||
})
|
|
||||||
.catch(_ => {
|
|
||||||
// if there is no .well-known entry, try the home server name
|
|
||||||
form.change("base_url", `https://${home_server}`);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<div className={classes.input}>
|
|
||||||
<TextInput
|
|
||||||
autoFocus
|
|
||||||
name="username"
|
|
||||||
component={renderInput}
|
|
||||||
label={translate("ra.auth.username")}
|
|
||||||
disabled={loading}
|
|
||||||
onBlur={handleUsernameChange}
|
|
||||||
fullWidth
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className={classes.input}>
|
|
||||||
<PasswordInput
|
|
||||||
name="password"
|
|
||||||
component={renderInput}
|
|
||||||
label={translate("ra.auth.password")}
|
|
||||||
type="password"
|
|
||||||
disabled={loading}
|
|
||||||
fullWidth
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className={classes.input}>
|
|
||||||
<TextInput
|
|
||||||
name="base_url"
|
|
||||||
component={renderInput}
|
|
||||||
label={translate("synapseadmin.auth.base_url")}
|
|
||||||
disabled={loading}
|
|
||||||
fullWidth
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Form
|
<Form
|
||||||
initialValues={{ base_url: base_url }}
|
initialValues={{ homeserver: homeserver }}
|
||||||
onSubmit={handleSubmit}
|
onSubmit={handleSubmit}
|
||||||
validate={validate}
|
validate={validate}
|
||||||
render={({ handleSubmit }) => (
|
render={({ handleSubmit }) => (
|
||||||
@ -222,9 +146,32 @@ const LoginPage = ({ theme }) => {
|
|||||||
<MenuItem value="en">English</MenuItem>
|
<MenuItem value="en">English</MenuItem>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
<FormDataConsumer>
|
<div className={classes.input}>
|
||||||
{formDataProps => <UserData {...formDataProps} />}
|
<Field
|
||||||
</FormDataConsumer>
|
autoFocus
|
||||||
|
name="homeserver"
|
||||||
|
component={renderInput}
|
||||||
|
label={translate("synapseadmin.auth.homeserver")}
|
||||||
|
disabled={loading}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className={classes.input}>
|
||||||
|
<Field
|
||||||
|
name="username"
|
||||||
|
component={renderInput}
|
||||||
|
label={translate("ra.auth.username")}
|
||||||
|
disabled={loading}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className={classes.input}>
|
||||||
|
<Field
|
||||||
|
name="password"
|
||||||
|
component={renderInput}
|
||||||
|
label={translate("ra.auth.password")}
|
||||||
|
type="password"
|
||||||
|
disabled={loading}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<CardActions className={classes.actions}>
|
<CardActions className={classes.actions}>
|
||||||
<Button
|
<Button
|
||||||
|
@ -1,12 +1,8 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { Datagrid, List, TextField, Pagination } from "react-admin";
|
import { Datagrid, List, TextField } from "react-admin";
|
||||||
|
|
||||||
const RoomPagination = props => (
|
|
||||||
<Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
|
|
||||||
);
|
|
||||||
|
|
||||||
export const RoomList = props => (
|
export const RoomList = props => (
|
||||||
<List {...props} pagination={<RoomPagination />}>
|
<List {...props}>
|
||||||
<Datagrid>
|
<Datagrid>
|
||||||
<TextField source="room_id" />
|
<TextField source="room_id" />
|
||||||
<TextField source="name" />
|
<TextField source="name" />
|
||||||
|
@ -1,20 +1,11 @@
|
|||||||
import React, { Fragment } from "react";
|
import React from "react";
|
||||||
import PersonPinIcon from "@material-ui/icons/PersonPin";
|
|
||||||
import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent";
|
|
||||||
import {
|
import {
|
||||||
ArrayInput,
|
|
||||||
ArrayField,
|
|
||||||
Datagrid,
|
Datagrid,
|
||||||
DateField,
|
|
||||||
Create,
|
Create,
|
||||||
Edit,
|
Edit,
|
||||||
List,
|
List,
|
||||||
Filter,
|
Filter,
|
||||||
Toolbar,
|
|
||||||
SimpleForm,
|
SimpleForm,
|
||||||
SimpleFormIterator,
|
|
||||||
TabbedForm,
|
|
||||||
FormTab,
|
|
||||||
BooleanField,
|
BooleanField,
|
||||||
BooleanInput,
|
BooleanInput,
|
||||||
ImageField,
|
ImageField,
|
||||||
@ -22,19 +13,9 @@ import {
|
|||||||
TextField,
|
TextField,
|
||||||
TextInput,
|
TextInput,
|
||||||
ReferenceField,
|
ReferenceField,
|
||||||
SelectInput,
|
|
||||||
BulkDeleteButton,
|
|
||||||
DeleteButton,
|
|
||||||
SaveButton,
|
|
||||||
regex,
|
regex,
|
||||||
useTranslate,
|
|
||||||
Pagination,
|
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
|
|
||||||
const UserPagination = props => (
|
|
||||||
<Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
|
|
||||||
);
|
|
||||||
|
|
||||||
const UserFilter = props => (
|
const UserFilter = props => (
|
||||||
<Filter {...props}>
|
<Filter {...props}>
|
||||||
<BooleanInput source="guests" alwaysOn />
|
<BooleanInput source="guests" alwaysOn />
|
||||||
@ -46,26 +27,12 @@ const UserFilter = props => (
|
|||||||
</Filter>
|
</Filter>
|
||||||
);
|
);
|
||||||
|
|
||||||
const UserBulkActionButtons = props => {
|
|
||||||
const translate = useTranslate();
|
|
||||||
return (
|
|
||||||
<Fragment>
|
|
||||||
<BulkDeleteButton
|
|
||||||
{...props}
|
|
||||||
label="resources.users.action.erase"
|
|
||||||
title={translate("resources.users.helper.erase")}
|
|
||||||
/>
|
|
||||||
</Fragment>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const UserList = props => (
|
export const UserList = props => (
|
||||||
<List
|
<List
|
||||||
{...props}
|
{...props}
|
||||||
filters={<UserFilter />}
|
filters={<UserFilter />}
|
||||||
filterDefaultValues={{ guests: true, deactivated: false }}
|
filterDefaultValues={{ guests: true, deactivated: false }}
|
||||||
bulkActionButtons={<UserBulkActionButtons />}
|
bulkActionButtons={false}
|
||||||
pagination={<UserPagination />}
|
|
||||||
>
|
>
|
||||||
<Datagrid rowClick="edit">
|
<Datagrid rowClick="edit">
|
||||||
<ReferenceField
|
<ReferenceField
|
||||||
@ -99,19 +66,6 @@ const validateUser = regex(
|
|||||||
"synapseadmin.users.invalid_user_id"
|
"synapseadmin.users.invalid_user_id"
|
||||||
);
|
);
|
||||||
|
|
||||||
const UserEditToolbar = props => {
|
|
||||||
const translate = useTranslate();
|
|
||||||
return (
|
|
||||||
<Toolbar {...props}>
|
|
||||||
<SaveButton submitOnEnter={true} />
|
|
||||||
<DeleteButton
|
|
||||||
label="resources.users.action.erase"
|
|
||||||
title={translate("resources.users.helper.erase")}
|
|
||||||
/>
|
|
||||||
</Toolbar>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const UserCreate = props => (
|
export const UserCreate = props => (
|
||||||
<Create {...props}>
|
<Create {...props}>
|
||||||
<SimpleForm>
|
<SimpleForm>
|
||||||
@ -119,89 +73,18 @@ export const UserCreate = props => (
|
|||||||
<TextInput source="displayname" />
|
<TextInput source="displayname" />
|
||||||
<PasswordInput source="password" autoComplete="new-password" />
|
<PasswordInput source="password" autoComplete="new-password" />
|
||||||
<BooleanInput source="admin" />
|
<BooleanInput source="admin" />
|
||||||
<ArrayInput source="threepids">
|
|
||||||
<SimpleFormIterator>
|
|
||||||
<SelectInput
|
|
||||||
source="medium"
|
|
||||||
choices={[
|
|
||||||
{ id: "email", name: "resources.users.email" },
|
|
||||||
{ id: "msisdn", name: "resources.users.msisdn" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TextInput source="address" />
|
|
||||||
</SimpleFormIterator>
|
|
||||||
</ArrayInput>
|
|
||||||
</SimpleForm>
|
</SimpleForm>
|
||||||
</Create>
|
</Create>
|
||||||
);
|
);
|
||||||
|
|
||||||
const UserTitle = ({ record }) => {
|
|
||||||
const translate = useTranslate();
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
{translate("resources.users.name")}{" "}
|
|
||||||
{record ? `"${record.displayname}"` : ""}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export const UserEdit = props => (
|
export const UserEdit = props => (
|
||||||
<Edit {...props} title={<UserTitle />}>
|
<Edit {...props}>
|
||||||
<TabbedForm toolbar={<UserEditToolbar />}>
|
<SimpleForm>
|
||||||
<FormTab label="resources.users.name" icon={<PersonPinIcon />}>
|
<TextInput source="id" disabled />
|
||||||
<TextInput source="id" disabled />
|
<TextInput source="displayname" />
|
||||||
<TextInput source="displayname" />
|
<PasswordInput source="password" autoComplete="new-password" />
|
||||||
<PasswordInput source="password" autoComplete="new-password" />
|
<BooleanInput source="admin" />
|
||||||
<BooleanInput source="admin" />
|
<BooleanInput source="deactivated" />
|
||||||
<BooleanInput
|
</SimpleForm>
|
||||||
source="deactivated"
|
|
||||||
helperText="resources.users.helper.deactivate"
|
|
||||||
/>
|
|
||||||
<ArrayInput source="threepids">
|
|
||||||
<SimpleFormIterator>
|
|
||||||
<SelectInput
|
|
||||||
source="medium"
|
|
||||||
choices={[
|
|
||||||
{ id: "email", name: "resources.users.email" },
|
|
||||||
{ id: "msisdn", name: "resources.users.msisdn" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TextInput source="address" />
|
|
||||||
</SimpleFormIterator>
|
|
||||||
</ArrayInput>
|
|
||||||
</FormTab>
|
|
||||||
<FormTab
|
|
||||||
label="resources.connections.name"
|
|
||||||
icon={<SettingsInputComponentIcon />}
|
|
||||||
>
|
|
||||||
<ReferenceField reference="connections" source="id" addLabel={false}>
|
|
||||||
<ArrayField
|
|
||||||
source="devices[].sessions[0].connections"
|
|
||||||
label="resources.connections.name"
|
|
||||||
>
|
|
||||||
<Datagrid style={{ width: "100%" }}>
|
|
||||||
<TextField source="ip" sortable={false} />
|
|
||||||
<DateField
|
|
||||||
source="last_seen"
|
|
||||||
showTime
|
|
||||||
options={{
|
|
||||||
year: "numeric",
|
|
||||||
month: "2-digit",
|
|
||||||
day: "2-digit",
|
|
||||||
hour: "2-digit",
|
|
||||||
minute: "2-digit",
|
|
||||||
second: "2-digit",
|
|
||||||
}}
|
|
||||||
sortable={false}
|
|
||||||
/>
|
|
||||||
<TextField
|
|
||||||
source="user_agent"
|
|
||||||
sortable={false}
|
|
||||||
style={{ width: "100%" }}
|
|
||||||
/>
|
|
||||||
</Datagrid>
|
|
||||||
</ArrayField>
|
|
||||||
</ReferenceField>
|
|
||||||
</FormTab>
|
|
||||||
</TabbedForm>
|
|
||||||
</Edit>
|
</Edit>
|
||||||
);
|
);
|
||||||
|
@ -4,11 +4,8 @@ export default {
|
|||||||
...germanMessages,
|
...germanMessages,
|
||||||
synapseadmin: {
|
synapseadmin: {
|
||||||
auth: {
|
auth: {
|
||||||
base_url: "Heimserver URL",
|
homeserver: "Heimserver",
|
||||||
welcome: "Willkommen bei Synapse-admin",
|
welcome: "Willkommen bei Synapse-admin",
|
||||||
username_error: "Bitte vollständigen Nutzernamen angeben: '@user:domain'",
|
|
||||||
protocol_error: "Die URL muss mit 'http://' oder 'https://' beginnen",
|
|
||||||
url_error: "Keine gültige Matrix Server URL",
|
|
||||||
},
|
},
|
||||||
users: {
|
users: {
|
||||||
invalid_user_id:
|
invalid_user_id:
|
||||||
@ -17,10 +14,7 @@ export default {
|
|||||||
},
|
},
|
||||||
resources: {
|
resources: {
|
||||||
users: {
|
users: {
|
||||||
backtolist: "Zurück zur Liste",
|
|
||||||
name: "Benutzer",
|
name: "Benutzer",
|
||||||
email: "E-Mail",
|
|
||||||
msisdn: "Telefon",
|
|
||||||
fields: {
|
fields: {
|
||||||
avatar: "Avatar",
|
avatar: "Avatar",
|
||||||
id: "Benutzer-ID",
|
id: "Benutzer-ID",
|
||||||
@ -33,17 +27,6 @@ export default {
|
|||||||
user_id: "Suche Benutzer",
|
user_id: "Suche Benutzer",
|
||||||
displayname: "Anzeigename",
|
displayname: "Anzeigename",
|
||||||
password: "Passwort",
|
password: "Passwort",
|
||||||
avatar_url: "Avatar URL",
|
|
||||||
medium: "Medium",
|
|
||||||
threepids: "3PIDs",
|
|
||||||
address: "Adresse",
|
|
||||||
},
|
|
||||||
helper: {
|
|
||||||
deactivate: "Deaktivierte Nutzer können nicht wieder aktiviert werden.",
|
|
||||||
erase: "DSGVO konformes Löschen der Benutzerdaten",
|
|
||||||
},
|
|
||||||
action: {
|
|
||||||
erase: "Lösche Benutzerdaten",
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
rooms: {
|
rooms: {
|
||||||
@ -55,32 +38,5 @@ export default {
|
|||||||
joined_members: "Mitglieder",
|
joined_members: "Mitglieder",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
connections: {
|
|
||||||
name: "Verbindungen",
|
|
||||||
fields: {
|
|
||||||
last_seen: "Datum",
|
|
||||||
ip: "IP-Adresse",
|
|
||||||
user_agent: "User Agent",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
ra: {
|
|
||||||
...germanMessages.ra,
|
|
||||||
auth: {
|
|
||||||
...germanMessages.ra.auth,
|
|
||||||
auth_check_error: "Anmeldung fehlgeschlagen",
|
|
||||||
},
|
|
||||||
input: {
|
|
||||||
...germanMessages.ra.input,
|
|
||||||
password: {
|
|
||||||
...germanMessages.ra.input.password,
|
|
||||||
toggle_hidden: "Anzeigen",
|
|
||||||
toggle_visible: "Verstecken",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
notification: {
|
|
||||||
...germanMessages.ra.notifiaction,
|
|
||||||
logged_out: "Abgemeldet",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -4,11 +4,8 @@ export default {
|
|||||||
...englishMessages,
|
...englishMessages,
|
||||||
synapseadmin: {
|
synapseadmin: {
|
||||||
auth: {
|
auth: {
|
||||||
base_url: "Homeserver URL",
|
homeserver: "Homeserver",
|
||||||
welcome: "Welcome to Synapse-admin",
|
welcome: "Welcome to Synapse-admin",
|
||||||
username_error: "Please enter fully qualified user ID: '@user:domain'",
|
|
||||||
protocol_error: "URL has to start with 'http://' or 'https://'",
|
|
||||||
url_error: "Not a valid Matrix server URL",
|
|
||||||
},
|
},
|
||||||
users: {
|
users: {
|
||||||
invalid_user_id:
|
invalid_user_id:
|
||||||
@ -17,10 +14,7 @@ export default {
|
|||||||
},
|
},
|
||||||
resources: {
|
resources: {
|
||||||
users: {
|
users: {
|
||||||
backtolist: "Back to list",
|
|
||||||
name: "User |||| Users",
|
name: "User |||| Users",
|
||||||
email: "Email",
|
|
||||||
msisdn: "Phone",
|
|
||||||
fields: {
|
fields: {
|
||||||
avatar: "Avatar",
|
avatar: "Avatar",
|
||||||
id: "User-ID",
|
id: "User-ID",
|
||||||
@ -33,17 +27,6 @@ export default {
|
|||||||
user_id: "Search user",
|
user_id: "Search user",
|
||||||
displayname: "Displayname",
|
displayname: "Displayname",
|
||||||
password: "Password",
|
password: "Password",
|
||||||
avatar_url: "Avatar URL",
|
|
||||||
medium: "Medium",
|
|
||||||
threepids: "3PIDs",
|
|
||||||
address: "Address",
|
|
||||||
},
|
|
||||||
helper: {
|
|
||||||
deactivate: "Deactivated users cannot be reactivated",
|
|
||||||
erase: "Mark the user as GDPR-erased",
|
|
||||||
},
|
|
||||||
action: {
|
|
||||||
erase: "Erase user data",
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
rooms: {
|
rooms: {
|
||||||
@ -55,13 +38,5 @@ export default {
|
|||||||
joined_members: "Members",
|
joined_members: "Members",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
connections: {
|
|
||||||
name: "Connections",
|
|
||||||
fields: {
|
|
||||||
last_seen: "Date",
|
|
||||||
ip: "IP address",
|
|
||||||
user_agent: "User agent",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -1,8 +1,23 @@
|
|||||||
import { fetchUtils } from "react-admin";
|
import { fetchUtils } from "react-admin";
|
||||||
|
|
||||||
|
const ensureHttpsForUrl = url => {
|
||||||
|
if (/^https:\/\//i.test(url)) {
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
const domain = url.replace(/http.?:\/\//g, "");
|
||||||
|
return "https://" + domain;
|
||||||
|
};
|
||||||
|
|
||||||
|
const stripTrailingSlash = str => {
|
||||||
|
if (!str) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
return str.endsWith("/") ? str.slice(0, -1) : str;
|
||||||
|
};
|
||||||
|
|
||||||
const authProvider = {
|
const authProvider = {
|
||||||
// called when the user attempts to log in
|
// called when the user attempts to log in
|
||||||
login: ({ base_url, username, password }) => {
|
login: ({ homeserver, username, password }) => {
|
||||||
console.log("login ");
|
console.log("login ");
|
||||||
const options = {
|
const options = {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
@ -13,16 +28,17 @@ const authProvider = {
|
|||||||
}),
|
}),
|
||||||
};
|
};
|
||||||
|
|
||||||
// use the base_url from login instead of the well_known entry from the
|
const url = window.decodeURIComponent(homeserver);
|
||||||
// server, since the admin might want to access the admin API via some
|
const trimmed_url = url.trim().replace(/\s/g, "");
|
||||||
// private address
|
const login_api_url =
|
||||||
localStorage.setItem("base_url", base_url);
|
ensureHttpsForUrl(trimmed_url) + "/_matrix/client/r0/login";
|
||||||
|
|
||||||
const decoded_base_url = window.decodeURIComponent(base_url);
|
|
||||||
const login_api_url = decoded_base_url + "/_matrix/client/r0/login";
|
|
||||||
|
|
||||||
return fetchUtils.fetchJson(login_api_url, options).then(({ json }) => {
|
return fetchUtils.fetchJson(login_api_url, options).then(({ json }) => {
|
||||||
localStorage.setItem("home_server", json.home_server);
|
const normalized_base_url = stripTrailingSlash(
|
||||||
|
json.well_known["m.homeserver"].base_url
|
||||||
|
);
|
||||||
|
localStorage.setItem("base_url", normalized_base_url);
|
||||||
|
localStorage.setItem("home_server_url", json.home_server);
|
||||||
localStorage.setItem("user_id", json.user_id);
|
localStorage.setItem("user_id", json.user_id);
|
||||||
localStorage.setItem("access_token", json.access_token);
|
localStorage.setItem("access_token", json.access_token);
|
||||||
localStorage.setItem("device_id", json.device_id);
|
localStorage.setItem("device_id", json.device_id);
|
||||||
|
@ -26,20 +26,8 @@ const resourceMap = {
|
|||||||
}),
|
}),
|
||||||
data: "users",
|
data: "users",
|
||||||
total: (json, from, perPage) => {
|
total: (json, from, perPage) => {
|
||||||
return json.next_token
|
return json.next_token ? parseInt(json.next_token, 10) + perPage : from + json.users.length;
|
||||||
? parseInt(json.next_token, 10) + perPage
|
|
||||||
: from + json.users.length;
|
|
||||||
},
|
},
|
||||||
create: data => ({
|
|
||||||
endpoint: `/_synapse/admin/v2/users/${data.id}`,
|
|
||||||
body: data,
|
|
||||||
method: "PUT",
|
|
||||||
}),
|
|
||||||
delete: id => ({
|
|
||||||
endpoint: `/_synapse/admin/v1/deactivate/${id}`,
|
|
||||||
body: { erase: true },
|
|
||||||
method: "POST",
|
|
||||||
}),
|
|
||||||
},
|
},
|
||||||
rooms: {
|
rooms: {
|
||||||
path: "/_synapse/admin/v1/rooms",
|
path: "/_synapse/admin/v1/rooms",
|
||||||
@ -54,14 +42,6 @@ const resourceMap = {
|
|||||||
return json.total_rooms;
|
return json.total_rooms;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
connections: {
|
|
||||||
path: "/_synapse/admin/v1/whois",
|
|
||||||
map: c => ({
|
|
||||||
...c,
|
|
||||||
id: c.user_id,
|
|
||||||
}),
|
|
||||||
data: "connections",
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function filterNullValues(key, value) {
|
function filterNullValues(key, value) {
|
||||||
@ -90,8 +70,8 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
const url = `${endpoint_url}?${stringify(query)}`;
|
const url = `${homeserver_url}?${stringify(query)}`;
|
||||||
|
|
||||||
return jsonClient(url).then(({ json }) => ({
|
return jsonClient(url).then(({ json }) => ({
|
||||||
data: json[res.data].map(res.map),
|
data: json[res.data].map(res.map),
|
||||||
@ -106,8 +86,8 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
return jsonClient(`${endpoint_url}/${params.id}`).then(({ json }) => ({
|
return jsonClient(`${homeserver_url}/${params.id}`).then(({ json }) => ({
|
||||||
data: res.map(json),
|
data: res.map(json),
|
||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
@ -119,9 +99,9 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
return Promise.all(
|
return Promise.all(
|
||||||
params.ids.map(id => jsonClient(`${endpoint_url}/${id}`))
|
params.ids.map(id => jsonClient(`${homeserver_url}/${id}`))
|
||||||
).then(responses => ({
|
).then(responses => ({
|
||||||
data: responses.map(({ json }) => res.map(json)),
|
data: responses.map(({ json }) => res.map(json)),
|
||||||
}));
|
}));
|
||||||
@ -146,12 +126,18 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
const url = `${endpoint_url}?${stringify(query)}`;
|
const url = `${homeserver_url}?${stringify(query)}`;
|
||||||
|
|
||||||
return jsonClient(url).then(({ headers, json }) => ({
|
return jsonClient(url).then(({ headers, json }) => ({
|
||||||
data: json,
|
data: json,
|
||||||
total: parseInt(headers.get("content-range").split("/").pop(), 10),
|
total: parseInt(
|
||||||
|
headers
|
||||||
|
.get("content-range")
|
||||||
|
.split("/")
|
||||||
|
.pop(),
|
||||||
|
10
|
||||||
|
),
|
||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -162,8 +148,8 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
return jsonClient(`${endpoint_url}/${params.data.id}`, {
|
return jsonClient(`${homeserver_url}/${params.data.id}`, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
body: JSON.stringify(params.data, filterNullValues),
|
body: JSON.stringify(params.data, filterNullValues),
|
||||||
}).then(({ json }) => ({
|
}).then(({ json }) => ({
|
||||||
@ -178,9 +164,9 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
const endpoint_url = homeserver + res.path;
|
const homeserver_url = homeserver + res.path;
|
||||||
return Promise.all(
|
return Promise.all(
|
||||||
params.ids.map(id => jsonClient(`${endpoint_url}/${id}`), {
|
params.ids.map(id => jsonClient(`${homeserver_url}/${id}`), {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
body: JSON.stringify(params.data, filterNullValues),
|
body: JSON.stringify(params.data, filterNullValues),
|
||||||
})
|
})
|
||||||
@ -195,13 +181,11 @@ const dataProvider = {
|
|||||||
if (!homeserver || !(resource in resourceMap)) return Promise.reject();
|
if (!homeserver || !(resource in resourceMap)) return Promise.reject();
|
||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
if (!("create" in res)) return Promise.reject();
|
|
||||||
|
|
||||||
const create = res["create"](params.data);
|
const homeserver_url = homeserver + res.path;
|
||||||
const endpoint_url = homeserver + create.endpoint;
|
return jsonClient(`${homeserver_url}/${params.data.id}`, {
|
||||||
return jsonClient(endpoint_url, {
|
method: "PUT",
|
||||||
method: create.method,
|
body: JSON.stringify(params.data, filterNullValues),
|
||||||
body: JSON.stringify(create.body, filterNullValues),
|
|
||||||
}).then(({ json }) => ({
|
}).then(({ json }) => ({
|
||||||
data: res.map(json),
|
data: res.map(json),
|
||||||
}));
|
}));
|
||||||
@ -214,24 +198,12 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
if ("delete" in res) {
|
const homeserver_url = homeserver + res.path;
|
||||||
const del = res["delete"](params.id);
|
return jsonClient(`${homeserver_url}/${params.id}`, {
|
||||||
const endpoint_url = homeserver + del.endpoint;
|
method: "DELETE",
|
||||||
return jsonClient(endpoint_url, {
|
}).then(({ json }) => ({
|
||||||
method: del.method,
|
data: json,
|
||||||
body: JSON.stringify(del.body),
|
}));
|
||||||
}).then(({ json }) => ({
|
|
||||||
data: json,
|
|
||||||
}));
|
|
||||||
} else {
|
|
||||||
const endpoint_url = homeserver + res.path;
|
|
||||||
return jsonClient(`${endpoint_url}/${params.id}`, {
|
|
||||||
method: "DELETE",
|
|
||||||
body: JSON.stringify(params.data, filterNullValues),
|
|
||||||
}).then(({ json }) => ({
|
|
||||||
data: json,
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
deleteMany: (resource, params) => {
|
deleteMany: (resource, params) => {
|
||||||
@ -241,32 +213,17 @@ const dataProvider = {
|
|||||||
|
|
||||||
const res = resourceMap[resource];
|
const res = resourceMap[resource];
|
||||||
|
|
||||||
if ("delete" in res) {
|
const homeserver_url = homeserver + res.path;
|
||||||
return Promise.all(
|
return Promise.all(
|
||||||
params.ids.map(id => {
|
params.ids.map(id =>
|
||||||
const del = res["delete"](id);
|
jsonClient(`${homeserver_url}/${id}`, {
|
||||||
const endpoint_url = homeserver + del.endpoint;
|
method: "DELETE",
|
||||||
return jsonClient(endpoint_url, {
|
body: JSON.stringify(params.data, filterNullValues),
|
||||||
method: del.method,
|
}).then(responses => ({
|
||||||
body: JSON.stringify(del.body),
|
data: responses.map(({ json }) => json),
|
||||||
});
|
}))
|
||||||
})
|
)
|
||||||
).then(responses => ({
|
);
|
||||||
data: responses.map(({ json }) => json),
|
|
||||||
}));
|
|
||||||
} else {
|
|
||||||
const endpoint_url = homeserver + res.path;
|
|
||||||
return Promise.all(
|
|
||||||
params.ids.map(id =>
|
|
||||||
jsonClient(`${endpoint_url}/${id}`, {
|
|
||||||
method: "DELETE",
|
|
||||||
body: JSON.stringify(params.data, filterNullValues),
|
|
||||||
})
|
|
||||||
)
|
|
||||||
).then(responses => ({
|
|
||||||
data: responses.map(({ json }) => json),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user