+ {
+ this.state.enforcer !== null ? this.renderEnforcer() : null
+ }
+
+
+
+ {this.state.mode === "add" ? : null}
+
+
+ );
+ }
+}
+
+export default EnforcerEditPage;
diff --git a/web/src/EnforcerListPage.js b/web/src/EnforcerListPage.js
new file mode 100644
index 00000000..080ed966
--- /dev/null
+++ b/web/src/EnforcerListPage.js
@@ -0,0 +1,218 @@
+// Copyright 2023 The Casdoor Authors. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React from "react";
+import {Link} from "react-router-dom";
+import {Button, Switch, Table} from "antd";
+import moment from "moment";
+import * as Setting from "./Setting";
+import * as EnforcerBackend from "./backend/EnforcerBackend";
+import i18next from "i18next";
+import BaseListPage from "./BaseListPage";
+import PopconfirmModal from "./common/modal/PopconfirmModal";
+
+class EnforcerListPage extends BaseListPage {
+ newEnforcer() {
+ const randomName = Setting.getRandomName();
+ const owner = Setting.getRequestOrganization(this.props.account);
+ return {
+ owner: owner,
+ name: `enforcer_${randomName}`,
+ createdTime: moment().format(),
+ displayName: `New Enforcer - ${randomName}`,
+ isEnabled: true,
+ };
+ }
+
+ addEnforcer() {
+ const newEnforcer = this.newEnforcer();
+ EnforcerBackend.addEnforcer(newEnforcer)
+ .then((res) => {
+ if (res.status === "ok") {
+ this.props.history.push({pathname: `/enforcers/${newEnforcer.owner}/${newEnforcer.name}`, mode: "add"});
+ Setting.showMessage("success", i18next.t("general:Successfully added"));
+ } else {
+ Setting.showMessage("error", `${i18next.t("general:Failed to add")}: ${res.msg}`);
+ }
+ })
+ .catch(error => {
+ Setting.showMessage("error", `${i18next.t("general:Failed to connect to server")}: ${error}`);
+ });
+ }
+
+ deleteEnforcer(i) {
+ EnforcerBackend.deleteEnforcer(this.state.data[i])
+ .then((res) => {
+ if (res.status === "ok") {
+ Setting.showMessage("success", i18next.t("general:Successfully deleted"));
+ this.setState({
+ data: Setting.deleteRow(this.state.data, i),
+ pagination: {total: this.state.pagination.total - 1},
+ });
+ } else {
+ Setting.showMessage("error", `${i18next.t("general:Failed to delete")}: ${res.msg}`);
+ }
+ })
+ .catch(error => {
+ Setting.showMessage("error", `${i18next.t("general:Failed to connect to server")}: ${error}`);
+ });
+ }
+
+ renderTable(enforcers) {
+ const columns = [
+ {
+ title: i18next.t("general:Name"),
+ dataIndex: "name",
+ key: "name",
+ width: "150px",
+ fixed: "left",
+ sorter: true,
+ ...this.getColumnSearchProps("name"),
+ render: (text, record, index) => {
+ return (
+