-
+
+
this.renderHomeIfLoggedIn()} />
this.renderHomeIfLoggedIn()} />
@@ -85,6 +102,7 @@ class EntryPage extends React.Component {
this.renderHomeIfLoggedIn()} />
this.renderHomeIfLoggedIn()} />
{return ();}} />
+ this.renderHomeIfLoggedIn()} />
);
diff --git a/web/src/PlanEditPage.js b/web/src/PlanEditPage.js
new file mode 100644
index 00000000..86541b61
--- /dev/null
+++ b/web/src/PlanEditPage.js
@@ -0,0 +1,273 @@
+// 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 {Button, Card, Col, Input, InputNumber, Row, Select, Switch} from "antd";
+import * as OrganizationBackend from "./backend/OrganizationBackend";
+import * as RoleBackend from "./backend/RoleBackend";
+import * as PlanBackend from "./backend/PlanBackend";
+import * as UserBackend from "./backend/UserBackend";
+import * as Setting from "./Setting";
+import i18next from "i18next";
+
+const {Option} = Select;
+
+class PlanEditPage extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ classes: props,
+ organizationName: props.organizationName !== undefined ? props.organizationName : props.match.params.organizationName,
+ planName: props.match.params.planName,
+ plan: null,
+ organizations: [],
+ users: [],
+ roles: [],
+ providers: [],
+ mode: props.location.mode !== undefined ? props.location.mode : "edit",
+ };
+ }
+
+ UNSAFE_componentWillMount() {
+ this.getPlan();
+ this.getOrganizations();
+ }
+
+ getPlan() {
+ PlanBackend.getPlan(this.state.organizationName, this.state.planName)
+ .then((plan) => {
+ this.setState({
+ plan: plan,
+ });
+
+ this.getUsers(plan.owner);
+ this.getRoles(plan.owner);
+ });
+ }
+
+ getRoles(organizationName) {
+ RoleBackend.getRoles(organizationName)
+ .then((res) => {
+ this.setState({
+ roles: res,
+ });
+ });
+ }
+
+ getUsers(organizationName) {
+ UserBackend.getUsers(organizationName)
+ .then((res) => {
+ this.setState({
+ users: res,
+ });
+ });
+ }
+
+ getOrganizations() {
+ OrganizationBackend.getOrganizations("admin")
+ .then((res) => {
+ this.setState({
+ organizations: (res.msg === undefined) ? res : [],
+ });
+ });
+ }
+
+ parsePlanField(key, value) {
+ if ([""].includes(key)) {
+ value = Setting.myParseInt(value);
+ }
+ return value;
+ }
+
+ updatePlanField(key, value) {
+ value = this.parsePlanField(key, value);
+
+ const plan = this.state.plan;
+ plan[key] = value;
+ this.setState({
+ plan: plan,
+ });
+ }
+
+ renderPlan() {
+ return (
+
+ {this.state.mode === "add" ? i18next.t("plan:New Plan") : i18next.t("plan:Edit Plan")}
+
+
+ {this.state.mode === "add" ? : null}
+
+ {
+ this.state.plan !== null ? this.renderPlan() : null
+ }
+
+
+
+ {this.state.mode === "add" ? : null}
+
+