// 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 ( ); }, }, { title: i18next.t("organization:Visible"), dataIndex: "visible", key: "visible", width: "120px", render: (text, record, index) => { return ( { 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 ( { 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 ( ); }, }, { 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 ( ); }, }, { title: i18next.t("general:Action"), key: "action", width: "100px", render: (text, record, index) => { return (
); }, }, ]; return ( (
{this.props.title}    
)} /> ); } render() { return (
{ this.renderTable(this.props.table) } ); } } export default AccountTable;