Add React Admin and modify AdminHandler

jsx/src/components/Groups/Groups.js

@@ -0,0 +1,33 @@
+import { compose, withProps } from "recompose";
+import { connect } from "react-redux";
+import { jhapiRequest } from "../../util/jhapiUtil";
+import { Groups } from "./Groups.pre";
+
+const withGroupsAPI = withProps((props) => ({
+  refreshGroupsData: () =>
+    jhapiRequest("/groups", "GET")
+      .then((data) => data.json())
+      .then((data) => props.dispatch({ type: "GROUPS_DATA", value: data })),
+  refreshUserData: () =>
+    jhapiRequest("/users", "GET")
+      .then((data) => data.json())
+      .then((data) => props.dispatch({ type: "USER_DATA", value: data })),
+  addUsersToGroup: (name, new_users) =>
+    jhapiRequest("/groups/" + name + "/users", "POST", {
+      body: { users: new_users },
+      json: true,
+    }),
+  removeUsersFromGroup: (name, removed_users) =>
+    jhapiRequest("/groups/" + name + "/users", "DELETE", {
+      body: { users: removed_users },
+      json: true,
+    }),
+}));
+
+export default compose(
+  connect((state) => ({
+    user_data: state.user_data,
+    groups_data: state.groups_data,
+  })),
+  withGroupsAPI
+)(Groups);