Merge tag '0.5.0' into amp.chat

Change-Id: I410e194bc7b153c69e00f40a4486a46924cd510a

README.md

@@ -4,19 +4,7 @@
 
 This project is built using [react-admin](https://marmelab.com/react-admin/).
 
-It needs at least Synapse v1.27.0 for all functions to work as expected!
-
-You get your server version with the request `/_synapse/admin/v1/server_version`.
-See also [Synapse version API](https://github.com/matrix-org/synapse/blob/develop/docs/admin_api/version_api.rst).
-
-After entering the URL on the login page of synapse-admin the server version appears below the input field.
-
-You need access to the following endpoints:
-
-- `/_matrix`
-- `/_synapse/admin`
-
-See also [Synapse administration endpoints](https://github.com/matrix-org/synapse/blob/develop/docs/reverse_proxy.md#synapse-administration-endpoints)
+It needs at least Synapse v1.18.0 for all functions to work as expected!
 
 ## Step-By-Step install:
 
@@ -35,26 +23,7 @@ Steps for 1):
 
 Steps for 2):
 
-- run the Docker container from the public docker registry: `docker run -p 8080:80 awesometechnologies/synapse-admin` or use the (docker-compose.yml)[docker-compose.yml]: `docker-compose up -d`
-
-  > note: if you're building on an architecture other than amd64 (for example a raspberry pi), make sure to define a maximum ram for node. otherwise the build will fail.
-
-  ```yml
-  version: "3"
-
-  services:
-    synapse-admin:
-      container_name: synapse-admin
-      hostname: synapse-admin
-      build:
-        context: https://github.com/Awesome-Technologies/synapse-admin.git
-        # args:
-        #   - NODE_OPTIONS="--max_old_space_size=1024"
-      ports:
-        - "8080:80"
-      restart: unless-stopped
-  ```
-
+- run the Docker container: `docker run -p 8080:80 awesometechnologies/synapse-admin`
 - browse to http://localhost:8080
 
 ## Screenshots

docker-compose.yml

@@ -1,21 +0,0 @@
-version: "3"
-
-services:
-  synapse-admin:
-    container_name: synapse-admin
-    hostname: synapse-admin
-    image: awesometechnologies/synapse-admin:latest
-    # build:
-    # context: .
-
-    # to use the docker-compose as standalone without a local repo clone,
-    # replace the context definition with this:
-    # context: https://github.com/Awesome-Technologies/synapse-admin.git
-
-    # if you're building on an architecture other than amd64, make sure
-    # to define a maximum ram for node. otherwise the build will fail.
-    # args:
-    #   - NODE_OPTIONS="--max_old_space_size=1024"
-    ports:
-      - "8080:80"
-    restart: unless-stopped

package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-admin",
-  "version": "0.8.0",
+  "version": "AMP/2020.08",
   "description": "Admin GUI for the Matrix.org server Synapse",
   "author": "Awesome Technologies Innovationslabor GmbH",
   "license": "Apache-2.0",
@@ -19,18 +19,19 @@
     "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-prettier": "^3.1.2",
     "jest-fetch-mock": "^3.0.3",
-    "prettier": "^2.0.0",
-    "ra-test": "^3.14.0"
+    "prettier": "^2.0.0"
   },
   "dependencies": {
-    "papaparse": "^5.2.0",
+    "@progress/kendo-drawing": "^1.6.0",
+    "@progress/kendo-react-pdf": "^3.10.1",
+    "babel-preset-jest": "^24.9.0",
     "prop-types": "^15.7.2",
-    "ra-language-chinese": "^2.0.10",
+    "qrcode.react": "^1.0.0",
     "ra-language-german": "^2.1.2",
-    "react": "^17.0.0",
-    "react-admin": "^3.14.0",
-    "react-dom": "^16.14.0",
-    "react-scripts": "^3.4.4"
+    "react": "^16.13.1",
+    "react-admin": "^3.7.0",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1"
   },
   "scripts": {
     "start": "REACT_APP_VERSION=$(git describe --tags) react-scripts start",

public/data/example.csv

@@ -1,3 +0,0 @@
-id,displayname,password,is_guest,admin,deactivated
-@testuser22:example.org,Jane Doe,secretpassword,false,true,false
-,John Doe,,false,false,false

public/index.html

@@ -9,6 +9,32 @@
       name="description"
       content="Synapse-Admin"
     />
+    <style>
+      @font-face {
+        font-family: "DejaVu Sans";
+        src: url("%PUBLIC_URL%/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
+      }
+      @font-face {
+        font-family: "DejaVu Sans";
+        font-weight: bold;
+        src: url("%PUBLIC_URL%/fonts/DejaVu/DejaVuSans-Bold.ttf") format("truetype");
+      }
+      @font-face {
+        font-family: "DejaVu Sans";
+        font-style: italic;
+        src: url("%PUBLIC_URL%/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
+      }
+      @font-face {
+        font-family: "DejaVu Sans";
+        font-weight: bold;
+        font-style: italic;
+        src: url("%PUBLIC_URL%/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
+      }
+      @font-face {
+        font-family: "DejaVu Sans Mono";
+        src: url("%PUBLIC_URL%/fonts/DejaVu/DejaVuSans-Mono.ttf") format("truetype");
+      }
+    </style>
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -46,4 +72,4 @@
       </a>
     </footer>
   </body>
-</html>
+</html>

src/App.js

@@ -4,27 +4,19 @@ import polyglotI18nProvider from "ra-i18n-polyglot";
 import authProvider from "./synapse/authProvider";
 import dataProvider from "./synapse/dataProvider";
 import { UserList, UserCreate, UserEdit } from "./components/users";
-import { RoomList, RoomShow } from "./components/rooms";
-import { ReportList, ReportShow } from "./components/EventReports";
+import { RoomList, RoomCreate, RoomShow } from "./components/rooms";
 import LoginPage from "./components/LoginPage";
 import UserIcon from "@material-ui/icons/Group";
-import EqualizerIcon from "@material-ui/icons/Equalizer";
-import { UserMediaStatsList } from "./components/statistics";
-import RoomIcon from "@material-ui/icons/ViewList";
-import ReportIcon from "@material-ui/icons/Warning";
-import FolderSharedIcon from "@material-ui/icons/FolderShared";
-import { ImportFeature } from "./components/ImportFeature";
-import { RoomDirectoryList } from "./components/RoomDirectory";
-import { Route } from "react-router-dom";
+import { ViewListIcon as RoomIcon } from "@material-ui/icons/ViewList";
 import germanMessages from "./i18n/de";
 import englishMessages from "./i18n/en";
-import chineseMessages from "./i18n/zh";
+import ShowUserPdf from "./components/ShowUserPdf";
+import { Route } from "react-router-dom";
 
 // TODO: Can we use lazy loading together with browser locale?
 const messages = {
   de: germanMessages,
   en: englishMessages,
-  zh: chineseMessages,
 };
 const i18nProvider = polyglotI18nProvider(
   locale => (messages[locale] ? messages[locale] : messages.en),
@@ -33,13 +25,12 @@ const i18nProvider = polyglotI18nProvider(
 
 const App = () => (
   <Admin
-    disableTelemetry
     loginPage={LoginPage}
     authProvider={authProvider}
     dataProvider={dataProvider}
     i18nProvider={i18nProvider}
     customRoutes={[
-      <Route key="userImport" path="/import_users" component={ImportFeature} />,
+      <Route key="showpdf" path="/showpdf" component={ShowUserPdf} />,
     ]}
   >
     <Resource
@@ -49,31 +40,17 @@ const App = () => (
       edit={UserEdit}
       icon={UserIcon}
     />
-    <Resource name="rooms" list={RoomList} show={RoomShow} icon={RoomIcon} />
     <Resource
-      name="user_media_statistics"
-      list={UserMediaStatsList}
-      icon={EqualizerIcon}
-    />
-    <Resource
-      name="reports"
-      list={ReportList}
-      show={ReportShow}
-      icon={ReportIcon}
-    />
-    <Resource
-      name="room_directory"
-      list={RoomDirectoryList}
-      icon={FolderSharedIcon}
+      name="rooms"
+      list={RoomList}
+      create={RoomCreate}
+      show={RoomShow}
+      icon={RoomIcon}
     />
     <Resource name="connections" />
     <Resource name="devices" />
     <Resource name="room_members" />
-    <Resource name="users_media" />
-    <Resource name="joined_rooms" />
-    <Resource name="pushers" />
     <Resource name="servernotices" />
-    <Resource name="room_state" />
   </Admin>
 );
 

src/App.test.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { TestContext } from "ra-test";
+import { TestContext } from "react-admin";
 import { shallow } from "enzyme";
 import App from "./App";
 

src/components/EventReports.js

@@ -1,135 +0,0 @@
-import React from "react";
-import {
-  Datagrid,
-  DateField,
-  List,
-  NumberField,
-  Pagination,
-  ReferenceField,
-  Show,
-  Tab,
-  TabbedShowLayout,
-  TextField,
-  useTranslate,
-} from "react-admin";
-import PageviewIcon from "@material-ui/icons/Pageview";
-import ViewListIcon from "@material-ui/icons/ViewList";
-
-const ReportPagination = props => (
-  <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
-);
-
-export const ReportShow = props => {
-  const translate = useTranslate();
-  return (
-    <Show {...props}>
-      <TabbedShowLayout>
-        <Tab
-          label={translate("synapseadmin.reports.tabs.basic", {
-            smart_count: 1,
-          })}
-          icon={<ViewListIcon />}
-        >
-          <DateField
-            source="received_ts"
-            showTime
-            options={{
-              year: "numeric",
-              month: "2-digit",
-              day: "2-digit",
-              hour: "2-digit",
-              minute: "2-digit",
-              second: "2-digit",
-            }}
-            sortable={true}
-          />
-          <ReferenceField source="user_id" reference="users">
-            <TextField source="id" />
-          </ReferenceField>
-          <NumberField source="score" />
-          <TextField source="reason" />
-          <TextField source="name" />
-          <TextField
-            source="canonical_alias"
-            label="resources.rooms.fields.canonical_alias"
-          />
-          <ReferenceField
-            source="room_id"
-            reference="rooms"
-            link="show"
-            label="resources.rooms.fields.room_id"
-          >
-            <TextField source="id" />
-          </ReferenceField>
-        </Tab>
-
-        <Tab
-          label="synapseadmin.reports.tabs.detail"
-          icon={<PageviewIcon />}
-          path="detail"
-        >
-          {" "}
-          <DateField
-            source="event_json.origin_server_ts"
-            showTime
-            options={{
-              year: "numeric",
-              month: "2-digit",
-              day: "2-digit",
-              hour: "2-digit",
-              minute: "2-digit",
-              second: "2-digit",
-            }}
-            sortable={true}
-          />
-          <ReferenceField source="sender" reference="users">
-            <TextField source="id" />
-          </ReferenceField>
-          <TextField source="event_id" />
-          <TextField source="event_json.origin" />
-          <TextField source="event_json.type" />
-          <TextField source="event_json.content.msgtype" />
-          <TextField source="event_json.content.body" />
-          <TextField source="event_json.content.format" />
-          <TextField source="event_json.content.formatted_body" />
-          <TextField source="event_json.content.algorithm" />
-          <TextField
-            source="event_json.content.device_id"
-            label="resources.users.fields.device_id"
-          />
-        </Tab>
-      </TabbedShowLayout>
-    </Show>
-  );
-};
-
-export const ReportList = ({ ...props }) => {
-  return (
-    <List
-      {...props}
-      pagination={<ReportPagination />}
-      sort={{ field: "received_ts", order: "DESC" }}
-      bulkActionButtons={false}
-    >
-      <Datagrid rowClick="show">
-        <TextField source="id" sortable={false} />
-        <DateField
-          source="received_ts"
-          showTime
-          options={{
-            year: "numeric",
-            month: "2-digit",
-            day: "2-digit",
-            hour: "2-digit",
-            minute: "2-digit",
-            second: "2-digit",
-          }}
-          sortable={true}
-        />
-        <TextField sortable={false} source="user_id" />
-        <TextField sortable={false} source="name" />
-        <TextField sortable={false} source="score" />
-      </Datagrid>
-    </List>
-  );
-};

src/components/ImportFeature.js

@@ -1,674 +0,0 @@
-import React, { useState } from "react";
-import {
-  Button as ReactAdminButton,
-  useDataProvider,
-  useNotify,
-  Title,
-} from "react-admin";
-import { parse as parseCsv, unparse as unparseCsv } from "papaparse";
-import GetAppIcon from "@material-ui/icons/GetApp";
-import {
-  Button,
-  Card,
-  CardActions,
-  CardContent,
-  CardHeader,
-  FormControlLabel,
-  Checkbox,
-  NativeSelect,
-} from "@material-ui/core";
-import { useTranslate } from "ra-core";
-import Container from "@material-ui/core/Container/Container";
-import { generateRandomUser } from "./users";
-
-const LOGGING = true;
-
-export const ImportButton = ({ label, variant = "text" }) => {
-  return (
-    <ReactAdminButton
-      color="primary"
-      component="span"
-      variant={variant}
-      label={label}
-    >
-      <GetAppIcon style={{ transform: "rotate(180deg)", fontSize: "20" }} />
-    </ReactAdminButton>
-  );
-};
-
-const expectedFields = ["id", "displayname"].sort();
-const optionalFields = [
-  "user_type",
-  "guest",
-  "admin",
-  "deactivated",
-  "avatar_url",
-  "password",
-].sort();
-
-function TranslatableOption({ value, text }) {
-  const translate = useTranslate();
-  return <option value={value}>{translate(text)}</option>;
-}
-
-const FilePicker = props => {
-  const [values, setValues] = useState(null);
-  const [error, setError] = useState(null);
-  const [stats, setStats] = useState(null);
-  const [dryRun, setDryRun] = useState(true);
-
-  const [progress, setProgress] = useState(null);
-
-  const [importResults, setImportResults] = useState(null);
-  const [skippedRecords, setSkippedRecords] = useState(null);
-
-  const [conflictMode, setConflictMode] = useState("stop");
-  const [passwordMode, setPasswordMode] = useState(true);
-  const [useridMode, setUseridMode] = useState("ignore");
-
-  const translate = useTranslate();
-  const notify = useNotify();
-
-  const dataProvider = useDataProvider();
-
-  const onFileChange = async e => {
-    if (progress !== null) return;
-
-    setValues(null);
-    setError(null);
-    setStats(null);
-    setImportResults(null);
-    const file = e.target.files ? e.target.files[0] : null;
-    /* Let's refuse some unreasonably big files instead of freezing
-     * up the browser */
-    if (file.size > 100000000) {
-      const message = translate("import_users.errors.unreasonably_big", {
-        size: (file.size / (1024 * 1024)).toFixed(2),
-      });
-      notify(message);
-      setError(message);
-      return;
-    }
-    try {
-      parseCsv(file, {
-        header: true,
-        skipEmptyLines: true /* especially for a final EOL in the csv file */,
-        complete: result => {
-          if (result.error) {
-            setError(result.error);
-          }
-          /* Papaparse is very lenient, we may be able to salvage
-           * the data in the file. */
-          verifyCsv(result, { setValues, setStats, setError });
-        },
-      });
-    } catch {
-      setError(true);
-      return null;
-    }
-  };
-
-  const verifyCsv = (
-    { data, meta, errors },
-    { setValues, setStats, setError }
-  ) => {
-    /* First, verify the presence of required fields */
-    let eF = Array.from(expectedFields);
-    let oF = Array.from(optionalFields);
-
-    meta.fields.forEach(name => {
-      if (eF.includes(name)) {
-        eF = eF.filter(v => v !== name);
-      }
-      if (oF.includes(name)) {
-        oF = oF.filter(v => v !== name);
-      }
-    });
-
-    if (eF.length !== 0) {
-      setError(
-        translate("import_users.error.required_field", { field: eF[0] })
-      );
-      return false;
-    }
-
-    // XXX after deciding on how "name" and friends should be handled below,
-    //     this place will want changes, too.
-
-    /* Collect some stats to prevent sneaky csv files from adding admin
-       users or something.
-     */
-    let stats = {
-      user_types: { default: 0 },
-      is_guest: 0,
-      admin: 0,
-      deactivated: 0,
-      password: 0,
-      avatar_url: 0,
-      id: 0,
-
-      total: data.length,
-    };
-
-    data.forEach((line, idx) => {
-      if (line.user_type === undefined || line.user_type === "") {
-        stats.user_types.default++;
-      } else {
-        stats.user_types[line.user_type] += 1;
-      }
-      /* XXX correct the csv export that react-admin offers for the users
-       * resource so it gives sensible field names and doesn't duplicate
-       * id as "name"?
-       */
-      if (meta.fields.includes("name")) {
-        delete line.name;
-      }
-      if (meta.fields.includes("user_type")) {
-        delete line.user_type;
-      }
-      if (meta.fields.includes("is_admin")) {
-        line.admin = line.is_admin;
-        delete line.is_admin;
-      }
-
-      ["is_guest", "admin", "deactivated"].forEach(f => {
-        if (line[f] === "true") {
-          stats[f]++;
-          line[f] = true; // we need true booleans instead of strings
-        } else {
-          if (line[f] !== "false" && line[f] !== "") {
-            errors.push(
-              translate("import_users.error.invalid_value", {
-                field: f,
-                row: idx,
-              })
-            );
-          }
-          line[f] = false; // default values to false
-        }
-      });
-
-      if (line.password !== undefined && line.password !== "") {
-        stats.password++;
-      }
-
-      if (line.avatar_url !== undefined && line.avatar_url !== "") {
-        stats.avatar_url++;
-      }
-
-      if (line.id !== undefined && line.id !== "") {
-        stats.id++;
-      }
-    });
-
-    if (errors.length > 0) {
-      setError(errors);
-    }
-    setStats(stats);
-    setValues(data);
-
-    return true;
-  };
-
-  const runImport = async e => {
-    if (progress !== null) {
-      notify("import_users.errors.already_in_progress");
-      return;
-    }
-
-    const results = await doImport(
-      dataProvider,
-      values,
-      conflictMode,
-      passwordMode,
-      useridMode,
-      dryRun,
-      setProgress,
-      setError
-    );
-    setImportResults(results);
-    // offer CSV download of skipped or errored records
-    // (so that the user doesn't have to filter out successful
-    // records manually when fixing stuff in the CSV)
-    setSkippedRecords(unparseCsv(results.skippedRecords));
-    if (LOGGING) console.log("Skipped records:");
-    if (LOGGING) console.log(skippedRecords);
-  };
-
-  // XXX every single one of the requests will restart the activity indicator
-  //     which doesn't look very good.
-
-  const doImport = async (
-    dataProvider,
-    data,
-    conflictMode,
-    passwordMode,
-    useridMode,
-    dryRun,
-    setProgress,
-    setError
-  ) => {
-    let skippedRecords = [];
-    let erroredRecords = [];
-    let succeededRecords = [];
-    let changeStats = {
-      toAdmin: 0,
-      toGuest: 0,
-      toRegular: 0,
-      replacedPassword: 0,
-    };
-    let entriesDone = 0;
-    let entriesCount = data.length;
-    try {
-      setProgress({ done: entriesDone, limit: entriesCount });
-      for (const entry of data) {
-        let userRecord = {};
-        let overwriteData = {};
-        // No need to do a bunch of cryptographic random number getting if
-        // we are using neither a generated password nor a generated user id.
-        if (
-          useridMode === "ignore" ||
-          entry.id === undefined ||
-          entry.password === undefined ||
-          passwordMode === false
-        ) {
-          overwriteData = generateRandomUser();
-          // Ignoring IDs or the entry lacking an ID means we keep the
-          // ID field in the overwrite data.
-          if (!(useridMode === "ignore" || entry.id === undefined)) {
-            delete overwriteData.id;
-          }
-
-          // Not using passwords from the csv or this entry lacking a password
-          // means we keep the password field in the overwrite data.
-          if (
-            !(
-              passwordMode === false ||
-              entry.password === undefined ||
-              entry.password === ""
-            )
-          ) {
-            delete overwriteData.password;
-          }
-        }
-        /* TODO record update stats (especially admin no -> yes, deactivated x -> !x, ... */
-        Object.assign(userRecord, entry);
-        Object.assign(userRecord, overwriteData);
-
-        /* For these modes we will consider the ID that's in the record.
-         * If the mode is "stop", we will not continue adding more records, and
-         * we will offer information on what was already added and what was
-         * skipped.
-         *
-         * If the mode is "skip", we record the record for later, but don't
-         * send it to the server.
-         *
-         * If the mode is "update", we change fields that are reasonable to
-         * update.
-         *  - If the "password mode" is "true" (i.e. "use passwords from csv"):
-         *    - if the record has a password
-         *      - send the password along with the record
-         *    - if the record has no password
-         *      - generate a new password
-         *  - If the "password mode" is "false"
-         *    - never generate a new password to update existing users with
-         */
-
-        /* We just act as if there are no IDs in the CSV, so every user will be
-         * created anew.
-         * We do a simple retry loop so that an accidental hit on an existing ID
-         * doesn't trip us up.
-         */
-        if (LOGGING)
-          console.log(
-            "will check for existence of record " + JSON.stringify(userRecord)
-          );
-        let retries = 0;
-        const submitRecord = recordData => {
-          return dataProvider.getOne("users", { id: recordData.id }).then(
-            async alreadyExists => {
-              if (LOGGING) console.log("already existed");
-
-              if (useridMode === "update" || conflictMode === "skip") {
-                skippedRecords.push(recordData);
-              } else if (conflictMode === "stop") {
-                throw new Error(
-                  translate("import_users.error.id_exits", {
-                    id: recordData.id,
-                  })
-                );
-              } else {
-                const overwriteData = generateRandomUser();
-                const newRecordData = Object.assign({}, recordData, {
-                  id: overwriteData.id,
-                });
-                retries++;
-                if (retries > 512) {
-                  console.warn("retry loop got stuck? pathological situation?");
-                  skippedRecords.push(recordData);
-                } else {
-                  await submitRecord(newRecordData);
-                }
-              }
-            },
-            async okToSubmit => {
-              if (LOGGING)
-                console.log(
-                  "OK to create record " +
-                    recordData.id +
-                    " (" +
-                    recordData.displayname +
-                    ")."
-                );
-
-              if (!dryRun) {
-                await dataProvider.create("users", { data: recordData });
-              }
-              succeededRecords.push(recordData);
-            }
-          );
-        };
-
-        await submitRecord(userRecord);
-        entriesDone++;
-        setProgress({ done: entriesDone, limit: data.length });
-      }
-
-      setProgress(null);
-    } catch (e) {
-      setError(
-        translate("import_users.error.at_entry", {
-          entry: entriesDone + 1,
-          message: e.message,
-        })
-      );
-      setProgress(null);
-    }
-    return {
-      skippedRecords,
-      erroredRecords,
-      succeededRecords,
-      totalRecordCount: entriesCount,
-      changeStats,
-      wasDryRun: dryRun,
-    };
-  };
-
-  const downloadSkippedRecords = () => {
-    const element = document.createElement("a");
-    console.log(skippedRecords);
-    const file = new Blob([skippedRecords], {
-      type: "text/comma-separated-values",
-    });
-    element.href = URL.createObjectURL(file);
-    element.download = "skippedRecords.csv";
-    document.body.appendChild(element); // Required for this to work in FireFox
-    element.click();
-  };
-
-  const onConflictModeChanged = async e => {
-    if (progress !== null) {
-      return;
-    }
-
-    const value = e.target.value;
-    setConflictMode(value);
-  };
-
-  const onPasswordModeChange = e => {
-    if (progress !== null) {
-      return;
-    }
-
-    setPasswordMode(e.target.checked);
-  };
-
-  const onUseridModeChanged = async e => {
-    if (progress !== null) {
-      return;
-    }
-
-    const value = e.target.value;
-    setUseridMode(value);
-  };
-
-  const onDryRunModeChanged = ev => {
-    if (progress !== null) {
-      return;
-    }
-    setDryRun(ev.target.checked);
-  };
-
-  // render individual small components
-
-  const statsCards = stats &&
-    !importResults && [
-      <Container>
-        <CardHeader
-          title={translate("import_users.cards.importstats.header")}
-        />
-        <CardContent>
-          <div>
-            {translate(
-              "import_users.cards.importstats.users_total",
-              stats.total
-            )}
-          </div>
-          <div>
-            {translate(
-              "import_users.cards.importstats.guest_count",
-              stats.is_guest
-            )}
-          </div>
-          <div>
-            {translate(
-              "import_users.cards.importstats.admin_count",
-              stats.admin
-            )}
-          </div>
-        </CardContent>
-      </Container>,
-      <Container>
-        <CardHeader title={translate("import_users.cards.ids.header")} />
-        <CardContent>
-          <div>
-            {stats.id === stats.total
-              ? translate("import_users.cards.ids.all_ids_present")
-              : translate("import_users.cards.ids.count_ids_present", stats.id)}
-          </div>
-          {stats.id > 0 ? (
-            <div>
-              <NativeSelect
-                onChange={onUseridModeChanged}
-                value={useridMode}
-                enabled={(progress !== null).toString()}
-              >
-                <TranslatableOption
-                  value="ignore"
-                  text="import_users.cards.ids.mode.ignore"
-                />
-                <TranslatableOption
-                  value="update"
-                  text="import_users.cards.ids.mode.update"
-                />
-              </NativeSelect>
-            </div>
-          ) : (
-            ""
-          )}
-        </CardContent>
-      </Container>,
-      <Container>
-        <CardHeader title={translate("import_users.cards.passwords.header")} />
-        <CardContent>
-          <div>
-            {stats.password === stats.total
-              ? translate("import_users.cards.passwords.all_passwords_present")
-              : translate(
-                  "import_users.cards.passwords.count_passwords_present",
-                  stats.password
-                )}
-          </div>
-          {stats.password > 0 ? (
-            <div>
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    checked={passwordMode}
-                    enabled={(progress !== null).toString()}
-                    onChange={onPasswordModeChange}
-                  />
-                }
-                label={translate("import_users.cards.passwords.use_passwords")}
-              />
-            </div>
-          ) : (
-            ""
-          )}
-        </CardContent>
-      </Container>,
-    ];
-
-  let conflictCards = stats && !importResults && (
-    <Container>
-      <CardHeader title={translate("import_users.cards.conflicts.header")} />
-      <CardContent>
-        <div>
-          <NativeSelect
-            onChange={onConflictModeChanged}
-            value={conflictMode}
-            enabled={(progress !== null).toString()}
-          >
-            <TranslatableOption
-              value="stop"
-              text="import_users.cards.conflicts.mode.stop"
-            />
-            <TranslatableOption
-              value="skip"
-              text="import_users.cards.conflicts.mode.skip"
-            />
-          </NativeSelect>
-        </div>
-      </CardContent>
-    </Container>
-  );
-
-  let errorCards = error && (
-    <Container>
-      <CardHeader title={translate("import_users.error.error")} />
-      <CardContent>
-        {(Array.isArray(error) ? error : [error]).map(e => (
-          <div>{e}</div>
-        ))}
-      </CardContent>
-    </Container>
-  );
-
-  let uploadCard = !importResults && (
-    <Container>
-      <CardHeader title={translate("import_users.cards.upload.header")} />
-      <CardContent>
-        {translate("import_users.cards.upload.explanation")}
-        <a href="./data/example.csv">example.csv</a>
-        <br />
-        <br />
-        <input
-          type="file"
-          onChange={onFileChange}
-          enabled={(progress !== null).toString()}
-        />
-      </CardContent>
-    </Container>
-  );
-
-  let resultsCard = importResults && (
-    <CardContent>
-      <CardHeader title={translate("import_users.cards.results.header")} />
-      <div>
-        {translate(
-          "import_users.cards.results.total",
-          importResults.totalRecordCount
-        )}
-        <br />
-        {translate(
-          "import_users.cards.results.successful",
-          importResults.succeededRecords.length
-        )}
-        <br />
-        {importResults.skippedRecords.length
-          ? [
-              translate(
-                "import_users.cards.results.skipped",
-                importResults.skippedRecords.length
-              ),
-              <div>
-                <button onClick={downloadSkippedRecords}>
-                  {translate("import_users.cards.results.download_skipped")}
-                </button>
-              </div>,
-              <br />,
-            ]
-          : ""}
-        {importResults.erroredRecords.length
-          ? [
-              translate(
-                "import_users.cards.results.skipped",
-                importResults.erroredRecords.length
-              ),
-              <br />,
-            ]
-          : ""}
-        <br />
-        {importResults.wasDryRun && [
-          translate("import_users.cards.results.simulated_only"),
-          <br />,
-        ]}
-      </div>
-    </CardContent>
-  );
-
-  let startImportCard =
-    !values || values.length === 0 || importResults ? undefined : (
-      <CardActions>
-        <FormControlLabel
-          control={
-            <Checkbox
-              checked={dryRun}
-              onChange={onDryRunModeChanged}
-              enabled={(progress !== null).toString()}
-            />
-          }
-          label={translate("import_users.cards.startImport.simulate_only")}
-        />
-        <Button
-          size="large"
-          onClick={runImport}
-          enabled={(progress !== null).toString()}
-        >
-          {translate("import_users.cards.startImport.run_import")}
-        </Button>
-        {progress !== null ? (
-          <div>
-            {progress.done} of {progress.limit} done
-          </div>
-        ) : null}
-      </CardActions>
-    );
-
-  let allCards = [];
-  if (uploadCard) allCards.push(uploadCard);
-  if (errorCards) allCards.push(errorCards);
-  if (conflictCards) allCards.push(conflictCards);
-  if (statsCards) allCards.push(...statsCards);
-  if (startImportCard) allCards.push(startImportCard);
-  if (resultsCard) allCards.push(resultsCard);
-
-  let cardContainer = <Card>{allCards}</Card>;
-
-  return [
-    <Title defaultTitle={translate("import_users.title")} />,
-    cardContainer,
-  ];
-};
-
-export const ImportFeature = FilePicker;

src/components/LoginPage.js

@@ -255,7 +255,6 @@ const LoginPage = ({ theme }) => {
                   >
                     <MenuItem value="de">Deutsch</MenuItem>
                     <MenuItem value="en">English</MenuItem>
-                    <MenuItem value="zh">简体中文</MenuItem>
                   </Select>
                 </div>
                 <FormDataConsumer>

src/components/LoginPage.test.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { TestContext } from "ra-test";
+import { TestContext } from "react-admin";
 import { shallow } from "enzyme";
 import LoginPage from "./LoginPage";
 

src/components/Menu.js

@@ -1,39 +0,0 @@
-// in src/Menu.js
-import * as React from "react";
-import { useSelector } from "react-redux";
-import { useMediaQuery } from "@material-ui/core";
-import { MenuItemLink, getResources } from "react-admin";
-import DefaultIcon from "@material-ui/icons/ViewList";
-import LabelIcon from "@material-ui/icons/Label";
-
-const Menu = ({ onMenuClick, logout }) => {
-  const isXSmall = useMediaQuery(theme => theme.breakpoints.down("xs"));
-  const open = useSelector(state => state.admin.ui.sidebarOpen);
-  const resources = useSelector(getResources);
-  return (
-    <div>
-      {resources.map(resource => (
-        <MenuItemLink
-          key={resource.name}
-          to={`/${resource.name}`}
-          primaryText={
-            (resource.options && resource.options.label) || resource.name
-          }
-          leftIcon={resource.icon ? <resource.icon /> : <DefaultIcon />}
-          onClick={onMenuClick}
-          sidebarIsOpen={open}
-        />
-      ))}
-      <MenuItemLink
-        to="/custom-route"
-        primaryText="Miscellaneous"
-        leftIcon={<LabelIcon />}
-        onClick={onMenuClick}
-        sidebarIsOpen={open}
-      />
-      {isXSmall && logout}
-    </div>
-  );
-};
-
-export default Menu;

src/components/RoomDirectory.js

@@ -1,252 +0,0 @@
-import React, { Fragment } from "react";
-import Avatar from "@material-ui/core/Avatar";
-import { Chip } from "@material-ui/core";
-import { connect } from "react-redux";
-import FolderSharedIcon from "@material-ui/icons/FolderShared";
-import { makeStyles } from "@material-ui/core/styles";
-import {
-  BooleanField,
-  BulkDeleteButton,
-  Button,
-  Datagrid,
-  DeleteButton,
-  Filter,
-  List,
-  NumberField,
-  Pagination,
-  TextField,
-  useCreate,
-  useMutation,
-  useNotify,
-  useTranslate,
-  useRefresh,
-  useUnselectAll,
-} from "react-admin";
-
-const useStyles = makeStyles({
-  small: {
-    height: "40px",
-    width: "40px",
-  },
-});
-
-const RoomDirectoryPagination = props => (
-  <Pagination {...props} rowsPerPageOptions={[100, 500, 1000, 2000]} />
-);
-
-export const RoomDirectoryDeleteButton = props => {
-  const translate = useTranslate();
-
-  return (
-    <DeleteButton
-      {...props}
-      label="resources.room_directory.action.erase"
-      redirect={false}
-      mutationMode="pessimistic"
-      confirmTitle={translate("resources.room_directory.action.title", {
-        smart_count: 1,
-      })}
-      confirmContent={translate("resources.room_directory.action.content", {
-        smart_count: 1,
-      })}
-      resource="room_directory"
-      icon={<FolderSharedIcon />}
-    />
-  );
-};
-
-export const RoomDirectoryBulkDeleteButton = props => (
-  <BulkDeleteButton
-    {...props}
-    label="resources.room_directory.action.erase"
-    undoable={false}
-    confirmTitle="resources.room_directory.action.title"
-    confirmContent="resources.room_directory.action.content"
-    resource="room_directory"
-    icon={<FolderSharedIcon />}
-  />
-);
-
-export const RoomDirectoryBulkSaveButton = ({ selectedIds }) => {
-  const notify = useNotify();
-  const refresh = useRefresh();
-  const unselectAll = useUnselectAll();
-  const [createMany, { loading }] = useMutation();
-
-  const handleSend = values => {
-    createMany(
-      {
-        type: "createMany",
-        resource: "room_directory",
-        payload: { ids: selectedIds, data: {} },
-      },
-      {
-        onSuccess: ({ data }) => {
-          notify("resources.room_directory.action.send_success");
-          unselectAll("rooms");
-          refresh();
-        },
-        onFailure: error =>
-          notify("resources.room_directory.action.send_failure", "error"),
-      }
-    );
-  };
-
-  return (
-    <Button
-      label="resources.room_directory.action.create"
-      onClick={handleSend}
-      disabled={loading}
-    >
-      <FolderSharedIcon />
-    </Button>
-  );
-};
-
-export const RoomDirectorySaveButton = ({ record }) => {
-  const notify = useNotify();
-  const refresh = useRefresh();
-  const [create, { loading }] = useCreate("room_directory");
-
-  const handleSend = values => {
-    create(
-      {
-        payload: { data: { id: record.id } },
-      },
-      {
-        onSuccess: ({ data }) => {
-          notify("resources.room_directory.action.send_success");
-          refresh();
-        },
-        onFailure: error =>
-          notify("resources.room_directory.action.send_failure", "error"),
-      }
-    );
-  };
-
-  return (
-    <Button
-      label="resources.room_directory.action.create"
-      onClick={handleSend}
-      disabled={loading}
-    >
-      <FolderSharedIcon />
-    </Button>
-  );
-};
-
-const RoomDirectoryBulkActionButtons = props => (
-  <Fragment>
-    <RoomDirectoryBulkDeleteButton {...props} />
-  </Fragment>
-);
-
-const AvatarField = ({ source, className, record = {} }) => (
-  <Avatar src={record[source]} className={className} />
-);
-
-const RoomDirectoryFilter = ({ ...props }) => {
-  const translate = useTranslate();
-  return (
-    <Filter {...props}>
-      <Chip
-        label={translate("resources.rooms.fields.room_id")}
-        source="room_id"
-        defaultValue={false}
-        style={{ marginBottom: 8 }}
-      />
-      <Chip
-        label={translate("resources.rooms.fields.topic")}
-        source="topic"
-        defaultValue={false}
-        style={{ marginBottom: 8 }}
-      />
-      <Chip
-        label={translate("resources.rooms.fields.canonical_alias")}
-        source="canonical_alias"
-        defaultValue={false}
-        style={{ marginBottom: 8 }}
-      />
-    </Filter>
-  );
-};
-
-export const FilterableRoomDirectoryList = ({ ...props }) => {
-  const classes = useStyles();
-  const translate = useTranslate();
-  const filter = props.roomDirectoryFilters;
-  const roomIdFilter = filter && filter.room_id ? true : false;
-  const topicFilter = filter && filter.topic ? true : false;
-  const canonicalAliasFilter = filter && filter.canonical_alias ? true : false;
-
-  return (
-    <List
-      {...props}
-      pagination={<RoomDirectoryPagination />}
-      bulkActionButtons={<RoomDirectoryBulkActionButtons />}
-      filters={<RoomDirectoryFilter />}
-      perPage={100}
-    >
-      <Datagrid>
-        <AvatarField
-          source="avatar_src"
-          sortable={false}
-          className={classes.small}
-          label={translate("resources.rooms.fields.avatar")}
-        />
-        <TextField
-          source="name"
-          sortable={false}
-          label={translate("resources.rooms.fields.name")}
-        />
-        {roomIdFilter && (
-          <TextField
-            source="room_id"
-            sortable={false}
-            label={translate("resources.rooms.fields.room_id")}
-          />
-        )}
-        {canonicalAliasFilter && (
-          <TextField
-            source="canonical_alias"
-            sortable={false}
-            label={translate("resources.rooms.fields.canonical_alias")}
-          />
-        )}
-        {topicFilter && (
-          <TextField
-            source="topic"
-            sortable={false}
-            label={translate("resources.rooms.fields.topic")}
-          />
-        )}
-        <NumberField
-          source="num_joined_members"
-          sortable={false}
-          label={translate("resources.rooms.fields.joined_members")}
-        />
-        <BooleanField
-          source="world_readable"
-          sortable={false}
-          label={translate("resources.room_directory.fields.world_readable")}
-        />
-        <BooleanField
-          source="guest_can_join"
-          sortable={false}
-          label={translate("resources.room_directory.fields.guest_can_join")}
-        />
-      </Datagrid>
-    </List>
-  );
-};
-
-function mapStateToProps(state) {
-  return {
-    roomDirectoryFilters:
-      state.admin.resources.room_directory.list.params.displayedFilters,
-  };
-}
-
-export const RoomDirectoryList = connect(mapStateToProps)(
-  FilterableRoomDirectoryList
-);

src/components/SaveQrButton.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from "react";
+import { SaveButton, useCreate, useRedirect, useNotify } from "react-admin";
+
+const SaveQrButton = props => {
+  const [create] = useCreate("users");
+  const redirectTo = useRedirect();
+  const notify = useNotify();
+  const { basePath } = props;
+
+  const handleSave = useCallback(
+    (values, redirect) => {
+      create(
+        {
+          payload: { data: { ...values } },
+        },
+        {
+          onSuccess: ({ data: newRecord }) => {
+            notify("ra.notification.created", "info", {
+              smart_count: 1,
+            });
+            redirectTo(redirect, basePath, newRecord.id, {
+              password: values.password,
+              ...newRecord,
+            });
+          },
+        }
+      );
+    },
+    [create, notify, redirectTo, basePath]
+  );
+
+  return <SaveButton {...props} onSave={handleSave} />;
+};
+
+export default SaveQrButton;

src/components/ShowUserPdf.js

@@ -0,0 +1,210 @@
+import React from "react";
+import { Title, Button } from "react-admin";
+import { makeStyles } from "@material-ui/core/styles";
+import { PDFExport } from "@progress/kendo-react-pdf";
+import QRCode from "qrcode.react";
+
+function xor(a, b) {
+  var res = "";
+  for (var i = 0; i < a.length; i++) {
+    res += String.fromCharCode(a.charCodeAt(i) ^ b.charCodeAt(i % b.length));
+  }
+  return res;
+}
+
+function calculateQrString(serverUrl, username, password) {
+  const magicString = "wo9k5tep252qxsa5yde7366kugy6c01w7oeeya9hrmpf0t7ii7";
+  var urlString = "user=" + username + "&password=" + password;
+
+  urlString = xor(urlString, magicString); // xor with magic string
+  urlString = btoa(urlString); // to base64
+
+  return serverUrl + "/#" + urlString;
+}
+
+const ShowUserPdf = props => {
+  const useStyles = makeStyles(theme => ({
+    page: {
+      height: 800,
+      width: 566,
+      padding: "none",
+      backgroundColor: "white",
+      boxShadow: "5px 5px 5px black",
+      margin: "auto",
+      overflowX: "hidden",
+      overflowY: "hidden",
+      fontFamily: "DejaVu Sans, Sans-Serif",
+      fontSize: 15,
+    },
+    header: {
+      height: 144,
+      width: 534,
+      marginLeft: 32,
+      marginTop: 15,
+    },
+    name: {
+      width: 240,
+      fontSize: 35,
+      float: "left",
+      marginTop: 100,
+    },
+    logo: {
+      width: 90,
+      marginTop: 50,
+      marginRight: 70,
+      float: "right",
+    },
+    body: {
+      clear: "both",
+    },
+    table_cell: {
+      verticalAlign: "top",
+    },
+    code_note: {
+      marginLeft: 32,
+      marginTop: 86,
+    },
+    qr: {
+      marginTop: 15,
+      marginLeft: 32,
+    },
+    credentials_note: {
+      marginTop: 86,
+      marginLeft: 10,
+    },
+    credentials_text: {
+      marginLeft: 10,
+      fontSize: 12,
+    },
+    credentials: {
+      fontFamily: "DejaVu Sans Mono, monospace",
+    },
+    note: {
+      fontSize: 18,
+      marginTop: 100,
+      marginLeft: 32,
+      marginRight: 32,
+    },
+  }));
+
+  const classes = useStyles();
+
+  var resume;
+
+  const exportPDF = () => {
+    resume.save();
+  };
+
+  var qrCode = "";
+  var displayname = "";
+  var id = "";
+  var password = "";
+  var username = "";
+  var serverUrl = "";
+
+  if (
+    props.location.state &&
+    props.location.state.id &&
+    props.location.state.password
+  ) {
+    id = props.location.state.id;
+    password = props.location.state.password;
+
+    username = id.substring(1, id.indexOf(":"));
+    serverUrl = "https://" + id.substring(id.indexOf(":") + 1);
+
+    const qrString = calculateQrString(serverUrl, username, password);
+
+    qrCode = <QRCode value={qrString} size={128} />;
+    displayname = props.location.state.displayname;
+  }
+
+  return (
+    <div>
+      <Title title="PDF" />
+      <Button label="synapseadmin.action.download_pdf" onClick={exportPDF} />
+
+      <PDFExport
+        paperSize={"A4"}
+        fileName="User.pdf"
+        title=""
+        subject=""
+        keywords=""
+        ref={r => (resume = r)}
+      >
+        <div className={classes.page}>
+          <div className={classes.header}>
+            <div className={classes.name}>{displayname}</div>
+            <img className={classes.logo} alt="Logo" src="images/logo.png" />
+          </div>
+          <div className={classes.body}>
+            <table>
+              <tbody>
+                <tr>
+                  <td width="200px">
+                    <div className={classes.code_note}>
+                      Ihr persönlicher Anmeldecode:
+                    </div>
+                  </td>
+                  <td className={classes.table_cell}>
+                    <div className={classes.credentials_note}>
+                      Ihre persönlichen Zugangsdaten:
+                    </div>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    <div className={classes.qr}>{qrCode}</div>
+                  </td>
+                  <td className={classes.table_cell}>
+                    <div className={classes.credentials_text}>
+                      <br />
+                      <table>
+                        <tbody>
+                          <tr>
+                            <td>Heimserver:</td>
+                            <td>
+                              <span className={classes.credentials}>
+                                {serverUrl}
+                              </span>
+                            </td>
+                          </tr>
+                          <tr>
+                            <td>Benutzername:</td>
+                            <td>
+                              <span className={classes.credentials}>
+                                {username}
+                              </span>
+                            </td>
+                          </tr>
+                          <tr>
+                            <td>Passwort:</td>
+                            <td>
+                              <span className={classes.credentials}>
+                                {password}
+                              </span>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div className={classes.note}>
+              Hier können Sie Ihre selbst gewählte
+              Schlüsselsicherungs-Passphrase notieren:
+              <br />
+              <br />
+              <br />
+              <hr />
+            </div>
+          </div>
+        </div>
+      </PDFExport>
+    </div>
+  );
+};
+
+export default ShowUserPdf;

src/components/media.js

@@ -1,145 +0,0 @@
-import React, { Fragment, useState } from "react";
-import classnames from "classnames";
-import { fade } from "@material-ui/core/styles/colorManipulator";
-import { makeStyles } from "@material-ui/core/styles";
-import {
-  BooleanInput,
-  Button,
-  DateTimeInput,
-  NumberInput,
-  SaveButton,
-  SimpleForm,
-  Toolbar,
-  useDelete,
-  useNotify,
-  useTranslate,
-} from "react-admin";
-import IconCancel from "@material-ui/icons/Cancel";
-import Dialog from "@material-ui/core/Dialog";
-import DialogContent from "@material-ui/core/DialogContent";
-import DialogContentText from "@material-ui/core/DialogContentText";
-import DialogTitle from "@material-ui/core/DialogTitle";
-import DeleteSweepIcon from "@material-ui/icons/DeleteSweep";
-
-const useStyles = makeStyles(
-  theme => ({
-    deleteButton: {
-      color: theme.palette.error.main,
-      "&:hover": {
-        backgroundColor: fade(theme.palette.error.main, 0.12),
-        // Reset on mouse devices
-        "@media (hover: none)": {
-          backgroundColor: "transparent",
-        },
-      },
-    },
-  }),
-  { name: "RaDeleteDeviceButton" }
-);
-
-const DeleteMediaDialog = ({ open, loading, onClose, onSend }) => {
-  const translate = useTranslate();
-
-  const dateParser = v => {
-    const d = new Date(v);
-    if (isNaN(d)) return 0;
-    return d.getTime();
-  };
-
-  const DeleteMediaToolbar = props => {
-    return (
-      <Toolbar {...props}>
-        <SaveButton
-          label="resources.delete_media.action.send"
-          icon={<DeleteSweepIcon />}
-        />
-        <Button label="ra.action.cancel" onClick={onClose}>
-          <IconCancel />
-        </Button>
-      </Toolbar>
-    );
-  };
-
-  return (
-    <Dialog open={open} onClose={onClose} loading={loading}>
-      <DialogTitle>
-        {translate("resources.delete_media.action.send")}
-      </DialogTitle>
-      <DialogContent>
-        <DialogContentText>
-          {translate("resources.delete_media.helper.send")}
-        </DialogContentText>
-        <SimpleForm
-          toolbar={<DeleteMediaToolbar />}
-          submitOnEnter={false}
-          redirect={false}
-          save={onSend}
-        >
-          <DateTimeInput
-            fullWidth
-            source="before_ts"
-            label="resources.delete_media.fields.before_ts"
-            defaultValue={0}
-            parse={dateParser}
-          />
-          <NumberInput
-            fullWidth
-            source="size_gt"
-            label="resources.delete_media.fields.size_gt"
-            defaultValue={0}
-            min={0}
-            step={1024}
-          />
-          <BooleanInput
-            fullWidth
-            source="keep_profiles"
-            label="resources.delete_media.fields.keep_profiles"
-            defaultValue={true}
-          />
-        </SimpleForm>
-      </DialogContent>
-    </Dialog>
-  );
-};
-
-export const DeleteMediaButton = props => {
-  const classes = useStyles(props);
-  const [open, setOpen] = useState(false);
-  const notify = useNotify();
-  const [deleteOne, { loading }] = useDelete("delete_media");
-
-  const handleDialogOpen = () => setOpen(true);
-  const handleDialogClose = () => setOpen(false);
-
-  const handleSend = values => {
-    deleteOne(
-      { payload: { ...values } },
-      {
-        onSuccess: () => {
-          notify("resources.delete_media.action.send_success");
-          handleDialogClose();
-        },
-        onFailure: () =>
-          notify("resources.delete_media.action.send_failure", "error"),
-      }
-    );
-  };
-
-  return (
-    <Fragment>
-      <Button
-        label="resources.delete_media.action.send"
-        onClick={handleDialogOpen}
-        disabled={loading}
-        className={classnames("ra-delete-button", classes.deleteButton)}
-      >
-        <DeleteSweepIcon />
-      </Button>
-      <DeleteMediaDialog
-        open={open}
-        onClose={handleDialogClose}
-        onSend={handleSend}
-      />
-    </Fragment>
-  );
-};

src/components/rooms.js

@@ -1,23 +1,25 @@
-import React, { Fragment } from "react";
+import React from "react";
 import { connect } from "react-redux";
 import {
+  AutocompleteArrayInput,
+  BooleanInput,
   BooleanField,
-  BulkDeleteButton,
-  DateField,
+  Create,
   Datagrid,
-  DeleteButton,
   Filter,
+  FormTab,
   List,
   Pagination,
+  ReferenceArrayInput,
   ReferenceField,
   ReferenceManyField,
-  SearchInput,
   SelectField,
   Show,
   Tab,
+  TabbedForm,
   TabbedShowLayout,
   TextField,
-  TopToolbar,
+  TextInput,
   useTranslate,
 } from "react-admin";
 import get from "lodash/get";
@@ -28,13 +30,6 @@ import PageviewIcon from "@material-ui/icons/Pageview";
 import UserIcon from "@material-ui/icons/Group";
 import ViewListIcon from "@material-ui/icons/ViewList";
 import VisibilityIcon from "@material-ui/icons/Visibility";
-import EventIcon from "@material-ui/icons/Event";
-import {
-  RoomDirectoryBulkDeleteButton,
-  RoomDirectoryBulkSaveButton,
-  RoomDirectoryDeleteButton,
-  RoomDirectorySaveButton,
-} from "./RoomDirectory";
 
 const RoomPagination = props => (
   <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
@@ -66,58 +61,131 @@ const EncryptionField = ({ source, record = {}, emptyText }) => {
   );
 };
 
-const RoomTitle = ({ record }) => {
-  const translate = useTranslate();
-  var name = "";
-  if (record) {
-    name = record.name !== "" ? record.name : record.id;
+const validateDisplayName = fieldval =>
+  fieldval === undefined
+    ? "synapseadmin.rooms.room_name_required"
+    : fieldval.length === 0
+    ? "synapseadmin.rooms.room_name_required"
+    : undefined;
+
+function approximateAliasLength(alias, homeserver) {
+  /* TODO maybe handle punycode in homeserver name */
+
+  var te;
+
+  // Support for TextEncoder is quite widespread, but the polyfill is
+  // pretty large; We will only underestimate the size with the regular
+  // length attribute of String, so we never prevent the user from using
+  // an alias that is short enough for the server, but too long for our
+  // heuristic.
+  try {
+    te = new TextEncoder();
+  } catch (err) {
+    if (err instanceof ReferenceError) {
+      te = undefined;
+    }
   }
 
-  return (
-    <span>
-      {translate("resources.rooms.name", 1)} {name}
-    </span>
-  );
+  const aliasLength = te === undefined ? alias.length : te.encode(alias).length;
+
+  return "#".length + aliasLength + ":".length + homeserver.length;
+}
+
+const validateAlias = fieldval => {
+  if (fieldval === undefined) {
+    return undefined;
+  }
+  const homeserver = localStorage.getItem("home_server");
+
+  if (approximateAliasLength(fieldval, homeserver) > 255) {
+    return "synapseadmin.rooms.alias_too_long";
+  }
 };
 
-const RoomShowActions = ({ basePath, data, resource }) => {
-  var roomDirectoryStatus = "";
-  if (data) {
-    roomDirectoryStatus = data.public;
-  }
+const removeLeadingWhitespace = fieldVal =>
+  fieldVal === undefined ? undefined : fieldVal.trimStart();
+const replaceAllWhitespace = fieldVal =>
+  fieldVal === undefined ? undefined : fieldVal.replace(/\s/, "_");
+const removeLeadingSigil = fieldVal =>
+  fieldVal === undefined
+    ? undefined
+    : fieldVal.startsWith("#")
+    ? fieldVal.substr(1)
+    : fieldVal;
 
+const validateHasAliasIfPublic = formdata => {
+  let errors = {};
+  if (formdata.public) {
+    if (
+      formdata.canonical_alias === undefined ||
+      formdata.canonical_alias.trim().length === 0
+    ) {
+      errors.canonical_alias = "synapseadmin.rooms.alias_required_if_public";
+    }
+  }
+  return errors;
+};
+
+export const RoomCreate = props => (
+  <Create {...props}>
+    <TabbedForm validate={validateHasAliasIfPublic}>
+      <FormTab label="synapseadmin.rooms.details" icon={<ViewListIcon />}>
+        <TextInput
+          source="name"
+          parse={removeLeadingWhitespace}
+          validate={validateDisplayName}
+        />
+        <TextInput
+          source="canonical_alias"
+          parse={fv => replaceAllWhitespace(removeLeadingSigil(fv))}
+          validate={validateAlias}
+          placeholder="#"
+        />
+        <BooleanInput source="public" label="synapseadmin.rooms.make_public" />
+        <BooleanInput
+          source="encrypt"
+          initialValue={true}
+          label="synapseadmin.rooms.encrypt"
+        />
+      </FormTab>
+      <FormTab
+        label="resources.rooms.fields.invite_members"
+        icon={<UserIcon />}
+      >
+        <ReferenceArrayInput
+          reference="users"
+          source="invitees"
+          filterToQuery={searchText => ({ user_id: searchText })}
+        >
+          <AutocompleteArrayInput
+            optionText="displayname"
+            suggestionText="displayname"
+          />
+        </ReferenceArrayInput>
+      </FormTab>
+    </TabbedForm>
+  </Create>
+);
+
+const RoomTitle = ({ record }) => {
+  const translate = useTranslate();
   return (
-    <TopToolbar>
-      {roomDirectoryStatus === false && (
-        <RoomDirectorySaveButton record={data} />
-      )}
-      {roomDirectoryStatus === true && (
-        <RoomDirectoryDeleteButton record={data} />
-      )}
-      <DeleteButton
-        basePath={basePath}
-        record={data}
-        resource={resource}
-        mutationMode="pessimistic"
-        confirmTitle="resources.rooms.action.erase.title"
-        confirmContent="resources.rooms.action.erase.content"
-      />
-    </TopToolbar>
+    <span>
+      {translate("resources.rooms.name", 1)} {record ? `"${record.name}"` : ""}
+    </span>
   );
 };
 
 export const RoomShow = props => {
   const translate = useTranslate();
   return (
-    <Show {...props} actions={<RoomShowActions />} title={<RoomTitle />}>
+    <Show {...props} title={<RoomTitle />}>
       <TabbedShowLayout>
         <Tab label="synapseadmin.rooms.tabs.basic" icon={<ViewListIcon />}>
           <TextField source="room_id" />
           <TextField source="name" />
           <TextField source="canonical_alias" />
-          <ReferenceField source="creator" reference="users">
-            <TextField source="id" />
-          </ReferenceField>
+          <TextField source="creator" />
         </Tab>
 
         <Tab
@@ -127,7 +195,6 @@ export const RoomShow = props => {
         >
           <TextField source="joined_members" />
           <TextField source="joined_local_members" />
-          <TextField source="joined_local_devices" />
           <TextField source="state_events" />
           <TextField source="version" />
           <TextField
@@ -218,65 +285,14 @@ export const RoomShow = props => {
             ]}
           />
         </Tab>
-        <Tab
-          label={translate("resources.room_state.name", { smart_count: 2 })}
-          icon={<EventIcon />}
-          path="state"
-        >
-          <ReferenceManyField
-            reference="room_state"
-            target="room_id"
-            addLabel={false}
-          >
-            <Datagrid style={{ width: "100%" }}>
-              <TextField source="type" sortable={false} />
-              <DateField
-                source="origin_server_ts"
-                showTime
-                options={{
-                  year: "numeric",
-                  month: "2-digit",
-                  day: "2-digit",
-                  hour: "2-digit",
-                  minute: "2-digit",
-                  second: "2-digit",
-                }}
-                sortable={false}
-              />
-              <TextField source="content" sortable={false} />
-              <ReferenceField
-                source="sender"
-                reference="users"
-                sortable={false}
-              >
-                <TextField source="id" />
-              </ReferenceField>
-            </Datagrid>
-          </ReferenceManyField>
-        </Tab>
       </TabbedShowLayout>
     </Show>
   );
 };
-
-const RoomBulkActionButtons = props => (
-  <Fragment>
-    <RoomDirectoryBulkSaveButton {...props} />
-    <RoomDirectoryBulkDeleteButton {...props} />
-    <BulkDeleteButton
-      {...props}
-      confirmTitle="resources.rooms.action.erase.title"
-      confirmContent="resources.rooms.action.erase.content"
-      undoable={false}
-    />
-  </Fragment>
-);
-
 const RoomFilter = ({ ...props }) => {
   const translate = useTranslate();
   return (
     <Filter {...props}>
-      <SearchInput source="search_term" alwaysOn />
       <Chip
         label={translate("resources.rooms.fields.joined_local_members")}
         source="joined_local_members"
@@ -319,7 +335,6 @@ const FilterableRoomList = ({ ...props }) => {
       pagination={<RoomPagination />}
       sort={{ field: "name", order: "ASC" }}
       filters={<RoomFilter />}
-      bulkActionButtons={<RoomBulkActionButtons />}
     >
       <Datagrid rowClick="show">
         <EncryptionField

src/components/statistics.js

@@ -1,81 +0,0 @@
-import React from "react";
-import { cloneElement } from "react";
-import {
-  Datagrid,
-  ExportButton,
-  Filter,
-  List,
-  NumberField,
-  Pagination,
-  sanitizeListRestProps,
-  SearchInput,
-  TextField,
-  TopToolbar,
-  useListContext,
-} from "react-admin";
-import { DeleteMediaButton } from "./media";
-
-const ListActions = props => {
-  const { className, exporter, filters, maxResults, ...rest } = props;
-  const {
-    currentSort,
-    resource,
-    displayedFilters,
-    filterValues,
-    showFilter,
-    total,
-  } = useListContext();
-  return (
-    <TopToolbar className={className} {...sanitizeListRestProps(rest)}>
-      {filters &&
-        cloneElement(filters, {
-          resource,
-          showFilter,
-          displayedFilters,
-          filterValues,
-          context: "button",
-        })}
-      <DeleteMediaButton />
-      <ExportButton
-        disabled={total === 0}
-        resource={resource}
-        sort={currentSort}
-        filterValues={filterValues}
-        maxResults={maxResults}
-      />
-    </TopToolbar>
-  );
-};
-
-const UserMediaStatsPagination = props => (
-  <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
-);
-
-const UserMediaStatsFilter = props => (
-  <Filter {...props}>
-    <SearchInput source="search_term" alwaysOn />
-  </Filter>
-);
-
-export const UserMediaStatsList = props => {
-  return (
-    <List
-      {...props}
-      actions={<ListActions />}
-      filters={<UserMediaStatsFilter />}
-      pagination={<UserMediaStatsPagination />}
-      sort={{ field: "media_length", order: "DESC" }}
-      bulkActionButtons={false}
-    >
-      <Datagrid rowClick={(id, basePath, record) => "/users/" + id + "/media"}>
-        <TextField source="user_id" label="resources.users.fields.id" />
-        <TextField
-          source="displayname"
-          label="resources.users.fields.displayname"
-        />
-        <NumberField source="media_count" />
-        <NumberField source="media_length" />
-      </Datagrid>
-    </List>
-  );
-};

src/components/users.js

@@ -3,15 +3,10 @@ import Avatar from "@material-ui/core/Avatar";
 import PersonPinIcon from "@material-ui/icons/PersonPin";
 import ContactMailIcon from "@material-ui/icons/ContactMail";
 import DevicesIcon from "@material-ui/icons/Devices";
-import GetAppIcon from "@material-ui/icons/GetApp";
 import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent";
-import NotificationsIcon from "@material-ui/icons/Notifications";
-import PermMediaIcon from "@material-ui/icons/PermMedia";
-import ViewListIcon from "@material-ui/icons/ViewList";
 import {
   ArrayInput,
   ArrayField,
-  Button,
   Datagrid,
   DateField,
   Create,
@@ -28,33 +23,26 @@ import {
   PasswordInput,
   TextField,
   TextInput,
+  SearchInput,
   ReferenceField,
   ReferenceManyField,
-  SearchInput,
   SelectInput,
   BulkDeleteButton,
   DeleteButton,
   SaveButton,
   regex,
-  useRedirect,
   useTranslate,
   Pagination,
   CreateButton,
   ExportButton,
   TopToolbar,
   sanitizeListRestProps,
-  NumberField,
 } from "react-admin";
+import SaveQrButton from "./SaveQrButton";
 import { ServerNoticeButton, ServerNoticeBulkButton } from "./ServerNotices";
 import { DeviceRemoveButton } from "./devices";
 import { makeStyles } from "@material-ui/core/styles";
 
-const redirect = (basePath, id, data) => {
-  return {
-    pathname: "/import_users",
-  };
-};
-
 const useStyles = makeStyles({
   small: {
     height: "40px",
@@ -84,44 +72,27 @@ const UserListActions = ({
   maxResults,
   total,
   ...rest
-}) => {
-  const redirectTo = useRedirect();
-  return (
-    <TopToolbar className={className} {...sanitizeListRestProps(rest)}>
-      {filters &&
-        cloneElement(filters, {
-          resource,
-          showFilter,
-          displayedFilters,
-          filterValues,
-          context: "button",
-        })}
-      <CreateButton basePath={basePath} />
-      <ExportButton
-        disabled={total === 0}
-        resource={resource}
-        sort={currentSort}
-        filter={{ ...filterValues, ...permanentFilter }}
-        exporter={exporter}
-        maxResults={maxResults}
-      />
-      {/* Add your custom actions */}
-      <Button
-        onClick={() => {
-          redirectTo(redirect);
-        }}
-        label="CSV Import"
-      >
-        <GetAppIcon style={{ transform: "rotate(180deg)", fontSize: "20" }} />
-      </Button>
-    </TopToolbar>
-  );
-};
-
-UserListActions.defaultProps = {
-  selectedIds: [],
-  onUnselectItems: () => null,
-};
+}) => (
+  <TopToolbar className={className} {...sanitizeListRestProps(rest)}>
+    {filters &&
+      cloneElement(filters, {
+        resource,
+        showFilter,
+        displayedFilters,
+        filterValues,
+        context: "button",
+      })}
+    <CreateButton basePath={basePath} />
+    <ExportButton
+      disabled={total === 0}
+      resource={resource}
+      sort={currentSort}
+      filter={{ ...filterValues, ...permanentFilter }}
+      exporter={exporter}
+      maxResults={maxResults}
+    />
+  </TopToolbar>
+);
 
 const UserPagination = props => (
   <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
@@ -129,7 +100,7 @@ const UserPagination = props => (
 
 const UserFilter = props => (
   <Filter {...props}>
-    <SearchInput source="name" alwaysOn />
+    <SearchInput source="user_id" alwaysOn />
     <BooleanInput source="guests" alwaysOn />
     <BooleanInput
       label="resources.users.fields.show_deactivated"
@@ -139,17 +110,19 @@ const UserFilter = props => (
   </Filter>
 );
 
-const UserBulkActionButtons = props => (
-  <Fragment>
-    <ServerNoticeBulkButton {...props} />
-    <BulkDeleteButton
-      {...props}
-      label="resources.users.action.erase"
-      confirmTitle="resources.users.helper.erase"
-      undoable={false}
-    />
-  </Fragment>
-);
+const UserBulkActionButtons = props => {
+  const translate = useTranslate();
+  return (
+    <Fragment>
+      <ServerNoticeBulkButton {...props} />
+      <BulkDeleteButton
+        {...props}
+        label="resources.users.action.erase"
+        title={translate("resources.users.helper.erase")}
+      />
+    </Fragment>
+  );
+};
 
 const AvatarField = ({ source, className, record = {} }) => (
   <Avatar src={record[source]} className={className} />
@@ -173,7 +146,7 @@ export const UserList = props => {
           className={classes.small}
         />
         <TextField source="id" sortable={false} />
-        <TextField source="displayname" sortable={false} />
+        <TextField source="displayname" />
         <BooleanField source="is_guest" sortable={false} />
         <BooleanField source="admin" sortable={false} />
         <BooleanField source="deactivated" sortable={false} />
@@ -182,13 +155,7 @@ export const UserList = props => {
   );
 };
 
-// https://matrix.org/docs/spec/appendices#user-identifiers
-const validateUser = regex(
-  /^@[a-z0-9._=\-/]+:.*/,
-  "synapseadmin.users.invalid_user_id"
-);
-
-export function generateRandomUser() {
+function generateRandomUser() {
   const homeserver = localStorage.getItem("home_server");
   const user_id =
     "@" +
@@ -229,17 +196,58 @@ export function generateRandomUser() {
   };
 }
 
+// redirect to the related Author show page
+const redirect = (basePath, id, data) => {
+  return {
+    pathname: "/showpdf",
+    state: {
+      id: data.id,
+      displayname: data.displayname,
+      password: data.password,
+    },
+  };
+};
+
+const UserCreateToolbar = props => (
+  <Toolbar {...props}>
+    <SaveQrButton
+      label="synapseadmin.action.save_and_show"
+      redirect={redirect}
+      submitOnEnter={true}
+    />
+    <SaveButton
+      label="synapseadmin.action.save_only"
+      redirect="list"
+      submitOnEnter={false}
+      variant="text"
+    />
+  </Toolbar>
+);
+
+// https://matrix.org/docs/spec/appendices#user-identifiers
+const validateUser = regex(
+  /^@[a-z0-9._=\-/]+:.*/,
+  "synapseadmin.users.invalid_user_id"
+);
+
 const UserEditToolbar = props => {
   const translate = useTranslate();
   return (
     <Toolbar {...props}>
-      <SaveButton submitOnEnter={true} />
+      <SaveQrButton
+        label="synapseadmin.action.save_and_show"
+        redirect={redirect}
+        submitOnEnter={true}
+      />
+      <SaveButton
+        label="synapseadmin.action.save_only"
+        redirect="list"
+        submitOnEnter={false}
+        variant="text"
+      />
       <DeleteButton
         label="resources.users.action.erase"
-        confirmTitle={translate("resources.users.helper.erase", {
-          smart_count: 1,
-        })}
-        mutationMode="pessimistic"
+        title={translate("resources.users.helper.erase")}
       />
       <ServerNoticeButton />
     </Toolbar>
@@ -247,8 +255,8 @@ const UserEditToolbar = props => {
 };
 
 export const UserCreate = props => (
-  <Create {...props}>
-    <SimpleForm>
+  <Create record={generateRandomUser()} {...props}>
+    <SimpleForm toolbar={<UserCreateToolbar />}>
       <TextInput source="id" autoComplete="off" validate={validateUser} />
       <TextInput source="displayname" />
       <PasswordInput source="password" autoComplete="new-password" />
@@ -280,6 +288,7 @@ const UserTitle = ({ record }) => {
     </span>
   );
 };
+
 export const UserEdit = props => {
   const classes = useStyles();
   const translate = useTranslate();
@@ -317,7 +326,6 @@ export const UserEdit = props => {
           />
           <TextField source="consent_version" />
         </FormTab>
-
         <FormTab
           label="resources.users.threepid"
           icon={<ContactMailIcon />}
@@ -336,7 +344,6 @@ export const UserEdit = props => {
             </SimpleFormIterator>
           </ArrayInput>
         </FormTab>
-
         <FormTab
           label={translate("resources.devices.name", { smart_count: 2 })}
           icon={<DevicesIcon />}
@@ -368,7 +375,6 @@ export const UserEdit = props => {
             </Datagrid>
           </ReferenceManyField>
         </FormTab>
-
         <FormTab
           label="resources.connections.name"
           icon={<SettingsInputComponentIcon />}
@@ -408,111 +414,6 @@ export const UserEdit = props => {
             </ArrayField>
           </ReferenceField>
         </FormTab>
-
-        <FormTab
-          label={translate("resources.users_media.name", { smart_count: 2 })}
-          icon={<PermMediaIcon />}
-          path="media"
-        >
-          <ReferenceManyField
-            reference="users_media"
-            target="user_id"
-            addLabel={false}
-            pagination={<UserPagination />}
-            perPage={50}
-          >
-            <Datagrid style={{ width: "100%" }}>
-              <DateField
-                source="created_ts"
-                showTime
-                options={{
-                  year: "numeric",
-                  month: "2-digit",
-                  day: "2-digit",
-                  hour: "2-digit",
-                  minute: "2-digit",
-                  second: "2-digit",
-                }}
-                sortable={false}
-              />
-              <DateField
-                source="last_access_ts"
-                showTime
-                options={{
-                  year: "numeric",
-                  month: "2-digit",
-                  day: "2-digit",
-                  hour: "2-digit",
-                  minute: "2-digit",
-                  second: "2-digit",
-                }}
-                sortable={false}
-              />
-              <TextField source="media_id" sortable={false} />
-              <NumberField source="media_length" sortable={false} />
-              <TextField source="media_type" sortable={false} />
-              <TextField source="upload_name" sortable={false} />
-              <TextField source="quarantined_by" sortable={false} />
-              <BooleanField source="safe_from_quarantine" sortable={false} />
-              <DeleteButton mutationMode="pessimistic" redirect={false} />
-            </Datagrid>
-          </ReferenceManyField>
-        </FormTab>
-
-        <FormTab
-          label={translate("resources.rooms.name", { smart_count: 2 })}
-          icon={<ViewListIcon />}
-          path="rooms"
-        >
-          <ReferenceManyField
-            reference="joined_rooms"
-            target="user_id"
-            addLabel={false}
-          >
-            <Datagrid
-              style={{ width: "100%" }}
-              rowClick={(id, basePath, record) => "/rooms/" + id + "/show"}
-            >
-              <TextField
-                source="id"
-                sortable={false}
-                label="resources.rooms.fields.room_id"
-              />
-              <ReferenceField
-                label="resources.rooms.fields.name"
-                source="id"
-                reference="rooms"
-                sortable={false}
-                link=""
-              >
-                <TextField source="name" sortable={false} />
-              </ReferenceField>
-            </Datagrid>
-          </ReferenceManyField>
-        </FormTab>
-
-        <FormTab
-          label={translate("resources.pushers.name", { smart_count: 2 })}
-          icon={<NotificationsIcon />}
-          path="pushers"
-        >
-          <ReferenceManyField
-            reference="pushers"
-            target="user_id"
-            addLabel={false}
-          >
-            <Datagrid style={{ width: "100%" }}>
-              <TextField source="kind" sortable={false} />
-              <TextField source="app_display_name" sortable={false} />
-              <TextField source="app_id" sortable={false} />
-              <TextField source="data.url" sortable={false} />
-              <TextField source="device_display_name" sortable={false} />
-              <TextField source="lang" sortable={false} />
-              <TextField source="profile_tag" sortable={false} />
-              <TextField source="pushkey" sortable={false} />
-            </Datagrid>
-          </ReferenceManyField>
-        </FormTab>
       </TabbedForm>
     </Edit>
   );

src/i18n/de.js

@@ -11,12 +11,25 @@ export default {
       protocol_error: "Die URL muss mit 'http://' oder 'https://' beginnen",
       url_error: "Keine gültige Matrix Server URL",
     },
+    action: {
+      save_and_show: "Speichern und QR Code erzeugen",
+      save_only: "Nur speichern",
+      download_pdf: "PDF speichern",
+    },
     users: {
       invalid_user_id:
         "Muss eine vollständige Matrix Benutzer-ID sein, z.B. @benutzer_id:homeserver",
     },
     rooms: {
       details: "Raumdetails",
+      room_name: "Raumname",
+      make_public: "Öffentlicher Raum",
+      encrypt: "Verschlüsselter Raum",
+      room_name_required: "Muss angegeben werden",
+      alias_required_if_public: "Muss für öffentliche Räume angegeben werden.",
+      alias: "Alias",
+      alias_too_long:
+        "Darf zusammen mit der Domain des Homeservers 255 bytes nicht überschreiten",
       tabs: {
         basic: "Allgemein",
         members: "Mitglieder",
@@ -24,75 +37,6 @@ export default {
         permission: "Berechtigungen",
       },
     },
-    reports: { tabs: { basic: "Allgemein", detail: "Details" } },
-  },
-  import_users: {
-    error: {
-      at_entry: "Bei Eintrag %{entry}: %{message}",
-      error: "Fehler",
-      required_field: "Pflichtfeld '%{field}' fehlt",
-      invalid_value:
-        "Ungültiger Wert in Zeile %{row}. Feld '%{field}' darf nur die Werte 'true' oder 'false' enthalten",
-      unreasonably_big: "Datei ist zu groß für den Import (%{size} Megabytes)",
-      already_in_progress: "Es läuft bereits ein Import",
-      id_exits: "ID %{id} existiert bereits",
-    },
-    title: "Benutzer aus CSV importieren",
-    goToPdf: "Gehe zum PDF",
-    cards: {
-      importstats: {
-        header: "Benutzer importieren",
-        users_total:
-          "%{smart_count} Benutzer in der CSV Datei |||| %{smart_count} Benutzer in der CSV Datei",
-        guest_count: "%{smart_count} Gast |||| %{smart_count} Gäste",
-        admin_count:
-          "%{smart_count} Server Administrator |||| %{smart_count} Server Administratoren",
-      },
-      conflicts: {
-        header: "Konfliktstrategie",
-        mode: {
-          stop: "Stoppe bei Fehlern",
-          skip: "Zeige Fehler und überspringe fehlerhafte Einträge",
-        },
-      },
-      ids: {
-        header: "IDs",
-        all_ids_present: "IDs in jedem Eintrag vorhanden",
-        count_ids_present:
-          "%{smart_count} Eintrag mit ID |||| %{smart_count} Einträge mit IDs",
-        mode: {
-          ignore: "Ignoriere IDs der CSV-Datei und erstelle neue",
-          update: "Aktualisiere existierende Benutzer",
-        },
-      },
-      passwords: {
-        header: "Passwörter",
-        all_passwords_present: "Passwörter in jedem Eintrag vorhanden",
-        count_passwords_present:
-          "%{smart_count} Eintrag mit Passwort |||| %{smart_count} Einträge mit Passwörtern",
-        use_passwords: "Verwende Passwörter aus der CSV Datei",
-      },
-      upload: {
-        header: "CSV Datei importieren",
-        explanation:
-          "Hier können Sie eine Datei mit kommagetrennten Daten hochladen, die verwendet werden um Benutzer anzulegen oder zu ändern. Die Datei muss mindestens die Felder 'id' und 'displayname' enthalten. Hier können Sie eine Beispieldatei herunterladen und anpassen: ",
-      },
-      startImport: {
-        simulate_only: "Nur simulieren",
-        run_import: "Importieren",
-      },
-      results: {
-        header: "Ergebnis",
-        total:
-          "%{smart_count} Eintrag insgesamt |||| %{smart_count} Einträge insgesamt",
-        successful: "%{smart_count} Einträge erfolgreich importiert",
-        skipped: "%{smart_count} Einträge übersprungen",
-        download_skipped: "Übersprungene Einträge herunterladen",
-        with_error:
-          "%{smart_count} Eintrag mit Fehlern ||| %{smart_count} Einträge mit Fehlern",
-        simulated_only: "Import-Vorgang war nur simuliert",
-      },
-    },
   },
   resources: {
     users: {
@@ -120,10 +64,14 @@ export default {
         address: "Adresse",
         creation_ts_ms: "Zeitpunkt der Erstellung",
         consent_version: "Zugestimmte Geschäftsbedingungen",
+        // Devices:
+        device_id: "Geräte-ID",
+        display_name: "Gerätename",
+        last_seen_ts: "Zeitstempel",
+        last_seen_ip: "IP-Adresse",
       },
       helper: {
-        deactivate:
-          "Sie müssen ein Passwort angeben, um ein Konto wieder zu aktivieren.",
+        deactivate: "Deaktivierte Nutzer können nicht wieder aktiviert werden.",
         erase: "DSGVO konformes Löschen der Benutzerdaten",
       },
       action: {
@@ -137,20 +85,19 @@ export default {
         name: "Name",
         canonical_alias: "Alias",
         joined_members: "Mitglieder",
+        invite_members: "Mitglieder einladen",
+        invitees: "Einladungen",
         joined_local_members: "Lokale Mitglieder",
-        joined_local_devices: "Lokale Endgeräte",
-        state_events: "Zustandsereignisse / Komplexität",
+        state_events: "Ereignisse",
         version: "Version",
         is_encrypted: "Verschlüsselt",
         encryption: "Verschlüsselungs-Algorithmus",
         federatable: "Fö­de­rierbar",
-        public: "Sichtbar im Raumverzeichnis",
+        public: "Öffentlich",
         creator: "Ersteller",
         join_rules: "Beitrittsregeln",
         guest_access: "Gastzugriff",
         history_visibility: "Historie-Sichtbarkeit",
-        topic: "Thema",
-        avatar: "Avatar",
       },
       enums: {
         join_rules: {
@@ -171,37 +118,6 @@ export default {
         },
         unencrypted: "Nicht verschlüsselt",
       },
-      action: {
-        erase: {
-          title: "Raum löschen",
-          content:
-            "Sind Sie sicher dass Sie den Raum löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden. Alle Nachrichten und Medien, die der Raum beinhaltet werden vom Server gelöscht!",
-        },
-      },
-    },
-    reports: {
-      name: "Ereignisbericht |||| Ereignisberichte",
-      fields: {
-        id: "ID",
-        received_ts: "Meldezeit",
-        user_id: "Meldender",
-        name: "Raumname",
-        score: "Wert",
-        reason: "Grund",
-        event_id: "Event-ID",
-        event_json: {
-          origin: "Ursprungsserver",
-          origin_server_ts: "Sendezeit",
-          type: "Eventtyp",
-          content: {
-            msgtype: "Inhaltstyp",
-            body: "Nachrichteninhalt",
-            format: "Nachrichtenformat",
-            formatted_body: "Formatierter Nachrichteninhalt",
-            algorithm: "Verschlüsselungsalgorithmus",
-          },
-        },
-      },
     },
     connections: {
       name: "Verbindungen",
@@ -213,12 +129,6 @@ export default {
     },
     devices: {
       name: "Gerät |||| Geräte",
-      fields: {
-        device_id: "Geräte-ID",
-        display_name: "Gerätename",
-        last_seen_ts: "Zeitstempel",
-        last_seen_ip: "IP-Adresse",
-      },
       action: {
         erase: {
           title: "Entferne %{id}",
@@ -228,50 +138,6 @@ export default {
         },
       },
     },
-    users_media: {
-      name: "Medien",
-      fields: {
-        media_id: "Medien ID",
-        media_length: "Größe",
-        media_type: "Typ",
-        upload_name: "Dateiname",
-        quarantined_by: "Zur Quarantäne hinzugefügt",
-        safe_from_quarantine: "Geschützt vor Quarantäne",
-        created_ts: "Erstellt",
-        last_access_ts: "Letzter Zugriff",
-      },
-    },
-    delete_media: {
-      name: "Medien",
-      fields: {
-        before_ts: "Letzter Zugriff vor",
-        size_gt: "Größer als (in Bytes)",
-        keep_profiles: "Behalte Profilbilder",
-      },
-      action: {
-        send: "Medien löschen",
-        send_success: "Anfrage erfolgreich versendet.",
-        send_failure: "Beim Versenden ist ein Fehler aufgetreten.",
-      },
-      helper: {
-        send:
-          "Diese API löscht die lokalen Medien von der Festplatte des eigenen Servers. Dies umfasst alle lokalen Miniaturbilder und Kopien von Medien. Diese API wirkt sich nicht auf Medien aus, die sich in externen Medien-Repositories befinden.",
-      },
-    },
-    pushers: {
-      name: "Pusher |||| Pushers",
-      fields: {
-        app: "App",
-        app_display_name: "App-Anzeigename",
-        app_id: "App ID",
-        device_display_name: "Geräte-Anzeigename",
-        kind: "Art",
-        lang: "Sprache",
-        profile_tag: "Profil-Tag",
-        pushkey: "Pushkey",
-        data: { url: "URL" },
-      },
-    },
     servernotices: {
       name: "Serverbenachrichtigungen",
       send: "Servernachricht versenden",
@@ -288,46 +154,9 @@ export default {
           'Sendet eine Serverbenachrichtigung an die ausgewählten Nutzer. Hierfür muss das Feature "Server Notices" auf dem Server aktiviert sein.',
       },
     },
-    user_media_statistics: {
-      name: "Dateien je Benutzer",
-      fields: {
-        media_count: "Anzahl der Dateien",
-        media_length: "Größe der Dateien",
-      },
-    },
-    room_state: {
-      name: "Zustandsereignisse",
-      fields: {
-        type: "Typ",
-        content: "Inhalt",
-        origin_server_ts: "Sendezeit",
-        sender: "Absender",
-      },
-    },
-    room_directory: {
-      name: "Raumverzeichnis",
-      fields: {
-        world_readable: "Gastbenutzer dürfen ohne Beitritt lesen",
-        guest_can_join: "Gastbenutzer dürfen beitreten",
-      },
-      action: {
-        title:
-          "Raum aus Verzeichnis löschen |||| %{smart_count} Räume aus Verzeichnis löschen",
-        content:
-          "Möchten Sie den Raum wirklich aus dem Raumverzeichnis löschen? |||| Möchten Sie die %{smart_count} Räume wirklich aus dem Raumverzeichnis löschen?",
-        erase: "Lösche aus Verzeichnis",
-        create: "Eintragen ins Verzeichnis",
-        send_success: "Raum erfolgreich eingetragen.",
-        send_failure: "Beim Entfernen ist ein Fehler aufgetreten.",
-      },
-    },
   },
   ra: {
     ...germanMessages.ra,
-    action: {
-      ...germanMessages.ra.action,
-      unselect: "Abwählen",
-    },
     auth: {
       ...germanMessages.ra.auth,
       auth_check_error: "Anmeldung fehlgeschlagen",
@@ -344,10 +173,5 @@ export default {
       ...germanMessages.ra.notifiaction,
       logged_out: "Abgemeldet",
     },
-    page: {
-      ...germanMessages.ra.page,
-      empty: "Keine Einträge vorhanden",
-      invite: "",
-    },
   },
 };

src/i18n/en.js

@@ -11,11 +11,25 @@ export default {
       protocol_error: "URL has to start with 'http://' or 'https://'",
       url_error: "Not a valid Matrix server URL",
     },
+    action: {
+      save_and_show: "Create QR code",
+      save_only: "Save",
+      download_pdf: "Download PDF",
+    },
     users: {
       invalid_user_id:
         "Must be a fully qualified Matrix user-id, e.g. @user_id:homeserver",
     },
     rooms: {
+      details: "Room Details",
+      room_name: "Room Name",
+      make_public: "Make room public",
+      encrypt: "Encrypt room",
+      room_name_required: "Must be provided",
+      alias_required_if_public: "Must be provided for a public room",
+      alias: "Alias",
+      alias_too_long:
+        "Must not exceed 255 bytes including the domain of the homeserver.",
       tabs: {
         basic: "Basic",
         members: "Members",
@@ -23,75 +37,6 @@ export default {
         permission: "Permissions",
       },
     },
-    reports: { tabs: { basic: "Basic", detail: "Details" } },
-  },
-  import_users: {
-    error: {
-      at_entry: "At entry %{entry}: %{message}",
-      error: "Error",
-      required_field: "Required field '%{field}' is not present",
-      invalid_value:
-        "Invalid value on line %{row}. '%{field}' field may only be 'true' or 'false'",
-      unreasonably_big:
-        "Refused to load unreasonably big file of %{size} megabytes",
-      already_in_progress: "An import run is already in progress",
-      id_exits: "ID %{id} already present",
-    },
-    title: "Import users via CSV",
-    goToPdf: "Go to PDF",
-    cards: {
-      importstats: {
-        header: "Import users",
-        users_total:
-          "%{smart_count} user in CSV file |||| %{smart_count} users in CSV file",
-        guest_count: "%{smart_count} guest |||| %{smart_count} guests",
-        admin_count: "%{smart_count} admin |||| %{smart_count} admins",
-      },
-      conflicts: {
-        header: "Conflict strategy",
-        mode: {
-          stop: "Stop on conflict",
-          skip: "Show error and skip on conflict",
-        },
-      },
-      ids: {
-        header: "IDs",
-        all_ids_present: "IDs present on every entry",
-        count_ids_present:
-          "%{smart_count} entry with ID |||| %{smart_count} entries with IDs",
-        mode: {
-          ignore: "Ignore IDs in CSV and create new ones",
-          update: "Update existing records",
-        },
-      },
-      passwords: {
-        header: "Passwords",
-        all_passwords_present: "Passwords present on every entry",
-        count_passwords_present:
-          "%{smart_count} entry with password |||| %{smart_count} entries with passwords",
-        use_passwords: "Use passwords from CSV",
-      },
-      upload: {
-        header: "Input CSV file",
-        explanation:
-          "Here you can upload a file with comma separated values that is processed to create or update users. The file must include the fields 'id' and 'displayname'. You can download and adapt an example file here: ",
-      },
-      startImport: {
-        simulate_only: "Simulate only",
-        run_import: "Import",
-      },
-      results: {
-        header: "Import results",
-        total:
-          "%{smart_count} entry in total |||| %{smart_count} entries in total",
-        successful: "%{smart_count} entries successfully imported",
-        skipped: "%{smart_count} entries skipped",
-        download_skipped: "Download skipped records",
-        with_error:
-          "%{smart_count} entry with errors ||| %{smart_count} entries with errors",
-        simulated_only: "Run was only simulated",
-      },
-    },
   },
   resources: {
     users: {
@@ -119,9 +64,14 @@ export default {
         address: "Address",
         creation_ts_ms: "Creation timestamp",
         consent_version: "Consent version",
+        // Devices:
+        device_id: "Device-ID",
+        display_name: "Device name",
+        last_seen_ts: "Timestamp",
+        last_seen_ip: "IP address",
       },
       helper: {
-        deactivate: "You must provide a password to re-activate an account.",
+        deactivate: "Deactivated users cannot be reactivated",
         erase: "Mark the user as GDPR-erased",
       },
       action: {
@@ -135,20 +85,19 @@ export default {
         name: "Name",
         canonical_alias: "Alias",
         joined_members: "Members",
-        joined_local_members: "Local members",
-        joined_local_devices: "Local devices",
-        state_events: "State events / Complexity",
+        invite_members: "Invite Members",
+        invitees: "Invitations",
+        joined_local_members: "local members",
+        state_events: "State events",
         version: "Version",
         is_encrypted: "Encrypted",
         encryption: "Encryption",
         federatable: "Federatable",
-        public: "Visible in room directory",
+        public: "Public",
         creator: "Creator",
         join_rules: "Join rules",
         guest_access: "Guest access",
         history_visibility: "History visibility",
-        topic: "Topic",
-        avatar: "Avatar",
       },
       enums: {
         join_rules: {
@@ -169,35 +118,6 @@ export default {
         },
         unencrypted: "Unencrypted",
       },
-      erase: {
-        title: "Delete room",
-        content:
-          "Are you sure you want to delete the room? This cannot be undone. All messages and shared media in the room will be deleted from the server!",
-      },
-    },
-    reports: {
-      name: "Reported event |||| Reported events",
-      fields: {
-        id: "ID",
-        received_ts: "report time",
-        user_id: "announcer",
-        name: "name of the room",
-        score: "score",
-        reason: "reason",
-        event_id: "event ID",
-        event_json: {
-          origin: "origin server",
-          origin_server_ts: "time of send",
-          type: "event typ",
-          content: {
-            msgtype: "content type",
-            body: "content",
-            format: "format",
-            formatted_body: "formatted content",
-            algorithm: "algorithm",
-          },
-        },
-      },
     },
     connections: {
       name: "Connections",
@@ -209,12 +129,6 @@ export default {
     },
     devices: {
       name: "Device |||| Devices",
-      fields: {
-        device_id: "Device-ID",
-        display_name: "Device name",
-        last_seen_ts: "Timestamp",
-        last_seen_ip: "IP address",
-      },
       action: {
         erase: {
           title: "Removing %{id}",
@@ -224,50 +138,6 @@ export default {
         },
       },
     },
-    users_media: {
-      name: "Media",
-      fields: {
-        media_id: "Media ID",
-        media_length: "Lenght",
-        media_type: "Type",
-        upload_name: "File name",
-        quarantined_by: "Quarantined by",
-        safe_from_quarantine: "Safe from quarantine",
-        created_ts: "Created",
-        last_access_ts: "Last access",
-      },
-    },
-    delete_media: {
-      name: "Media",
-      fields: {
-        before_ts: "last access before",
-        size_gt: "Larger then (in bytes)",
-        keep_profiles: "Keep profile images",
-      },
-      action: {
-        send: "Delete media",
-        send_success: "Request successfully sent.",
-        send_failure: "An error has occurred.",
-      },
-      helper: {
-        send:
-          "This API deletes the local media from the disk of your own server. This includes any local thumbnails and copies of media downloaded. This API will not affect media that has been uploaded to external media repositories.",
-      },
-    },
-    pushers: {
-      name: "Pusher |||| Pushers",
-      fields: {
-        app: "App",
-        app_display_name: "App display name",
-        app_id: "App ID",
-        device_display_name: "Device display name",
-        kind: "Kind",
-        lang: "Language",
-        profile_tag: "Profile tag",
-        pushkey: "Pushkey",
-        data: { url: "URL" },
-      },
-    },
     servernotices: {
       name: "Server Notices",
       send: "Send server notices",
@@ -284,38 +154,5 @@ export default {
           'Sends a server notice to the selected users. The feature "Server Notices" has to be activated at the server.',
       },
     },
-    user_media_statistics: {
-      name: "Users' media",
-      fields: {
-        media_count: "Media count",
-        media_length: "Media length",
-      },
-    },
-    room_state: {
-      name: "State events",
-      fields: {
-        type: "Type",
-        content: "Content",
-        origin_server_ts: "time of send",
-        sender: "Sender",
-      },
-    },
-    room_directory: {
-      name: "Room directory",
-      fields: {
-        world_readable: "guest users may view without joining",
-        guest_can_join: "guest users may join",
-      },
-      action: {
-        title:
-          "Delete room from directory |||| Delete %{smart_count} rooms from directory",
-        content:
-          "Are you sure you want to remove this room from directory? |||| Are you sure you want to remove these %{smart_count} rooms from directory",
-        erase: "Delete from room directory",
-        create: "Publish in room directory",
-        send_success: "Room successfully published.",
-        send_failure: "An error has occurred.",
-      },
-    },
   },
 };

src/i18n/zh.js

@@ -1,290 +0,0 @@
-import chineseMessages from "ra-language-chinese";
-
-export default {
-  ...chineseMessages,
-  synapseadmin: {
-    auth: {
-      base_url: "服务器 URL",
-      welcome: "欢迎来到 Synapse-admin",
-      server_version: "Synapse 版本",
-      username_error: "请输入完整有效的用户 ID: '@user:domain'",
-      protocol_error: "URL 需要以'http://'或'https://'作为起始",
-      url_error: "不是一个有效的 Matrix 服务器地址",
-    },
-    users: {
-      invalid_user_id:
-        "必须要是一个有效的 Matrix 用户 ID ，例如 @user_id:homeserver",
-    },
-    rooms: {
-      tabs: {
-        basic: "基本",
-        members: "成员",
-        detail: "细节",
-        permission: "权限",
-      },
-      delete: {
-        title: "删除房间",
-        message:
-          "您确定要删除这个房间吗？该操作无法被撤销。这个房间里所有的消息和分享的媒体都将被从服务器上删除！",
-      },
-    },
-    reports: { tabs: { basic: "基本", detail: "细节" } },
-  },
-  import_users: {
-    error: {
-      at_entry: "在条目 %{entry}: %{message}",
-      error: "错误",
-      required_field: "需要的值 '%{field}' 未被设置。",
-      invalid_value:
-        "第 %{row} 行出现无效值。 '%{field}' 只可以是 'true' 或 'false'。",
-      unreasonably_big: "拒绝加载过大的文件： %{size} MB",
-      already_in_progress: "一个导入进程已经在运行中",
-      id_exits: "ID %{id} 已经存在",
-    },
-    title: "通过 CSV 导入用户",
-    goToPdf: "转到 PDF",
-    cards: {
-      importstats: {
-        header: "导入用户",
-        users_total:
-          "%{smart_count} 用户在 CSV 文件中 |||| %{smart_count} 用户在 CSV 文件中",
-        guest_count: "%{smart_count} 访客 |||| %{smart_count} 访客",
-        admin_count: "%{smart_count} 管理员 |||| %{smart_count} 管理员",
-      },
-      conflicts: {
-        header: "冲突处理策略",
-        mode: {
-          stop: "在冲突处停止",
-          skip: "显示错误并跳过冲突",
-        },
-      },
-      ids: {
-        header: "IDs",
-        all_ids_present: "每条记录的 ID",
-        count_ids_present:
-          "%{smart_count} 个含 ID 的记录 |||| %{smart_count} 个含 ID 的记录",
-        mode: {
-          ignore: "忽略 CSV 中的 ID 并创建新的",
-          update: "更新已经存在的记录",
-        },
-      },
-      passwords: {
-        header: "密码",
-        all_passwords_present: "每条记录的密码",
-        count_passwords_present:
-          "%{smart_count} 个含密码的记录 |||| %{smart_count} 个含密码的记录",
-        use_passwords: "使用 CSV 中标记的密码",
-      },
-      upload: {
-        header: "导入 CSV 文件",
-        explanation:
-          "在这里，你可以上传一个用逗号分隔的文件，用于创建或更新用户。该文件必须包括 'id' 和 'displayname' 字段。你可以在这里下载并修改一个示例文件：",
-      },
-      startImport: {
-        simulate_only: "模拟模式",
-        run_import: "导入",
-      },
-      results: {
-        header: "导入结果",
-        total: "共计 %{smart_count} 条记录 |||| 共计 %{smart_count} 条记录",
-        successful: "%{smart_count} 条记录导入成功",
-        skipped: "跳过 %{smart_count} 条记录",
-        download_skipped: "下载跳过的记录",
-        with_error:
-          "%{smart_count} 条记录出现错误 ||| %{smart_count} 条记录出现错误",
-        simulated_only: "只是一次模拟运行",
-      },
-    },
-  },
-  resources: {
-    users: {
-      backtolist: "回到列表",
-      name: "用户",
-      email: "邮箱",
-      msisdn: "电话",
-      threepid: "邮箱 / 电话",
-      fields: {
-        avatar: "邮箱",
-        id: "用户 ID",
-        name: "用户名",
-        is_guest: "访客",
-        admin: "服务器管理员",
-        deactivated: "被禁用",
-        guests: "显示访客",
-        show_deactivated: "显示被禁用的账户",
-        user_id: "搜索用户",
-        displayname: "显示名字",
-        password: "密码",
-        avatar_url: "头像 URL",
-        avatar_src: "头像",
-        medium: "Medium",
-        threepids: "3PIDs",
-        address: "地址",
-        creation_ts_ms: "创建时间戳",
-        consent_version: "协议版本",
-      },
-      helper: {
-        deactivate: "您必须提供一串密码来激活账户。",
-        erase: "将用户标记为根据 GDPR 的要求抹除了",
-      },
-      action: {
-        erase: "抹除用户信息",
-      },
-    },
-    rooms: {
-      name: "房间",
-      fields: {
-        room_id: "房间 ID",
-        name: "房间名",
-        canonical_alias: "别名",
-        joined_members: "成员",
-        joined_local_members: "本地成员",
-        state_events: "状态事件",
-        version: "版本",
-        is_encrypted: "已经加密",
-        encryption: "加密",
-        federatable: "可联合的",
-        public: "公开",
-        creator: "创建者",
-        join_rules: "加入规则",
-        guest_access: "访客访问",
-        history_visibility: "历史可见性",
-      },
-      enums: {
-        join_rules: {
-          public: "公开",
-          knock: "申请",
-          invite: "邀请",
-          private: "私有",
-        },
-        guest_access: {
-          can_join: "访客可以加入",
-          forbidden: "访客不可加入",
-        },
-        history_visibility: {
-          invited: "自从被邀请",
-          joined: "自从加入",
-          shared: "自从分享",
-          world_readable: "任何人",
-        },
-        unencrypted: "未加密",
-      },
-    },
-    reports: {
-      name: "报告事件",
-      fields: {
-        id: "ID",
-        received_ts: "报告时间",
-        user_id: "报告者",
-        name: "房间名",
-        score: "分数",
-        reason: "原因",
-        event_id: "事件 ID",
-        event_json: {
-          origin: "原始服务器",
-          origin_server_ts: "发送时间",
-          type: "事件类型",
-          content: {
-            msgtype: "内容类型",
-            body: "内容",
-            format: "格式",
-            formatted_body: "格式化的数据",
-            algorithm: "算法",
-          },
-        },
-      },
-    },
-    connections: {
-      name: "连接",
-      fields: {
-        last_seen: "日期",
-        ip: "IP 地址",
-        user_agent: "用户代理 (UA)",
-      },
-    },
-    devices: {
-      name: "设备",
-      fields: {
-        device_id: "设备 ID",
-        display_name: "设备名",
-        last_seen_ts: "时间戳",
-        last_seen_ip: "IP 地址",
-      },
-      action: {
-        erase: {
-          title: "移除 %{id}",
-          content: '您确定要移除设备 "%{name}"?',
-          success: "设备移除成功。",
-          failure: "出现了一个错误。",
-        },
-      },
-    },
-    users_media: {
-      name: "媒体文件",
-      fields: {
-        media_id: "媒体文件 ID",
-        media_length: "长度",
-        media_type: "类型",
-        upload_name: "文件名",
-        quarantined_by: "被隔离",
-        safe_from_quarantine: "取消隔离",
-        created_ts: "创建",
-        last_access_ts: "上一次访问",
-      },
-    },
-    delete_media: {
-      name: "媒体文件",
-      fields: {
-        before_ts: "最后访问时间",
-        size_gt: "大于 (字节)",
-        keep_profiles: "保留头像",
-      },
-      action: {
-        send: "删除媒体",
-        send_success: "请求发送成功。",
-        send_failure: "出现了一个错误。",
-      },
-      helper: {
-        send:
-          "这个API会删除您硬盘上的本地媒体。包含了任何的本地缓存和下载的媒体备份。这个API不会影响上传到外部媒体存储库上的媒体文件。",
-      },
-    },
-    pushers: {
-      name: "发布者",
-      fields: {
-        app: "App",
-        app_display_name: "App 名称",
-        app_id: "App ID",
-        device_display_name: "设备显示名",
-        kind: "类型",
-        lang: "语言",
-        profile_tag: "数据标签",
-        pushkey: "Pushkey",
-        data: { url: "URL" },
-      },
-    },
-    servernotices: {
-      name: "服务器提示",
-      send: "发送服务器提示",
-      fields: {
-        body: "信息",
-      },
-      action: {
-        send: "发送提示",
-        send_success: "服务器提示发送成功。",
-        send_failure: "出现了一个错误。",
-      },
-      helper: {
-        send:
-          '向选中的用户发送服务器提示。服务器配置中的 "服务器提示(Server Notices)" 选项需要被设置为启用。',
-      },
-    },
-    user_media_statistics: {
-      name: "用户的媒体文件",
-      fields: {
-        media_count: "媒体文件统计",
-        media_length: "媒体文件长度",
-      },
-    },
-  },
-};

src/synapse/authProvider.js

@@ -10,7 +10,6 @@ const authProvider = {
         type: "m.login.password",
         user: username,
         password: password,
-        initial_device_display_name: "Synapse Admin",
       }),
     };
 
@@ -31,26 +30,8 @@ const authProvider = {
   },
   // called when the user clicks on the logout button
   logout: () => {
-    console.log("logout");
-
-    const logout_api_url =
-      localStorage.getItem("base_url") + "/_matrix/client/r0/logout";
-    const access_token = localStorage.getItem("access_token");
-
-    const options = {
-      method: "POST",
-      user: {
-        authenticated: true,
-        token: `Bearer ${access_token}`,
-      },
-    };
-
-    if (typeof access_token === "string") {
-      fetchUtils.fetchJson(logout_api_url, options).then(({ json }) => {
-        localStorage.removeItem("access_token");
-        localStorage.removeItem("device_id");
-      });
-    }
+    console.log("logout ");
+    localStorage.removeItem("access_token");
     return Promise.resolve();
   },
   // called when the API returns an error
@@ -65,7 +46,7 @@ const authProvider = {
   checkAuth: () => {
     const access_token = localStorage.getItem("access_token");
     console.log("checkAuth " + access_token);
-    return typeof access_token === "string"
+    return typeof access_token == "string"
       ? Promise.resolve()
       : Promise.reject();
   },

src/synapse/dataProvider.js

@@ -35,6 +35,7 @@ const resourceMap = {
       is_guest: !!u.is_guest,
       admin: !!u.admin,
       deactivated: !!u.deactivated,
+      displayname: u.display_name || u.displayname,
       // need timestamp in milliseconds
       creation_ts_ms: u.creation_ts * 1000,
     }),
@@ -63,33 +64,38 @@ const resourceMap = {
       public: !!r.public,
     }),
     data: "rooms",
-    total: json => {
-      return json.total_rooms;
-    },
-    delete: params => ({
-      endpoint: `/_synapse/admin/v1/rooms/${params.id}/delete`,
-      body: { block: false },
+    total: json => json.total_rooms,
+    create: data => ({
+      endpoint: "/_matrix/client/r0/createRoom",
+      body: {
+        name: data.name,
+        room_alias_name: data.canonical_alias,
+        visibility: data.public ? "public" : "private",
+        invite:
+          Array.isArray(data.invitees) && data.invitees.length > 0
+            ? data.invitees
+            : undefined,
+        initial_state: data.encrypt
+          ? [
+              {
+                type: "m.room.encryption",
+                state_key: "",
+                content: {
+                  algorithm: "m.megolm.v1.aes-sha2",
+                },
+              },
+            ]
+          : undefined,
+      },
       method: "POST",
     }),
   },
-  reports: {
-    path: "/_synapse/admin/v1/event_reports",
-    map: er => ({
-      ...er,
-      id: er.id,
-    }),
-    data: "event_reports",
-    total: json => json.total,
-  },
   devices: {
     map: d => ({
       ...d,
       id: d.device_id,
     }),
     data: "devices",
-    total: json => {
-      return json.total;
-    },
     reference: id => ({
       endpoint: `/_synapse/admin/v2/users/${id}/devices`,
     }),
@@ -113,75 +119,6 @@ const resourceMap = {
       endpoint: `/_synapse/admin/v1/rooms/${id}/members`,
     }),
     data: "members",
-    total: json => {
-      return json.total;
-    },
-  },
-  room_state: {
-    map: rs => ({
-      ...rs,
-      id: rs.event_id,
-    }),
-    reference: id => ({
-      endpoint: `/_synapse/admin/v1/rooms/${id}/state`,
-    }),
-    data: "state",
-    total: json => {
-      return json.state.length;
-    },
-  },
-  pushers: {
-    map: p => ({
-      ...p,
-      id: p.pushkey,
-    }),
-    reference: id => ({
-      endpoint: `/_synapse/admin/v1/users/${id}/pushers`,
-    }),
-    data: "pushers",
-    total: json => {
-      return json.total;
-    },
-  },
-  joined_rooms: {
-    map: jr => ({
-      id: jr,
-    }),
-    reference: id => ({
-      endpoint: `/_synapse/admin/v1/users/${id}/joined_rooms`,
-    }),
-    data: "joined_rooms",
-    total: json => {
-      return json.total;
-    },
-  },
-  users_media: {
-    map: um => ({
-      ...um,
-      id: um.media_id,
-    }),
-    reference: id => ({
-      endpoint: `/_synapse/admin/v1/users/${id}/media`,
-    }),
-    data: "media",
-    total: json => {
-      return json.total;
-    },
-    delete: params => ({
-      endpoint: `/_synapse/admin/v1/media/${localStorage.getItem(
-        "home_server"
-      )}/${params.id}`,
-    }),
-  },
-  delete_media: {
-    delete: params => ({
-      endpoint: `/_synapse/admin/v1/media/${localStorage.getItem(
-        "home_server"
-      )}/delete?before_ts=${params.before_ts}&size_gt=${
-        params.size_gt
-      }&keep_profiles=${params.keep_profiles}`,
-      method: "POST",
-    }),
   },
   servernotices: {
     map: n => ({ id: n.event_id }),
@@ -197,41 +134,6 @@ const resourceMap = {
       method: "POST",
     }),
   },
-  user_media_statistics: {
-    path: "/_synapse/admin/v1/statistics/users/media",
-    map: usms => ({
-      ...usms,
-      id: usms.user_id,
-    }),
-    data: "users",
-    total: json => {
-      return json.total;
-    },
-  },
-  room_directory: {
-    path: "/_matrix/client/r0/publicRooms",
-    map: rd => ({
-      ...rd,
-      id: rd.room_id,
-      public: !!rd.public,
-      guest_access: !!rd.guest_access,
-      avatar_src: mxcUrlToHttp(rd.avatar_url),
-    }),
-    data: "chunk",
-    total: json => {
-      return json.total_room_count_estimate;
-    },
-    create: params => ({
-      endpoint: `/_matrix/client/r0/directory/list/room/${params.id}`,
-      body: { visibility: "public" },
-      method: "PUT",
-    }),
-    delete: params => ({
-      endpoint: `/_matrix/client/r0/directory/list/room/${params.id}`,
-      body: { visibility: "private" },
-      method: "PUT",
-    }),
-  },
 };
 
 function filterNullValues(key, value) {
@@ -253,7 +155,7 @@ function getSearchOrder(order) {
 const dataProvider = {
   getList: (resource, params) => {
     console.log("getList " + resource);
-    const { user_id, name, guests, deactivated, search_term } = params.filter;
+    const { user_id, guests, deactivated } = params.filter;
     const { page, perPage } = params.pagination;
     const { field, order } = params.sort;
     const from = (page - 1) * perPage;
@@ -261,8 +163,6 @@ const dataProvider = {
       from: from,
       limit: perPage,
       user_id: user_id,
-      search_term: search_term,
-      name: name,
       guests: guests,
       deactivated: deactivated,
       order_by: field,
@@ -307,18 +207,11 @@ const dataProvider = {
       params.ids.map(id => jsonClient(`${endpoint_url}/${id}`))
     ).then(responses => ({
       data: responses.map(({ json }) => res.map(json)),
-      total: responses.length,
     }));
   },
 
   getManyReference: (resource, params) => {
     console.log("getManyReference " + resource);
-    const { page, perPage } = params.pagination;
-    const from = (page - 1) * perPage;
-    const query = {
-      from: from,
-      limit: perPage,
-    };
 
     const homeserver = localStorage.getItem("base_url");
     if (!homeserver || !(resource in resourceMap)) return Promise.reject();
@@ -326,11 +219,10 @@ const dataProvider = {
     const res = resourceMap[resource];
 
     const ref = res["reference"](params.id);
-    const endpoint_url = `${homeserver}${ref.endpoint}?${stringify(query)}`;
+    const endpoint_url = homeserver + ref.endpoint;
 
     return jsonClient(endpoint_url).then(({ headers, json }) => ({
       data: json[res.data].map(res.map),
-      total: res.total(json, from, perPage),
     }));
   },