Add functions for delete rooms and users

src/components/rooms.js

@@ -1,12 +1,28 @@
-import React from "react";
-import { Datagrid, List, TextField, Pagination } from "react-admin";
+import React, { Fragment } from "react";
+import {
+  Datagrid,
+  List,
+  TextField,
+  BulkDeleteButton,
+  Pagination,
+} from "react-admin";
+
+const RoomBulkActionButtons = props => (
+  <Fragment>
+    <BulkDeleteButton {...props} label="resources.rooms.action.purge" />
+  </Fragment>
+);
 
 const RoomPagination = props => (
   <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
 );
 
 export const RoomList = props => (
-  <List {...props} pagination={<RoomPagination />}>
+  <List
+    {...props}
+    pagination={<RoomPagination />}
+    bulkActionButtons={<RoomBulkActionButtons />}
+  >
     <Datagrid>
       <TextField source="room_id" />
       <TextField source="name" />

src/components/users.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { Fragment } from "react";
 import PersonPinIcon from "@material-ui/icons/PersonPin";
 import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent";
 import {
@@ -23,6 +23,11 @@ import {
   ReferenceField,
   SelectInput,
   regex,
+  Toolbar,
+  SaveButton,
+  DeleteButton,
+  ListButton,
+  BulkDeleteButton,
   Pagination,
 } from "react-admin";
 
@@ -41,12 +46,34 @@ const UserFilter = props => (
   </Filter>
 );
 
+const UserEditToolbar = props => (
+  <Toolbar {...props}>
+    <SaveButton submitOnEnter={true} />
+    <DeleteButton
+      label="resources.users.action.deactivate"
+      submitOnEnter={false}
+      variant="flat"
+    />
+    <ListButton
+      label="resources.users.action.backtolist"
+      submitOnEnter={false}
+      variant="flat"
+    />
+  </Toolbar>
+);
+
+const UserBulkActionButtons = props => (
+  <Fragment>
+    <BulkDeleteButton {...props} label="resources.users.action.deactivate" />
+  </Fragment>
+);
+
 export const UserList = props => (
   <List
     {...props}
     filters={<UserFilter />}
     filterDefaultValues={{ guests: true, deactivated: false }}
-    bulkActionButtons={false}
+    bulkActionButtons={<UserBulkActionButtons />}
     pagination={<UserPagination />}
   >
     <Datagrid rowClick="edit">
@@ -106,7 +133,7 @@ export const UserCreate = props => (
 
 export const UserEdit = props => (
   <Edit {...props}>
-    <TabbedForm>
+    <TabbedForm toolbar={<UserEditToolbar />}>
       <FormTab label="resources.users.name" icon={<PersonPinIcon />}>
         <TextInput source="id" disabled />
         <TextInput source="displayname" />

src/i18n/de.js

@@ -38,6 +38,10 @@ export default {
       helper: {
         deactivate: "Deaktivierte Nutzer können nicht wieder aktiviert werden.",
       },
+      action: {
+        deactivate: "Deaktiviere Benutzer",
+        backtolist: "Zurück zur Liste",
+      },
     },
     rooms: {
       name: "Raum |||| Räume",
@@ -47,6 +51,9 @@ export default {
         canonical_alias: "Alias",
         joined_members: "Mitglieder",
       },
+      action: {
+        purge: "Säubere Raum",
+      },
     },
     connections: {
       name: "Verbindungen",

src/i18n/en.js

@@ -38,6 +38,10 @@ export default {
       helper: {
         deactivate: "Deactivated users cannot be reactivated",
       },
+      action: {
+        deactivate: "Deactivate user",
+        backtolist: "Back to list",
+      },
     },
     rooms: {
       name: "Room |||| Rooms",
@@ -47,6 +51,9 @@ export default {
         canonical_alias: "Alias",
         joined_members: "Members",
       },
+      action: {
+        purge: "Säubere Raum",
+      },
     },
     connections: {
       name: "Connections",

src/synapse/dataProvider.js

@@ -30,6 +30,12 @@ const resourceMap = {
         ? parseInt(json.next_token, 10) + perPage
         : from + json.users.length;
     },
+    delete_path: id => {
+      return "/_synapse/admin/v1/deactivate/" + id;
+    },
+    delete_body: () => {
+      return JSON.stringify({ erase: true });
+    },
   },
   rooms: {
     path: "/_synapse/admin/v1/rooms",
@@ -43,6 +49,12 @@ const resourceMap = {
     total: json => {
       return json.total_rooms;
     },
+    delete_path: () => {
+      return "/_synapse/admin/v1/purge_room";
+    },
+    delete_body: id => {
+      return JSON.stringify({ room_id: `${id}` });
+    },
   },
   connections: {
     path: "/_synapse/admin/v1/whois",
@@ -201,11 +213,17 @@ const dataProvider = {
     if (!homeserver || !(resource in resourceMap)) return Promise.reject();
 
     const res = resourceMap[resource];
-
     const homeserver_url = homeserver + res.path;
-    return jsonClient(`${homeserver_url}/${params.id}`, {
-      method: "DELETE",
-    }).then(({ json }) => ({
+
+    return jsonClient(
+      res.delete_path(params.id)
+        ? `${homeserver}` + res.delete_path(params.id)
+        : `${homeserver_url}/${params.id}`,
+      {
+        method: res.delete_path(params.id) ? "POST" : "DELETE",
+        body: res.delete_body(params.id),
+      }
+    ).then(({ json }) => ({
       data: json,
     }));
   },
@@ -216,15 +234,20 @@ const dataProvider = {
     if (!homeserver || !(resource in resourceMap)) return Promise.reject();
 
     const res = resourceMap[resource];
-
     const homeserver_url = homeserver + res.path;
+
     return Promise.all(
       params.ids.map(id =>
-        jsonClient(`${homeserver_url}/${id}`, {
-          method: "DELETE",
-          body: JSON.stringify(params.data, filterNullValues),
-        }).then(responses => ({
-          data: responses.map(({ json }) => json),
+        jsonClient(
+          res.delete_path(id)
+            ? `${homeserver}` + res.delete_path(id)
+            : `${homeserver_url}/${id}`,
+          {
+            method: res.delete_path(id) ? "POST" : "DELETE",
+            body: res.delete_body(id),
+          }
+        ).then(json => ({
+          data: json,
         }))
       )
     );