llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-07-04 05:10:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve provide list.

Browse Source
This commit is contained in:
Yang Luo
2021-03-26 23:25:09 +08:00
parent 3bcc292da2
commit b1ac60fa02
1 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/src/ApplicationListPage.js
View File

@ -14,7 +14,8 @@
import React from "react"; import React from "react";
import {Link} from "react-router-dom"; import {Link} from "react-router-dom";
import {Button, Col, Popconfirm, Row, Table} from 'antd'; import {Button, Col, List, Popconfirm, Row, Table, Tooltip} from 'antd';
import {EditOutlined} from "@ant-design/icons";
import moment from "moment"; import moment from "moment";
import * as Setting from "./Setting"; import * as Setting from "./Setting";
import * as ApplicationBackend from "./backend/ApplicationBackend"; import * as ApplicationBackend from "./backend/ApplicationBackend";
@ -136,7 +137,7 @@ class ApplicationListPage extends React.Component {
title: i18next.t("general:Organization"), title: i18next.t("general:Organization"),
dataIndex: 'organization', dataIndex: 'organization',
key: 'organization', key: 'organization',
width: '200px', width: '150px',
sorter: (a, b) => a.organization.localeCompare(b.organization), sorter: (a, b) => a.organization.localeCompare(b.organization),
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
@ -150,15 +151,34 @@ class ApplicationListPage extends React.Component {
title: i18next.t("general:Providers"), title: i18next.t("general:Providers"),
dataIndex: 'providers', dataIndex: 'providers',
key: 'providers', key: 'providers',
width: '200px', width: '250px',
sorter: (a, b) => a.providers.localeCompare(b.providers),
render: (text, record, index) => { render: (text, record, index) => {
const providers = text;
if (providers.length === 0) {
return "(empty)";
}
return ( return (
<Link to={`/providers/${text}`}> <List
{text} size="small"
</Link> dataSource={providers}
renderItem={(row, i) => {
return (
<List.Item>
<div style={{display: "inline"}}>
<Tooltip placement="topLeft" title="Edit">
<Button style={{marginRight: "5px"}} icon={<EditOutlined />} size="small" onClick={() => Setting.goToLinkSoft(this, `/providers/${row}`)} />
</Tooltip>
<Link to={`/providers/${row}`}>
{row}
</Link>
</div>
</List.Item>
)
}}
/>
) )
} },
}, },
{ {
title: i18next.t("general:Action"), title: i18next.t("general:Action"),