mirror of
https://github.com/casdoor/casdoor.git
synced 2025-07-09 09:23:40 +08:00

* feat: support IP limitation for user entry pages * fix: error message, ip whiteList, check_entry_ip * fix: perform checks on the backend * fix: change the implementation of checking IpWhitelist * fix: add entryIpCheck in SetPassword and remove it from VerifyCode * fix: remove additional error message pop-ups * fix: add isRestricted and show ip error in EntryPage.js * fix: error message * Update auth.go * Update check_ip.go * Update check_ip.go * fix: update return value of the check function from string to error * fix: remoteAddress position * fix: IP whitelist * fix: clientIp * fix:add util.GetClientIpFromRequest * fix: remove duplicate IP and port separation codes and remove extra special characters after clientIp * fix: gofumpt * fix: getIpInfo and localhost --------- Co-authored-by: Yang Luo <hsluoyz@qq.com>
280 lines
9.9 KiB
JavaScript
280 lines
9.9 KiB
JavaScript
// Copyright 2022 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 {DeleteOutlined, DownOutlined, UpOutlined} from "@ant-design/icons";
|
|
import {Button, Col, Input, Row, Select, Switch, Table, Tooltip} from "antd";
|
|
import * as Setting from "../Setting";
|
|
import i18next from "i18next";
|
|
|
|
const {Option} = Select;
|
|
|
|
class AccountTable extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
classes: props,
|
|
};
|
|
}
|
|
|
|
updateTable(table) {
|
|
this.props.onUpdateTable(table);
|
|
}
|
|
|
|
updateField(table, index, key, value) {
|
|
table[index][key] = value;
|
|
this.updateTable(table);
|
|
}
|
|
|
|
addRow(table) {
|
|
const row = {name: Setting.getNewRowNameForTable(table, "Please select an account item"), visible: true, viewRule: "Public", modifyRule: "Self"};
|
|
if (table === undefined) {
|
|
table = [];
|
|
}
|
|
table = Setting.addRow(table, row);
|
|
this.updateTable(table);
|
|
}
|
|
|
|
deleteRow(table, i) {
|
|
table = Setting.deleteRow(table, i);
|
|
this.updateTable(table);
|
|
}
|
|
|
|
upRow(table, i) {
|
|
table = Setting.swapRow(table, i - 1, i);
|
|
this.updateTable(table);
|
|
}
|
|
|
|
downRow(table, i) {
|
|
table = Setting.swapRow(table, i, i + 1);
|
|
this.updateTable(table);
|
|
}
|
|
|
|
getItems = () => {
|
|
return [
|
|
{name: "Organization", label: i18next.t("general:Organization")},
|
|
{name: "ID", label: i18next.t("general:ID")},
|
|
{name: "Name", label: i18next.t("general:Name")},
|
|
{name: "Display name", label: i18next.t("general:Display name")},
|
|
{name: "Avatar", label: i18next.t("general:Avatar")},
|
|
{name: "User type", label: i18next.t("general:User type")},
|
|
{name: "Password", label: i18next.t("general:Password")},
|
|
{name: "Email", label: i18next.t("general:Email")},
|
|
{name: "Phone", label: i18next.t("general:Phone")},
|
|
{name: "Country code", label: i18next.t("user:Country code")},
|
|
{name: "Country/Region", label: i18next.t("user:Country/Region")},
|
|
{name: "Location", label: i18next.t("user:Location")},
|
|
{name: "Address", label: i18next.t("user:Address")},
|
|
{name: "Affiliation", label: i18next.t("user:Affiliation")},
|
|
{name: "Title", label: i18next.t("user:Title")},
|
|
{name: "ID card type", label: i18next.t("user:ID card type")},
|
|
{name: "ID card", label: i18next.t("user:ID card")},
|
|
{name: "ID card info", label: i18next.t("user:ID card info")},
|
|
{name: "Homepage", label: i18next.t("user:Homepage")},
|
|
{name: "Bio", label: i18next.t("user:Bio")},
|
|
{name: "Tag", label: i18next.t("user:Tag")},
|
|
{name: "Language", label: i18next.t("user:Language")},
|
|
{name: "Gender", label: i18next.t("user:Gender")},
|
|
{name: "Birthday", label: i18next.t("user:Birthday")},
|
|
{name: "Education", label: i18next.t("user:Education")},
|
|
{name: "Balance", label: i18next.t("user:Balance")},
|
|
{name: "Score", label: i18next.t("user:Score")},
|
|
{name: "Karma", label: i18next.t("user:Karma")},
|
|
{name: "Ranking", label: i18next.t("user:Ranking")},
|
|
{name: "Signup application", label: i18next.t("general:Signup application")},
|
|
{name: "API key", label: i18next.t("general:API key")},
|
|
{name: "Groups", label: i18next.t("general:Groups")},
|
|
{name: "Roles", label: i18next.t("general:Roles")},
|
|
{name: "Permissions", label: i18next.t("general:Permissions")},
|
|
{name: "3rd-party logins", label: i18next.t("user:3rd-party logins")},
|
|
{name: "Properties", label: i18next.t("user:Properties")},
|
|
{name: "Is online", label: i18next.t("user:Is online")},
|
|
{name: "Is admin", label: i18next.t("user:Is admin")},
|
|
{name: "Is forbidden", label: i18next.t("user:Is forbidden")},
|
|
{name: "Is deleted", label: i18next.t("user:Is deleted")},
|
|
{name: "Need update password", label: i18next.t("user:Need update password")},
|
|
{name: "IP whitelist", label: i18next.t("general:IP whitelist")},
|
|
{name: "Multi-factor authentication", label: i18next.t("user:Multi-factor authentication")},
|
|
{name: "WebAuthn credentials", label: i18next.t("user:WebAuthn credentials")},
|
|
{name: "Managed accounts", label: i18next.t("user:Managed accounts")},
|
|
{name: "Face ID", label: i18next.t("user:Face ID")},
|
|
{name: "MFA accounts", label: i18next.t("user:MFA accounts")},
|
|
];
|
|
};
|
|
|
|
renderTable(table) {
|
|
const columns = [
|
|
{
|
|
title: i18next.t("general:Name"),
|
|
dataIndex: "name",
|
|
key: "name",
|
|
render: (text, record, index) => {
|
|
const items = this.getItems();
|
|
return (
|
|
<Select virtual={false} style={{width: "100%"}}
|
|
options={Setting.getDeduplicatedArray(items, table, "name").map(item => Setting.getOption(item.label, item.name))}
|
|
value={text}
|
|
onChange={value => {
|
|
this.updateField(table, index, "name", value);
|
|
}} >
|
|
</Select>
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: i18next.t("organization:Visible"),
|
|
dataIndex: "visible",
|
|
key: "visible",
|
|
width: "120px",
|
|
render: (text, record, index) => {
|
|
return (
|
|
<Switch checked={text} onChange={checked => {
|
|
this.updateField(table, index, "visible", checked);
|
|
}} />
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: i18next.t("signup:Regex"),
|
|
dataIndex: "regex",
|
|
key: "regex",
|
|
width: "200px",
|
|
render: (text, record, index) => {
|
|
const regexIncludeList = ["Display name", "Password", "Email", "Phone", "Location",
|
|
"Title", "Homepage", "Bio", "Gender", "Birthday", "Education", "ID card",
|
|
"ID card type"];
|
|
if (!regexIncludeList.includes(record.name)) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Input value={text} onChange={e => {
|
|
this.updateField(table, index, "regex", e.target.value);
|
|
}} />
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: i18next.t("organization:View rule"),
|
|
dataIndex: "viewRule",
|
|
key: "viewRule",
|
|
width: "155px",
|
|
render: (text, record, index) => {
|
|
if (!record.visible) {
|
|
return null;
|
|
}
|
|
|
|
const options = [
|
|
{id: "Public", name: "Public"},
|
|
{id: "Self", name: "Self"},
|
|
{id: "Admin", name: "Admin"},
|
|
];
|
|
|
|
return (
|
|
<Select virtual={false} style={{width: "100%"}} value={text} onChange={(value => {
|
|
this.updateField(table, index, "viewRule", value);
|
|
})}>
|
|
{
|
|
options.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
|
|
}
|
|
</Select>
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: i18next.t("organization:Modify rule"),
|
|
dataIndex: "modifyRule",
|
|
key: "modifyRule",
|
|
width: "155px",
|
|
render: (text, record, index) => {
|
|
if (!record.visible) {
|
|
return null;
|
|
}
|
|
|
|
let options;
|
|
if (record.viewRule === "Admin" || record.name === "Is admin") {
|
|
options = [
|
|
{id: "Admin", name: "Admin"},
|
|
{id: "Immutable", name: "Immutable"},
|
|
];
|
|
} else {
|
|
options = [
|
|
{id: "Self", name: "Self"},
|
|
{id: "Admin", name: "Admin"},
|
|
{id: "Immutable", name: "Immutable"},
|
|
];
|
|
}
|
|
|
|
return (
|
|
<Select virtual={false} style={{width: "100%"}} value={text} onChange={(value => {
|
|
this.updateField(table, index, "modifyRule", value);
|
|
})}>
|
|
{
|
|
options.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
|
|
}
|
|
</Select>
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: i18next.t("general:Action"),
|
|
key: "action",
|
|
width: "100px",
|
|
render: (text, record, index) => {
|
|
return (
|
|
<div>
|
|
<Tooltip placement="bottomLeft" title={i18next.t("general:Up")}>
|
|
<Button style={{marginRight: "5px"}} disabled={index === 0} icon={<UpOutlined />} size="small" onClick={() => this.upRow(table, index)} />
|
|
</Tooltip>
|
|
<Tooltip placement="topLeft" title={i18next.t("general:Down")}>
|
|
<Button style={{marginRight: "5px"}} disabled={index === table.length - 1} icon={<DownOutlined />} size="small" onClick={() => this.downRow(table, index)} />
|
|
</Tooltip>
|
|
<Tooltip placement="topLeft" title={i18next.t("general:Delete")}>
|
|
<Button icon={<DeleteOutlined />} size="small" onClick={() => this.deleteRow(table, index)} />
|
|
</Tooltip>
|
|
</div>
|
|
);
|
|
},
|
|
},
|
|
];
|
|
|
|
return (
|
|
<Table scroll={{x: "max-content"}} rowKey="name" columns={columns} dataSource={table} size="middle" bordered pagination={false}
|
|
title={() => (
|
|
<div>
|
|
{this.props.title}
|
|
<Button style={{marginRight: "5px"}} type="primary" size="small" onClick={() => this.addRow(table)}>{i18next.t("general:Add")}</Button>
|
|
</div>
|
|
)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<Row style={{marginTop: "20px"}} >
|
|
<Col span={24}>
|
|
{
|
|
this.renderTable(this.props.table)
|
|
}
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default AccountTable;
|